[{"data":1,"prerenderedAt":18597},["ShallowReactive",2],{"navigation_docs":3,"-react-typescript-from-html-to-project-jsx-expressions":5466,"-react-typescript-from-html-to-project-jsx-expressions-surround":18592},[4,1707,2194,2666,2847,3015,3222,3344,3394,3451,3485,3611,3688,3702,3841,4219,4296,5029,5204,5297,5350,5462],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","\u002Fcsharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1364,1654,1703],{"title":11,"path":7,"stem":12},"C# та .NET","01.csharp\u002Findex",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","\u002Fcsharp\u002Ffundamentals","01.csharp\u002F01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","\u002Fcsharp\u002Ffundamentals\u002Fintroduction-to-ecosystem","01.csharp\u002F01.fundamentals\u002F01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","\u002Fcsharp\u002Ffundamentals\u002Fprogram-structure","01.csharp\u002F01.fundamentals\u002F02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","\u002Fcsharp\u002Ffundamentals\u002Fvariables-data-types","01.csharp\u002F01.fundamentals\u002F03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","\u002Fcsharp\u002Ffundamentals\u002Farrays","01.csharp\u002F01.fundamentals\u002F04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","\u002Fcsharp\u002Ffundamentals\u002Fstrings-text-handling","01.csharp\u002F01.fundamentals\u002F05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","\u002Fcsharp\u002Ffundamentals\u002Fdates-time-handling","01.csharp\u002F01.fundamentals\u002F06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","\u002Fcsharp\u002Ffundamentals\u002Fcontrol-flow","01.csharp\u002F01.fundamentals\u002F07.control-flow",{"title":48,"path":49,"stem":50},"Методи","\u002Fcsharp\u002Ffundamentals\u002Fmethods","01.csharp\u002F01.fundamentals\u002F08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","\u002Fcsharp\u002Ffundamentals\u002Fdebugging-basics","01.csharp\u002F01.fundamentals\u002F09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","\u002Fcsharp\u002Ffundamentals\u002Finteractive-console","01.csharp\u002F01.fundamentals\u002F10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","\u002Fcsharp\u002Foop","01.csharp\u002F02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","\u002Fcsharp\u002Foop\u002Fpackage-management","01.csharp\u002F02.oop\u002F01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","\u002Fcsharp\u002Foop\u002Fclasses-objects","01.csharp\u002F02.oop\u002F02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","\u002Fcsharp\u002Foop\u002Fproperties-fields","01.csharp\u002F02.oop\u002F03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","\u002Fcsharp\u002Foop\u002Foop-pillars","01.csharp\u002F02.oop\u002F04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","\u002Fcsharp\u002Foop\u002Fadvanced-types","01.csharp\u002F02.oop\u002F05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","\u002Fcsharp\u002Foop\u002Fnamespaces","01.csharp\u002F02.oop\u002F06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","\u002Fcsharp\u002Fadvanced-core","01.csharp\u002F03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","\u002Fcsharp\u002Fadvanced-core\u002Fgenerics","01.csharp\u002F03.advanced-core\u002F01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","\u002Fcsharp\u002Fadvanced-core\u002Fdelegates-events-lambdas","01.csharp\u002F03.advanced-core\u002F02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","\u002Fcsharp\u002Fadvanced-core\u002Finterfaces-deep-dive","01.csharp\u002F03.advanced-core\u002F03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","\u002Fcsharp\u002Fadvanced-core\u002Fexception-handling","01.csharp\u002F03.advanced-core\u002F04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","\u002Fcsharp\u002Fadvanced-core\u002Fpattern-matching","01.csharp\u002F03.advanced-core\u002F05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","\u002Fcsharp\u002Fadvanced-core\u002Fadditional-features","01.csharp\u002F03.advanced-core\u002F06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","\u002Fcsharp\u002Farchitecture-best-practices","01.csharp\u002F04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fsoftware-design-principles","01.csharp\u002F04.architecture-best-practices\u002F01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fsingleton","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdesign-patterns\u002Fcreational\u002Fbuilder","01.csharp\u002F04.architecture-best-practices\u002F02.design-patterns\u002Fcreational\u002F02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","\u002Fcsharp\u002Farchitecture-best-practices\u002Fbuilding-professional-clis","01.csharp\u002F04.architecture-best-practices\u002F03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","\u002Fcsharp\u002Farchitecture-best-practices\u002Fvalidation-flow-control","01.csharp\u002F04.architecture-best-practices\u002F04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fmodern-dotnet-host","01.csharp\u002F04.architecture-best-practices\u002F05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part1","01.csharp\u002F04.architecture-best-practices\u002F06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdata-mapper-part2","01.csharp\u002F04.architecture-best-practices\u002F07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fthe-dependency-problem","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fbuild-your-own-container","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-locator-pattern","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdependency-injection-patterns","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fmicrosoft-di-deep-dive","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fservice-lifetimes-and-scopes","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","\u002Fcsharp\u002Farchitecture-best-practices\u002Fdi-ioc\u002Fdi-anti-patterns-and-best-practices","01.csharp\u002F04.architecture-best-practices\u002F08.di-ioc\u002F07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","\u002Fcsharp\u002Fstandard-library","01.csharp\u002F05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","\u002Fcsharp\u002Fstandard-library\u002Fcollections","01.csharp\u002F05.standard-library\u002F01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","\u002Fcsharp\u002Fstandard-library\u002Fhigh-performance-types","01.csharp\u002F05.standard-library\u002F02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","\u002Fcsharp\u002Fstandard-library\u002Flinq","01.csharp\u002F05.standard-library\u002F03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","\u002Fcsharp\u002Fsystem-internals-concurrency","01.csharp\u002F06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmemory-management","01.csharp\u002F06.system-internals-concurrency\u002F01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Freflection-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fattributes-dynamic","01.csharp\u002F06.system-internals-concurrency\u002F03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fexpression-trees-compiled","01.csharp\u002F06.system-internals-concurrency\u002F04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsource-generators","01.csharp\u002F06.system-internals-concurrency\u002F05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fmultithreading-fundamentals","01.csharp\u002F06.system-internals-concurrency\u002F06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","\u002Fcsharp\u002Fsystem-internals-concurrency\u002Fsynchronization-primitives","01.csharp\u002F06.system-internals-concurrency\u002F07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","\u002Fcsharp\u002Fsystem-programming-windows","01.csharp\u002F07.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},"Як Працює Операційна Система","\u002Fcsharp\u002Fsystem-programming-windows\u002Fhow-os-works","01.csharp\u002F07.system-programming-windows\u002F01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","\u002Fcsharp\u002Fsystem-programming-windows\u002Fprocesses-in-dotnet","01.csharp\u002F07.system-programming-windows\u002F02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","\u002Fcsharp\u002Fsystem-programming-windows\u002F02a.processes-ipc","01.csharp\u002F07.system-programming-windows\u002F02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","\u002Fcsharp\u002Fsystem-programming-windows\u002Fappdomains-assemblies","01.csharp\u002F07.system-programming-windows\u002F03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","\u002Fcsharp\u002Fsystem-programming-windows\u002F03a.appdomains-plugin-system","01.csharp\u002F07.system-programming-windows\u002F03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-fundamentals","01.csharp\u002F07.system-programming-windows\u002F04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","\u002Fcsharp\u002Fsystem-programming-windows\u002F04a.thread-lifecycle-priorities","01.csharp\u002F07.system-programming-windows\u002F04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","\u002Fcsharp\u002Fsystem-programming-windows\u002Fshared-state-problems","01.csharp\u002F07.system-programming-windows\u002F05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","\u002Fcsharp\u002Fsystem-programming-windows\u002F05a.shared-state-memory-model","01.csharp\u002F07.system-programming-windows\u002F05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-fundamentals","01.csharp\u002F07.system-programming-windows\u002F06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","\u002Fcsharp\u002Fsystem-programming-windows\u002F06a.synchronization-walkthrough","01.csharp\u002F07.system-programming-windows\u002F06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","\u002Fcsharp\u002Fsystem-programming-windows\u002Fsynchronization-advanced","01.csharp\u002F07.system-programming-windows\u002F07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002F07a.synchronization-advanced-walkthrough","01.csharp\u002F07.system-programming-windows\u002F07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","\u002Fcsharp\u002Fsystem-programming-windows\u002Finterlocked-cas-lockfree","01.csharp\u002F07.system-programming-windows\u002F08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","\u002Fcsharp\u002Fsystem-programming-windows\u002F08a.volatile-memory-model","01.csharp\u002F07.system-programming-windows\u002F08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fthread-pool","01.csharp\u002F07.system-programming-windows\u002F09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","\u002Fcsharp\u002Fsystem-programming-windows\u002F09a.thread-pool-advanced","01.csharp\u002F07.system-programming-windows\u002F09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","\u002Fcsharp\u002Fsystem-programming-windows\u002Fconcurrent-collections","01.csharp\u002F07.system-programming-windows\u002F10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","\u002Fcsharp\u002Fsystem-programming-windows\u002Ftpl-parallel-plinq","01.csharp\u002F07.system-programming-windows\u002F11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","\u002Fcsharp\u002Fsystem-programming-windows\u002F11a.tpl-parallel-plinq-advanced","01.csharp\u002F07.system-programming-windows\u002F11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async\u002FAwait — Фундамент Асинхронного Програмування","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-fundamentals","01.csharp\u002F07.system-programming-windows\u002F12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-context-configureawait","01.csharp\u002F07.system-programming-windows\u002F13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-advanced","01.csharp\u002F07.system-programming-windows\u002F14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","\u002Fcsharp\u002Fsystem-programming-windows\u002Fchannels","01.csharp\u002F07.system-programming-windows\u002F15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","\u002Fcsharp\u002Fsystem-programming-windows\u002Fasync-synchronization","01.csharp\u002F07.system-programming-windows\u002F16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","\u002Fcsharp\u002Fsystem-programming-windows\u002Funsafe-code","01.csharp\u002F07.system-programming-windows\u002F17.unsafe-code",{"title":364,"path":365,"stem":366},"P\u002FInvoke та Windows API — Міст між .NET та Native Code","\u002Fcsharp\u002Fsystem-programming-windows\u002Fpinvoke-winapi","01.csharp\u002F07.system-programming-windows\u002F18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-registry","01.csharp\u002F07.system-programming-windows\u002F19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","\u002Fcsharp\u002Fsystem-programming-windows\u002Fwindows-hooks-services","01.csharp\u002F07.system-programming-windows\u002F20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","\u002Fcsharp\u002Fsystem-programming-windows\u002Fimplementation_plan","01.csharp\u002F07.system-programming-windows\u002Fimplementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","\u002Fcsharp\u002Fio","01.csharp\u002F08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","\u002Fcsharp\u002Fio\u002Ffile-system-basics","01.csharp\u002F08.io\u002F01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","\u002Fcsharp\u002Fio\u002Fstreams-serialization","01.csharp\u002F08.io\u002F02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","\u002Fcsharp\u002Fio\u002Fjson-serialization","01.csharp\u002F08.io\u002F03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","\u002Fcsharp\u002Fio\u002Fxml-serialization","01.csharp\u002F08.io\u002F04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","\u002Fcsharp\u002Fio\u002Fbinary-serialization","01.csharp\u002F08.io\u002F05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","\u002Fcsharp\u002Fado-net","01.csharp\u002F09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","\u002Fcsharp\u002Fado-net\u002Fintroduction-to-adonet","01.csharp\u002F09.ado-net\u002F01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","\u002Fcsharp\u002Fado-net\u002Fconnection","01.csharp\u002F09.ado-net\u002F02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","\u002Fcsharp\u002Fado-net\u002Fcommand-and-queries","01.csharp\u002F09.ado-net\u002F03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","\u002Fcsharp\u002Fado-net\u002Fdatareader","01.csharp\u002F09.ado-net\u002F04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","\u002Fcsharp\u002Fado-net\u002Fparameters-and-sql-injection","01.csharp\u002F09.ado-net\u002F05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","\u002Fcsharp\u002Fado-net\u002Ftransactions","01.csharp\u002F09.ado-net\u002F06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","\u002Fcsharp\u002Fado-net\u002Fprovider-factory","01.csharp\u002F09.ado-net\u002F07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","\u002Fcsharp\u002Fado-net\u002Fasync-data-access","01.csharp\u002F09.ado-net\u002F08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","\u002Fcsharp\u002Fado-net\u002Fdisconnected-mode-dataset","01.csharp\u002F09.ado-net\u002F09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","\u002Fcsharp\u002Fado-net\u002Fdata-adapter","01.csharp\u002F09.ado-net\u002F10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","\u002Fcsharp\u002Fado-net\u002Fdata-mapper-repository","01.csharp\u002F09.ado-net\u002F11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","\u002Fcsharp\u002Fado-net\u002Fadvanced-patterns","01.csharp\u002F09.ado-net\u002F12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","\u002Fcsharp\u002Fef-core","01.csharp\u002F10.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 до об'єктів","\u002Fcsharp\u002Fef-core\u002Fwhat-is-orm","01.csharp\u002F10.ef-core\u002F01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","\u002Fcsharp\u002Fef-core\u002Ffirst-project","01.csharp\u002F10.ef-core\u002F02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","\u002Fcsharp\u002Fef-core\u002Fdbcontext-deep-dive","01.csharp\u002F10.ef-core\u002F03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","\u002Fcsharp\u002Fef-core\u002Fdatabase-providers","01.csharp\u002F10.ef-core\u002F04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","\u002Fcsharp\u002Fef-core\u002Fconventions","01.csharp\u002F10.ef-core\u002F05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","\u002Fcsharp\u002Fef-core\u002Ffluent-api-vs-annotations","01.csharp\u002F10.ef-core\u002F06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","\u002Fcsharp\u002Fef-core\u002Frelationships-basics","01.csharp\u002F10.ef-core\u002F07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","\u002Fcsharp\u002Fef-core\u002Frelationships-advanced","01.csharp\u002F10.ef-core\u002F08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part1","01.csharp\u002F10.ef-core\u002F09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fproperty-configuration-part2","01.csharp\u002F10.ef-core\u002F09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part1","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fcomplex-types-owned-part2","01.csharp\u002F10.ef-core\u002F10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part1","01.csharp\u002F10.ef-core\u002F11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fjson-columns-part2","01.csharp\u002F10.ef-core\u002F11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finheritance-part1","01.csharp\u002F10.ef-core\u002F12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finheritance-part2","01.csharp\u002F10.ef-core\u002F12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part1","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","\u002Fcsharp\u002Fef-core\u002Findexes-constraints-part2","01.csharp\u002F10.ef-core\u002F13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fseeding-part1","01.csharp\u002F10.ef-core\u002F14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fseeding-part2","01.csharp\u002F10.ef-core\u002F14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part1","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fglobal-query-filters-part2","01.csharp\u002F10.ef-core\u002F15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part1","01.csharp\u002F10.ef-core\u002F16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","\u002Fcsharp\u002Fef-core\u002Flinq-queries-part2","01.csharp\u002F10.ef-core\u002F16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part1","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","\u002Fcsharp\u002Fef-core\u002Floading-related-data-part2","01.csharp\u002F10.ef-core\u002F17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part1","01.csharp\u002F10.ef-core\u002F18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fraw-sql-part2","01.csharp\u002F10.ef-core\u002F18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part1","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fadvanced-queries-part2","01.csharp\u002F10.ef-core\u002F19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part1","01.csharp\u002F10.ef-core\u002F20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fchange-tracking-part2","01.csharp\u002F10.ef-core\u002F20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part1","01.csharp\u002F10.ef-core\u002F21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fsaving-data-part2","01.csharp\u002F10.ef-core\u002F21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part1","01.csharp\u002F10.ef-core\u002F22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fconcurrency-part2","01.csharp\u002F10.ef-core\u002F22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part1","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-basics-part2","01.csharp\u002F10.ef-core\u002F23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part1","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fmigrations-advanced-part2","01.csharp\u002F10.ef-core\u002F24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part1","01.csharp\u002F10.ef-core\u002F25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","\u002Fcsharp\u002Fef-core\u002Fschema-management-part2","01.csharp\u002F10.ef-core\u002F25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","\u002Fcsharp\u002Fef-core\u002Fperformance-fundamentals-part1","01.csharp\u002F10.ef-core\u002F26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part1","01.csharp\u002F10.ef-core\u002F29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","\u002Fcsharp\u002Fef-core\u002Finterceptors-part2","01.csharp\u002F10.ef-core\u002F29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","\u002Fcsharp\u002Fef-core\u002Fimplementation_plan","01.csharp\u002F10.ef-core\u002Fimplementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","\u002Fcsharp\u002Faspnet","01.csharp\u002F11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289,1346],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","\u002Fcsharp\u002Faspnet\u002Fminimal-api","01.csharp\u002F11.aspnet\u002F01.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 та еволюція фреймворку","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fintroduction","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Ffirst-application","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fwebapplication-builder","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frequest-pipeline-middleware","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Frouting-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-files","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstatic-assets","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-fundamentals","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fconfiguration-options","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-basics","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Flogging-advanced","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fstate-management","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fsession-state","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fproject-structure","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fscalar-openapi-fluent","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger \u002F Swashbuckle у Minimal API: окремий класичний шлях","\u002Fcsharp\u002Faspnet\u002Fminimal-api\u002Fswagger-swashbuckle","01.csharp\u002F11.aspnet\u002F01.minimal-api\u002F17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","\u002Fcsharp\u002Faspnet\u002Fapi","01.csharp\u002F11.aspnet\u002F02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fwhat-is-api","01.csharp\u002F11.aspnet\u002F02.api\u002F01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fdata-formats","01.csharp\u002F11.aspnet\u002F02.api\u002F02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-paradigms-rest","01.csharp\u002F11.aspnet\u002F02.api\u002F03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fhttp-methods-status-codes","01.csharp\u002F11.aspnet\u002F02.api\u002F04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","\u002Fcsharp\u002Faspnet\u002Fapi\u002Frest-organizing","01.csharp\u002F11.aspnet\u002F02.api\u002F05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","\u002Fcsharp\u002Faspnet\u002Fapi\u002Furl-nomenclature-crud","01.csharp\u002F11.aspnet\u002F02.api\u002F06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-naming","01.csharp\u002F11.aspnet\u002F02.api\u002F07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-validation","01.csharp\u002F11.aspnet\u002F02.api\u002F08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Ferror-handling-http","01.csharp\u002F11.aspnet\u002F02.api\u002F09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fidempotency-sync","01.csharp\u002F11.aspnet\u002F02.api\u002F10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fpagination-lists","01.csharp\u002F11.aspnet\u002F02.api\u002F11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fsecurity-auth","01.csharp\u002F11.aspnet\u002F02.api\u002F12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fapi-design-process","01.csharp\u002F11.aspnet\u002F02.api\u002F13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","\u002Fcsharp\u002Faspnet\u002Fapi\u002Fopenapi","01.csharp\u002F11.aspnet\u002F02.api\u002F14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","\u002Fcsharp\u002Faspnet\u002Fauth","01.csharp\u002F11.aspnet\u002F03.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},"Основи аутентифікації та авторизації","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauth-fundamentals","01.csharp\u002F11.aspnet\u002F03.auth\u002F01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fjwt-authentication","01.csharp\u002F11.aspnet\u002F03.auth\u002F02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fauthorization-policies","01.csharp\u002F11.aspnet\u002F03.auth\u002F03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcookie-auth-identity","01.csharp\u002F11.aspnet\u002F03.auth\u002F04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","\u002Fcsharp\u002Faspnet\u002Fauth\u002F04b.identity-auth-jwt","01.csharp\u002F11.aspnet\u002F03.auth\u002F04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-email-confirmation","01.csharp\u002F11.aspnet\u002F03.auth\u002F05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-two-factor","01.csharp\u002F11.aspnet\u002F03.auth\u002F06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fidentity-internals","01.csharp\u002F11.aspnet\u002F03.auth\u002F07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-external-providers","01.csharp\u002F11.aspnet\u002F03.auth\u002F08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fsecurity-hardening","01.csharp\u002F11.aspnet\u002F03.auth\u002F09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foauth-theory","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Foidc-keycloak","01.csharp\u002F11.aspnet\u002F03.auth\u002F10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fapi-keys","01.csharp\u002F11.aspnet\u002F03.auth\u002F11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frate-limiting","01.csharp\u002F11.aspnet\u002F03.auth\u002F12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frefresh-token-rotation","01.csharp\u002F11.aspnet\u002F03.auth\u002F13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fcertificate-auth","01.csharp\u002F11.aspnet\u002F03.auth\u002F14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Frbac-abac-rebac","01.csharp\u002F11.aspnet\u002F03.auth\u002F15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fauth\u002Fmulti-tenancy","01.csharp\u002F11.aspnet\u002F03.auth\u002F16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","\u002Fcsharp\u002Faspnet\u002Fnotifications","01.csharp\u002F11.aspnet\u002F04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fin-app-database-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fpolling","01.csharp\u002F11.aspnet\u002F04.notifications\u002F02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fserver-sent-events","01.csharp\u002F11.aspnet\u002F04.notifications\u002F03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fwebsockets","01.csharp\u002F11.aspnet\u002F04.notifications\u002F04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fsignalr","01.csharp\u002F11.aspnet\u002F04.notifications\u002F05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fbackground-services","01.csharp\u002F11.aspnet\u002F04.notifications\u002F06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fweb-push","01.csharp\u002F11.aspnet\u002F04.notifications\u002F07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Femail-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fchoosing-the-right-approach","01.csharp\u002F11.aspnet\u002F04.notifications\u002F09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire","01.csharp\u002F11.aspnet\u002F04.notifications\u002F10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-image-webp","01.csharp\u002F11.aspnet\u002F04.notifications\u002F11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Fhangfire-video-hls","01.csharp\u002F11.aspnet\u002F04.notifications\u002F12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","\u002Fcsharp\u002Faspnet\u002Fnotifications\u002Ftelegram-notifications","01.csharp\u002F11.aspnet\u002F04.notifications\u002F13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","\u002Fcsharp\u002Faspnet\u002Fi18n","01.csharp\u002F11.aspnet\u002F05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Finternationalization","01.csharp\u002F11.aspnet\u002F05.i18n\u002F01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","\u002Fcsharp\u002Faspnet\u002Fi18n\u002Fhumanizer","01.csharp\u002F11.aspnet\u002F05.i18n\u002F02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","\u002Fcsharp\u002Faspnet\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fcaching","01.csharp\u002F11.aspnet\u002F06.caching\u002F01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fmemory-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fdistributed-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Fresponse-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","\u002Fcsharp\u002Faspnet\u002Fcaching\u002Foutput-cache","01.csharp\u002F11.aspnet\u002F06.caching\u002F05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","\u002Fcsharp\u002Faspnet\u002Ftesting","01.csharp\u002F11.aspnet\u002F07.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},"Що таке тестування? Від інтуїції до науки","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-is-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-pyramid","01.csharp\u002F11.aspnet\u002F07.testing\u002F02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-schools","01.csharp\u002F11.aspnet\u002F07.testing\u002F03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftdd-and-bdd","01.csharp\u002F11.aspnet\u002F07.testing\u002F04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwhat-to-test","01.csharp\u002F11.aspnet\u002F07.testing\u002F05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftest-frameworks","01.csharp\u002F11.aspnet\u002F07.testing\u002F06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-basics","01.csharp\u002F11.aspnet\u002F07.testing\u002F07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fxunit-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fmocking-with-moq","01.csharp\u002F11.aspnet\u002F07.testing\u002F09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fdatabase-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","\u002Fcsharp\u002Faspnet\u002Ftesting\u002F11a.integration-testing-practice","01.csharp\u002F11.aspnet\u002F07.testing\u002F11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fintegration-testing-advanced","01.csharp\u002F11.aspnet\u002F07.testing\u002F12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fpostman-professional","01.csharp\u002F11.aspnet\u002F07.testing\u002F13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fhttpclient-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fwiremock-net","01.csharp\u002F11.aspnet\u002F07.testing\u002F15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Ftesting-patterns","01.csharp\u002F11.aspnet\u002F07.testing\u002F16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fadvanced-testing-tools","01.csharp\u002F11.aspnet\u002F07.testing\u002F17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Farchitecture-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fperformance-testing","01.csharp\u002F11.aspnet\u002F07.testing\u002F19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","\u002Fcsharp\u002Faspnet\u002Ftesting\u002Fremaining_plan","01.csharp\u002F11.aspnet\u002F07.testing\u002Fremaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","\u002Fcsharp\u002Faspnet\u002Fpayments","01.csharp\u002F11.aspnet\u002F08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-fundamentals","01.csharp\u002F11.aspnet\u002F08.payments\u002F01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-methods-ukraine","01.csharp\u002F11.aspnet\u002F08.payments\u002F02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpci-dss-security","01.csharp\u002F11.aspnet\u002F08.payments\u002F03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fpayment-architecture","01.csharp\u002F11.aspnet\u002F08.payments\u002F04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fliqpay-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fmonobank-acquiring","01.csharp\u002F11.aspnet\u002F08.payments\u002F06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fstripe-integration","01.csharp\u002F11.aspnet\u002F08.payments\u002F07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fwebhooks-deep-dive","01.csharp\u002F11.aspnet\u002F08.payments\u002F08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fsubscriptions-recurring","01.csharp\u002F11.aspnet\u002F08.payments\u002F09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Frefunds-disputes","01.csharp\u002F11.aspnet\u002F08.payments\u002F10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Ftesting-payments","01.csharp\u002F11.aspnet\u002F08.payments\u002F11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","\u002Fcsharp\u002Faspnet\u002Fpayments\u002Fproduction-checklist","01.csharp\u002F11.aspnet\u002F08.payments\u002F12.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","\u002Fcsharp\u002Faspnet\u002Flibraries","01.csharp\u002F11.aspnet\u002F09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-validation","01.csharp\u002F11.aspnet\u002F09.libraries\u002F01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmapster","01.csharp\u002F11.aspnet\u002F09.libraries\u002F02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ferroror-result-pattern","01.csharp\u002F11.aspnet\u002F09.libraries\u002F03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fserilog","01.csharp\u002F11.aspnet\u002F09.libraries\u002F04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fmediatr","01.csharp\u002F11.aspnet\u002F09.libraries\u002F05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fpolly","01.csharp\u002F11.aspnet\u002F09.libraries\u002F06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F09.libraries\u002F07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffeature-management","01.csharp\u002F11.aspnet\u002F09.libraries\u002F08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Ffluent-email","01.csharp\u002F11.aspnet\u002F09.libraries\u002F09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fquest-pdf","01.csharp\u002F11.aspnet\u002F09.libraries\u002F10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fbogus","01.csharp\u002F11.aspnet\u002F09.libraries\u002F11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fhumanizer-guard","01.csharp\u002F11.aspnet\u002F09.libraries\u002F12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","\u002Fcsharp\u002Faspnet\u002Flibraries\u002Fplan","01.csharp\u002F11.aspnet\u002F09.libraries\u002Fplan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","\u002Fcsharp\u002Faspnet\u002Frazor-pages","01.csharp\u002F11.aspnet\u002F10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ffrom-minimal-api","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fpage-model","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Frazor-syntax","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Ftag-helpers","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fforms-validation","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","\u002Fcsharp\u002Faspnet\u002Frazor-pages\u002Fproject-task-manager","01.csharp\u002F11.aspnet\u002F10.razor-pages\u002F06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc","01.csharp\u002F11.aspnet\u002F11.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: архітектура, що змінила веб","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-pattern","01.csharp\u002F11.aspnet\u002F11.mvc\u002F01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffrom-razor-pages","01.csharp\u002F11.aspnet\u002F11.mvc\u002F02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fcontrollers-actions","01.csharp\u002F11.aspnet\u002F11.mvc\u002F03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Frouting-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmodel-binding","01.csharp\u002F11.aspnet\u002F11.mvc\u002F05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fviews-viewdata-tempdata","01.csharp\u002F11.aspnet\u002F11.mvc\u002F06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffilters","01.csharp\u002F11.aspnet\u002F11.mvc\u002F07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fareas","01.csharp\u002F11.aspnet\u002F11.mvc\u002F08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fview-components","01.csharp\u002F11.aspnet\u002F11.mvc\u002F09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fdisplay-editor-templates","01.csharp\u002F11.aspnet\u002F11.mvc\u002F10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fvalidation-advanced","01.csharp\u002F11.aspnet\u002F11.mvc\u002F11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx","01.csharp\u002F11.aspnet\u002F11.mvc\u002F12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fajax-htmx-mvc","01.csharp\u002F11.aspnet\u002F11.mvc\u002F13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fhtmx-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Ffile-upload","01.csharp\u002F11.aspnet\u002F11.mvc\u002F15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fglobalization-localization","01.csharp\u002F11.aspnet\u002F11.mvc\u002F16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fmvc-project","01.csharp\u002F11.aspnet\u002F11.mvc\u002F17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","\u002Fcsharp\u002Faspnet\u002Fmvc\u002Fplan","01.csharp\u002F11.aspnet\u002F11.mvc\u002Fplan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","\u002Fcsharp\u002Faspnet\u002Fweb-api","01.csharp\u002F11.aspnet\u002F12.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","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffrom-minimal-api-to-controllers","01.csharp\u002F11.aspnet\u002F12.web-api\u002F01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontroller-base-actionresult","01.csharp\u002F11.aspnet\u002F12.web-api\u002F02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fcontent-negotiation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-versioning","01.csharp\u002F11.aspnet\u002F12.web-api\u002F04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fproblemdetails-error-handling","01.csharp\u002F11.aspnet\u002F12.web-api\u002F05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Ffilters-for-api","01.csharp\u002F11.aspnet\u002F12.web-api\u002F06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fpagination-filtering-sorting","01.csharp\u002F11.aspnet\u002F12.web-api\u002F07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhateoas-resource-expansion","01.csharp\u002F11.aspnet\u002F12.web-api\u002F08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fminimal-api-vs-controllers-hybrid","01.csharp\u002F11.aspnet\u002F12.web-api\u002F09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fapi-documentation-generation","01.csharp\u002F11.aspnet\u002F12.web-api\u002F10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fhealth-checks-monitoring","01.csharp\u002F11.aspnet\u002F12.web-api\u002F11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fweb-api-project","01.csharp\u002F11.aspnet\u002F12.web-api\u002F12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","\u002Fcsharp\u002Faspnet\u002Fweb-api\u002Fplan","01.csharp\u002F11.aspnet\u002F12.web-api\u002Fplan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Моніторинг","i-lucide-activity","\u002Fcsharp\u002Faspnet\u002Fmonitoring","01.csharp\u002F11.aspnet\u002F13.monitoring",[1352,1356,1360],{"title":1353,"path":1354,"stem":1355},"Спостережуваність: від console.log до production-систем","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fobservability-intro","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F01.observability-intro",{"title":1357,"path":1358,"stem":1359},"Health Checks: перший рівень observability","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fhealth-checks","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F02.health-checks",{"title":1361,"path":1362,"stem":1363},"Вбудовані метрики .NET 10 та System.Diagnostics.Metrics","\u002Fcsharp\u002Faspnet\u002Fmonitoring\u002Fdotnet-metrics","01.csharp\u002F11.aspnet\u002F13.monitoring\u002F03.dotnet-metrics",{"title":1365,"icon":1366,"path":1367,"stem":1368,"children":1369,"page":59},"Desktop UI","i-lucide-app-window","\u002Fcsharp\u002Fdesktop-ui","01.csharp\u002F12.desktop-ui",[1370,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426,1430,1434,1438,1442,1446,1450,1454,1458,1462,1466,1470,1474,1478,1482,1486,1490,1494,1498,1502,1506,1510,1514,1518,1522,1526,1530,1534,1538,1542,1546,1550,1554,1558,1562,1566,1570,1574,1578,1582,1586,1590,1594,1598,1602,1606,1610,1614,1618,1622,1626,1630,1634,1638,1642,1646,1650],{"title":1371,"path":1372,"stem":1373},"Що таке десктопна розробка?","\u002Fcsharp\u002Fdesktop-ui\u002Fwhat-is-desktop-dev","01.csharp\u002F12.desktop-ui\u002F01.what-is-desktop-dev",{"title":1375,"path":1376,"stem":1377},"Архітектура WPF — як влаштований графічний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-architecture","01.csharp\u002F12.desktop-ui\u002F02.wpf-architecture",{"title":1379,"path":1380,"stem":1381},"Перший WPF-проєкт — від нуля до вікна","\u002Fcsharp\u002Fdesktop-ui\u002Ffirst-wpf-app","01.csharp\u002F12.desktop-ui\u002F03.first-wpf-app",{"title":1383,"path":1384,"stem":1385},"Перший Avalonia-проєкт: WPF для всіх платформ","\u002Fcsharp\u002Fdesktop-ui\u002F03a.first-avalonia-app","01.csharp\u002F12.desktop-ui\u002F03a.first-avalonia-app",{"title":1387,"path":1388,"stem":1389},"XAML: декларативний інтерфейс","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-basics","01.csharp\u002F12.desktop-ui\u002F04.xaml-basics",{"title":1391,"path":1392,"stem":1393},"Fluent UI у WPF — сучасний дизайн Windows 11","\u002Fcsharp\u002Fdesktop-ui\u002F04a.wpf-fluent-ui","01.csharp\u002F12.desktop-ui\u002F04a.wpf-fluent-ui",{"title":1395,"path":1396,"stem":1397},"WPF UI — сучасна бібліотека Fluent контролів","\u002Fcsharp\u002Fdesktop-ui\u002F04b.wpf-ui-library","01.csharp\u002F12.desktop-ui\u002F04b.wpf-ui-library",{"title":1399,"path":1400,"stem":1401},"HandyControl — велика бібліотека UI контролів для WPF","\u002Fcsharp\u002Fdesktop-ui\u002F04c.handycontrol-library","01.csharp\u002F12.desktop-ui\u002F04c.handycontrol-library",{"title":1403,"path":1404,"stem":1405},"Простори імен та ресурси XAML","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-namespaces-resources","01.csharp\u002F12.desktop-ui\u002F05.xaml-namespaces-resources",{"title":1407,"path":1408,"stem":1409},"XAML в Avalonia: ключові відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F05a.avalonia-xaml-differences","01.csharp\u002F12.desktop-ui\u002F05a.avalonia-xaml-differences",{"title":1411,"path":1412,"stem":1413},"Розширення розмітки XAML (Markup Extensions)","\u002Fcsharp\u002Fdesktop-ui\u002Fxaml-markup-extensions","01.csharp\u002F12.desktop-ui\u002F06.xaml-markup-extensions",{"title":1415,"path":1416,"stem":1417},"Панелі Layout: StackPanel, WrapPanel, DockPanel","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part1","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part1",{"title":1419,"path":1420,"stem":1421},"Grid, Canvas, UniformGrid","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-panels-part2","01.csharp\u002F12.desktop-ui\u002F07.layout-panels-part2",{"title":1423,"path":1424,"stem":1425},"Просунуті техніки Layout","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-advanced","01.csharp\u002F12.desktop-ui\u002F08.layout-advanced",{"title":1427,"path":1428,"stem":1429},"Адаптивний Layout та найкращі практики","\u002Fcsharp\u002Fdesktop-ui\u002Flayout-responsive","01.csharp\u002F12.desktop-ui\u002F09.layout-responsive",{"title":1431,"path":1432,"stem":1433},"Layout в Avalonia: відмінності та нові можливості","\u002Fcsharp\u002Fdesktop-ui\u002F09a.layout-avalonia","01.csharp\u002F12.desktop-ui\u002F09a.layout-avalonia",{"title":1435,"path":1436,"stem":1437},"Button, Image, ProgressBar та інші базові контроли","\u002Fcsharp\u002Fdesktop-ui\u002Fbasic-controls","01.csharp\u002F12.desktop-ui\u002F10.basic-controls",{"title":1439,"path":1440,"stem":1441},"Контроли в Avalonia: відмінності від WPF","\u002Fcsharp\u002Fdesktop-ui\u002F10a.controls-avalonia","01.csharp\u002F12.desktop-ui\u002F10a.controls-avalonia",{"title":1443,"path":1444,"stem":1445},"Текстові контроли — TextBlock, TextBox, RichTextBox","\u002Fcsharp\u002Fdesktop-ui\u002Ftext-controls","01.csharp\u002F12.desktop-ui\u002F11.text-controls",{"title":1447,"path":1448,"stem":1449},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","\u002Fcsharp\u002Fdesktop-ui\u002Fselection-controls","01.csharp\u002F12.desktop-ui\u002F12.selection-controls",{"title":1451,"path":1452,"stem":1453},"Content Model — GroupBox, Expander, TabControl, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fcontent-controls","01.csharp\u002F12.desktop-ui\u002F13.content-controls",{"title":1455,"path":1456,"stem":1457},"UI\u002FUX принципи десктопних застосунків","\u002Fcsharp\u002Fdesktop-ui\u002F13a.ui-ux-principles","01.csharp\u002F12.desktop-ui\u002F13a.ui-ux-principles",{"title":1459,"path":1460,"stem":1461},"Dependency Properties — Концепція та Value Resolution","\u002Fcsharp\u002Fdesktop-ui\u002Fdependency-properties-part1","01.csharp\u002F12.desktop-ui\u002F14.dependency-properties-part1",{"title":1463,"path":1464,"stem":1465},"Avalonia Property System — StyledProperty та DirectProperty","\u002Fcsharp\u002Fdesktop-ui\u002F14a.avalonia-property-system","01.csharp\u002F12.desktop-ui\u002F14a.avalonia-property-system",{"title":1467,"path":1468,"stem":1469},"Attached Properties — Властивості без меж","\u002Fcsharp\u002Fdesktop-ui\u002Fattached-properties","01.csharp\u002F12.desktop-ui\u002F15.attached-properties",{"title":1471,"path":1472,"stem":1473},"Routed Events — Маршрутизація подій у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Frouted-events","01.csharp\u002F12.desktop-ui\u002F16.routed-events",{"title":1475,"path":1476,"stem":1477},"Data Binding — Від Code-Behind до Декларативності","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part1","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part1",{"title":1479,"path":1480,"stem":1481},"INotifyPropertyChanged — Живе оновлення UI","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-basics-part2","01.csharp\u002F12.desktop-ui\u002F17.data-binding-basics-part2",{"title":1483,"path":1484,"stem":1485},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","\u002Fcsharp\u002Fdesktop-ui\u002F17a.avalonia-compiled-bindings","01.csharp\u002F12.desktop-ui\u002F17a.avalonia-compiled-bindings",{"title":1487,"path":1488,"stem":1489},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-binding-advanced","01.csharp\u002F12.desktop-ui\u002F18.data-binding-advanced",{"title":1491,"path":1492,"stem":1493},"Value Converters — Перетворення типів даних у Data Binding","\u002Fcsharp\u002Fdesktop-ui\u002Fvalue-converters","01.csharp\u002F12.desktop-ui\u002F19.value-converters",{"title":1495,"path":1496,"stem":1497},"Data Templates — Візуалізація об'єктів у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-templates","01.csharp\u002F12.desktop-ui\u002F20.data-templates",{"title":1499,"path":1500,"stem":1501},"Collections Binding Part 1 — ObservableCollection та ItemsControl","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part1","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part1",{"title":1503,"path":1504,"stem":1505},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","\u002Fcsharp\u002Fdesktop-ui\u002Fcollections-binding-part2","01.csharp\u002F12.desktop-ui\u002F21.collections-binding-part2",{"title":1507,"path":1508,"stem":1509},"MVVM Pattern — Від Spaghetti Code до архітектури","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-pattern","01.csharp\u002F12.desktop-ui\u002F22.mvvm-pattern",{"title":1511,"path":1512,"stem":1513},"ViewModel Implementation — Від BaseViewModel до валідації","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-implementation","01.csharp\u002F12.desktop-ui\u002F23.viewmodel-implementation",{"title":1515,"path":1516,"stem":1517},"Commands — Від event handlers до декларативних команд","\u002Fcsharp\u002Fdesktop-ui\u002Fcommands","01.csharp\u002F12.desktop-ui\u002F24.commands",{"title":1519,"path":1520,"stem":1521},"MVVM Toolkit — MVVM без boilerplate через Source Generators","\u002Fcsharp\u002Fdesktop-ui\u002Fmvvm-toolkit","01.csharp\u002F12.desktop-ui\u002F25.mvvm-toolkit",{"title":1523,"path":1524,"stem":1525},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","\u002Fcsharp\u002Fdesktop-ui\u002Fmessenger-pattern","01.csharp\u002F12.desktop-ui\u002F26.messenger-pattern",{"title":1527,"path":1528,"stem":1529},"Стилі WPF — CSS для десктопу","\u002Fcsharp\u002Fdesktop-ui\u002Fstyles-basics","01.csharp\u002F12.desktop-ui\u002F27.styles-basics",{"title":1531,"path":1532,"stem":1533},"CSS-like стилі Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F27a.avalonia-css-styling","01.csharp\u002F12.desktop-ui\u002F27a.avalonia-css-styling",{"title":1535,"path":1536,"stem":1537},"Control Templates — Частина 1. Концепція та TemplateBinding","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part1","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part1",{"title":1539,"path":1540,"stem":1541},"Control Templates — Частина 2. Named Parts та ContentPresenter","\u002Fcsharp\u002Fdesktop-ui\u002Fcontrol-templates-part2","01.csharp\u002F12.desktop-ui\u002F28.control-templates-part2",{"title":1543,"path":1544,"stem":1545},"Control Themes в Avalonia — нова ера стилізації","\u002Fcsharp\u002Fdesktop-ui\u002F28a.avalonia-control-themes","01.csharp\u002F12.desktop-ui\u002F28a.avalonia-control-themes",{"title":1547,"path":1548,"stem":1549},"Triggers та Visual State Manager у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Ftriggers-visual-states","01.csharp\u002F12.desktop-ui\u002F29.triggers-visual-states",{"title":1551,"path":1552,"stem":1553},"Pseudo-classes в Avalonia — замість WPF Triggers","\u002Fcsharp\u002Fdesktop-ui\u002F29a.avalonia-pseudo-classes","01.csharp\u002F12.desktop-ui\u002F29a.avalonia-pseudo-classes",{"title":1555,"path":1556,"stem":1557},"Теми та ресурсні словники у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fresources-themes","01.csharp\u002F12.desktop-ui\u002F30.resources-themes",{"title":1559,"path":1560,"stem":1561},"Avalonia Themes — Fluent Design та система тематизації","\u002Fcsharp\u002Fdesktop-ui\u002F30a.avalonia-themes-fluent","01.csharp\u002F12.desktop-ui\u002F30a.avalonia-themes-fluent",{"title":1563,"path":1564,"stem":1565},"Контроли колекцій — глибоке занурення","\u002Fcsharp\u002Fdesktop-ui\u002Fcollection-controls","01.csharp\u002F12.desktop-ui\u002F31.collection-controls",{"title":1567,"path":1568,"stem":1569},"DataGrid — колонки та базове відображення","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part1","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part1",{"title":1571,"path":1572,"stem":1573},"DataGrid — сортування, фільтрація, редагування","\u002Fcsharp\u002Fdesktop-ui\u002Fdatagrid-part2","01.csharp\u002F12.desktop-ui\u002F32.datagrid-part2",{"title":1575,"path":1576,"stem":1577},"TreeView та GridView","\u002Fcsharp\u002Fdesktop-ui\u002Ftreeview-listview","01.csharp\u002F12.desktop-ui\u002F33.treeview-listview",{"title":1579,"path":1580,"stem":1581},"Меню, Toolbar, ContextMenu, StatusBar","\u002Fcsharp\u002Fdesktop-ui\u002Fmenus-toolbars","01.csharp\u002F12.desktop-ui\u002F34.menus-toolbars",{"title":1583,"path":1584,"stem":1585},"Навігація та керування вікнами. Частина 1: вікна та сторінки","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part1","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part1",{"title":1587,"path":1588,"stem":1589},"Навігація та керування вікнами. Частина 2: MVVM-навігація","\u002Fcsharp\u002Fdesktop-ui\u002Fnavigation-windows-part2","01.csharp\u002F12.desktop-ui\u002F35.navigation-windows-part2",{"title":1591,"path":1592,"stem":1593},"Avalonia — Навігація та діалоги","\u002Fcsharp\u002Fdesktop-ui\u002F35a.avalonia-navigation-dialogs","01.csharp\u002F12.desktop-ui\u002F35a.avalonia-navigation-dialogs",{"title":1595,"path":1596,"stem":1597},"Діалоги та File Pickers у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fdialogs-file-pickers","01.csharp\u002F12.desktop-ui\u002F36.dialogs-file-pickers",{"title":1599,"path":1600,"stem":1601},"UserControl: компонентний підхід у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fuser-controls","01.csharp\u002F12.desktop-ui\u002F37.user-controls",{"title":1603,"path":1604,"stem":1605},"Custom Controls: Lookless Controls у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fcustom-controls","01.csharp\u002F12.desktop-ui\u002F38.custom-controls",{"title":1607,"path":1608,"stem":1609},"Avalonia TemplatedControl — Lookless Controls","\u002Fcsharp\u002Fdesktop-ui\u002F38a.avalonia-templated-controls","01.csharp\u002F12.desktop-ui\u002F38a.avalonia-templated-controls",{"title":1611,"path":1612,"stem":1613},"Анімації у WPF: Storyboard та Easing Functions","\u002Fcsharp\u002Fdesktop-ui\u002Fanimations-transitions","01.csharp\u002F12.desktop-ui\u002F39.animations-transitions",{"title":1615,"path":1616,"stem":1617},"Анімації в Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002F39a.avalonia-animations","01.csharp\u002F12.desktop-ui\u002F39a.avalonia-animations",{"title":1619,"path":1620,"stem":1621},"2D Графіка та Мультимедіа у WPF","\u002Fcsharp\u002Fdesktop-ui\u002Fmedia-graphics","01.csharp\u002F12.desktop-ui\u002F40.media-graphics",{"title":1623,"path":1624,"stem":1625},"Dependency Injection у WPF та Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Fdi-integration","01.csharp\u002F12.desktop-ui\u002F41.di-integration",{"title":1627,"path":1628,"stem":1629},"SQLite та EF Core у десктопних додатках","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part1","01.csharp\u002F12.desktop-ui\u002F42.data-persistence-part1",{"title":1631,"path":1632,"stem":1633},"Repository Pattern та Unit of Work","\u002Fcsharp\u002Fdesktop-ui\u002Fdata-persistence-part2","01.csharp\u002F12.desktop-ui\u002F43.data-persistence-part2",{"title":1635,"path":1636,"stem":1637},"Тестування ViewModels","\u002Fcsharp\u002Fdesktop-ui\u002Fviewmodel-testing","01.csharp\u002F12.desktop-ui\u002F44.viewmodel-testing",{"title":1639,"path":1640,"stem":1641},"Avalonia Headless Testing — тестування UI без вікон","\u002Fcsharp\u002Fdesktop-ui\u002F44a.avalonia-headless-testing","01.csharp\u002F12.desktop-ui\u002F44a.avalonia-headless-testing",{"title":1643,"path":1644,"stem":1645},"Кросплатформна розробка з Avalonia","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-cross-platform","01.csharp\u002F12.desktop-ui\u002F45.avalonia-cross-platform",{"title":1647,"path":1648,"stem":1649},"Пакування та розгортання Avalonia додатків","\u002Fcsharp\u002Fdesktop-ui\u002Favalonia-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F46.avalonia-packaging-deployment",{"title":1651,"path":1652,"stem":1653},"Розгортання WPF застосунків","\u002Fcsharp\u002Fdesktop-ui\u002Fwpf-packaging-deployment","01.csharp\u002F12.desktop-ui\u002F47.wpf-packaging-deployment",{"title":1655,"icon":658,"path":1656,"stem":1657,"children":1658,"page":59},"Network Programming","\u002Fcsharp\u002Fnetwork-programming","01.csharp\u002F13.network-programming",[1659,1663,1667,1671,1675,1679,1683,1687,1691,1695,1699],{"title":1660,"path":1661,"stem":1662},"Основи комп'ютерних мереж","\u002Fcsharp\u002Fnetwork-programming\u002Ffoundations","01.csharp\u002F13.network-programming\u002F01.foundations",{"title":1664,"path":1665,"stem":1666},"Модель OSI та стек TCP\u002FIP","\u002Fcsharp\u002Fnetwork-programming\u002Fosi-model","01.csharp\u002F13.network-programming\u002F02.osi-model",{"title":1668,"path":1669,"stem":1670},"IP-протокол та адресація","\u002Fcsharp\u002Fnetwork-programming\u002Fip-addressing","01.csharp\u002F13.network-programming\u002F03.ip-addressing",{"title":1672,"path":1673,"stem":1674},"UDP — протокол без з'єднання","\u002Fcsharp\u002Fnetwork-programming\u002Fudp","01.csharp\u002F13.network-programming\u002F05.udp",{"title":1676,"path":1677,"stem":1678},"UDP Broadcast та Multicast","\u002Fcsharp\u002Fnetwork-programming\u002Fudp-broadcast-multicast","01.csharp\u002F13.network-programming\u002F06.udp-broadcast-multicast",{"title":1680,"path":1681,"stem":1682},"HTTP — протокол вебу","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-fundamentals","01.csharp\u002F13.network-programming\u002F07.http-fundamentals",{"title":1684,"path":1685,"stem":1686},"HttpListener — вбудований HTTP-сервер .NET","\u002Fcsharp\u002Fnetwork-programming\u002F07a.http-listener","01.csharp\u002F13.network-programming\u002F07a.http-listener",{"title":1688,"path":1689,"stem":1690},"HTTP Advanced — cookies, аутентифікація та HTTPS","\u002Fcsharp\u002Fnetwork-programming\u002Fhttp-advanced","01.csharp\u002F13.network-programming\u002F08.http-advanced",{"title":1692,"path":1693,"stem":1694},"SMTP та протоколи електронної пошти","\u002Fcsharp\u002Fnetwork-programming\u002Fsmtp","01.csharp\u002F13.network-programming\u002F09.smtp",{"title":1696,"path":1697,"stem":1698},"WebSocket — повнодуплексний протокол реального часу","\u002Fcsharp\u002Fnetwork-programming\u002Fwebsockets","01.csharp\u002F13.network-programming\u002F10.websockets",{"title":1700,"path":1701,"stem":1702},"TLS\u002FSSL — криптографічний захист мережевих з'єднань","\u002Fcsharp\u002Fnetwork-programming\u002Ftls-ssl","01.csharp\u002F13.network-programming\u002F11.tls-ssl",{"title":1704,"path":1705,"stem":1706},"C# & .NET: The Ultimate Roadmap","\u002Fcsharp\u002Froadmap","01.csharp\u002Froadmap",{"title":1708,"icon":1709,"path":1710,"stem":1711,"children":1712,"page":59},"C++","i-devicon-cplusplus","\u002Fcpp","02.cpp",[1713,1717,1721,1725,1729,1733,1737,1741,1745,1748,1752,1756,1760,1764,1768,1772,1776,1780,1784,1788,1792,1796,1800,1804,1808,1812,1816,1820,1824,1828,1832,1836,1840,1844,1848,1852,1856,1860,1864,1868,1872,1876,1880,1884,1888,1892,1896,1900,1904,1908,1912,1916,1920,1924,1928,1932,1936,1940,1944,1948,1952,1956,1960,1964,1968,1972,1976,1980,1984,1988,1992,1996,2000,2004,2008,2012,2016,2020,2024,2028,2032,2036,2040,2044,2048,2052,2056,2060,2064,2068,2072,2076,2080,2084,2088,2092,2096,2100,2104,2108,2112,2116],{"title":1714,"path":1715,"stem":1716},"Вступ у програмування та алгоритми","\u002Fcpp\u002Fintro-algorithms","02.cpp\u002F01.intro-algorithms",{"title":1718,"path":1719,"stem":1720},"Code Style: угоди про оформлення коду","\u002Fcpp\u002Fcode-style","02.cpp\u002F02.code-style",{"title":1722,"path":1723,"stem":1724},"Середовище розробки та перший проєкт","\u002Fcpp\u002Fide-setup","02.cpp\u002F03.ide-setup",{"title":1726,"path":1727,"stem":1728},"Вивід даних на екран","\u002Fcpp\u002Fdata-output","02.cpp\u002F04.data-output",{"title":1730,"path":1731,"stem":1732},"Типи даних, змінні та константи","\u002Fcpp\u002Fdata-types-variables","02.cpp\u002F05.data-types-variables",{"title":1734,"path":1735,"stem":1736},"Ввід даних з клавіатури","\u002Fcpp\u002Fdata-input","02.cpp\u002F06.data-input",{"title":1738,"path":1739,"stem":1740},"Оператори, перетворення типів та логічні операції","\u002Fcpp\u002Foperators-type-conversion","02.cpp\u002F07.operators-type-conversion",{"title":1742,"path":1743,"stem":1744},"Цикли","\u002Fcpp\u002Floops","02.cpp\u002F08.loops",{"title":32,"path":1746,"stem":1747},"\u002Fcpp\u002Farrays","02.cpp\u002F09.arrays",{"title":1749,"path":1750,"stem":1751},"Алгоритми сортування та аналіз складності","\u002Fcpp\u002Fsorting","02.cpp\u002F10.sorting",{"title":1753,"path":1754,"stem":1755},"Революція C++20: Ranges та Views","\u002Fcpp\u002Franges-views","02.cpp\u002F100.ranges-views",{"title":1757,"path":1758,"stem":1759},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1761,"path":1762,"stem":1763},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1765,"path":1766,"stem":1767},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1769,"path":1770,"stem":1771},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1773,"path":1774,"stem":1775},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1777,"path":1778,"stem":1779},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1781,"path":1782,"stem":1783},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1785,"path":1786,"stem":1787},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1789,"path":1790,"stem":1791},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1793,"path":1794,"stem":1795},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1797,"path":1798,"stem":1799},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1801,"path":1802,"stem":1803},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1805,"path":1806,"stem":1807},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1809,"path":1810,"stem":1811},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1813,"path":1814,"stem":1815},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1817,"path":1818,"stem":1819},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1821,"path":1822,"stem":1823},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1825,"path":1826,"stem":1827},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1829,"path":1830,"stem":1831},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1833,"path":1834,"stem":1835},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1837,"path":1838,"stem":1839},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1841,"path":1842,"stem":1843},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1845,"path":1846,"stem":1847},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1849,"path":1850,"stem":1851},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1853,"path":1854,"stem":1855},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1857,"path":1858,"stem":1859},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1861,"path":1862,"stem":1863},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1865,"path":1866,"stem":1867},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1869,"path":1870,"stem":1871},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1873,"path":1874,"stem":1875},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1877,"path":1878,"stem":1879},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1881,"path":1882,"stem":1883},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1885,"path":1886,"stem":1887},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1889,"path":1890,"stem":1891},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1893,"path":1894,"stem":1895},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1897,"path":1898,"stem":1899},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1901,"path":1902,"stem":1903},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1909,"path":1910,"stem":1911},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1913,"path":1914,"stem":1915},"Введення в ООП: від процедур до об'єктів","\u002Fcpp\u002Foop-intro","02.cpp\u002F49.oop-intro",{"title":1917,"path":1918,"stem":1919},"Класи, об'єкти та методи","\u002Fcpp\u002Fclasses-objects-methods","02.cpp\u002F50.classes-objects-methods",{"title":1921,"path":1922,"stem":1923},"Специфікатори доступу та інкапсуляція","\u002Fcpp\u002Faccess-specifiers-encapsulation","02.cpp\u002F51.access-specifiers-encapsulation",{"title":1925,"path":1926,"stem":1927},"Конструктори: гарантована ініціалізація об'єктів","\u002Fcpp\u002Fconstructors","02.cpp\u002F52.constructors",{"title":1929,"path":1930,"stem":1931},"Списки ініціалізації та делегуючі конструктори","\u002Fcpp\u002Finit-lists-delegating","02.cpp\u002F53.init-lists-delegating",{"title":1933,"path":1934,"stem":1935},"Деструктори та ідіома RAII","\u002Fcpp\u002Fdestructors-raii","02.cpp\u002F54.destructors-raii",{"title":1937,"path":1938,"stem":1939},"Прихований покажчик this","\u002Fcpp\u002Fthis-pointer","02.cpp\u002F55.this-pointer",{"title":1941,"path":1942,"stem":1943},"Розподіл класу на заголовковий файл та файл реалізації","\u002Fcpp\u002Fclass-header-source","02.cpp\u002F56.class-header-source",{"title":1945,"path":1946,"stem":1947},"Класи та const","\u002Fcpp\u002Fconst-classes","02.cpp\u002F57.const-classes",{"title":1949,"path":1950,"stem":1951},"Статичні члени класу","\u002Fcpp\u002Fstatic-members","02.cpp\u002F58.static-members",{"title":1953,"path":1954,"stem":1955},"Конструктор копіювання та запобігання копіюванню","\u002Fcpp\u002Fcopy-constructor","02.cpp\u002F59.copy-constructor",{"title":1957,"path":1958,"stem":1959},"Дружні функції та класи","\u002Fcpp\u002Ffriend-functions-classes","02.cpp\u002F60.friend-functions-classes",{"title":1961,"path":1962,"stem":1963},"Анонімні об'єкти та вкладені типи","\u002Fcpp\u002Fanonymous-objects-nested-types","02.cpp\u002F61.anonymous-objects-nested-types",{"title":1965,"path":1966,"stem":1967},"Вимірювання часу виконання: RAII-таймер","\u002Fcpp\u002Ftiming-raii-timer","02.cpp\u002F62.timing-raii-timer",{"title":1969,"path":1970,"stem":1971},"Перевантаження операторів: основи та арифметика","\u002Fcpp\u002Foperator-overloading-basics","02.cpp\u002F63.operator-overloading-basics",{"title":1973,"path":1974,"stem":1975},"Перевантаження операторів: методи класу та спеціальні оператори","\u002Fcpp\u002Foperator-overloading-methods","02.cpp\u002F64.operator-overloading-methods",{"title":1977,"path":1978,"stem":1979},"Приведення типів, explicit та delete","\u002Fcpp\u002Ftypecast-explicit-delete","02.cpp\u002F65.typecast-explicit-delete",{"title":1981,"path":1982,"stem":1983},"Глибоке копіювання та оператор присвоювання","\u002Fcpp\u002Fdeep-copy-assignment","02.cpp\u002F66.deep-copy-assignment",{"title":1985,"path":1986,"stem":1987},"Зв'язки між об'єктами: композиція та агрегація","\u002Fcpp\u002Fcomposition-aggregation","02.cpp\u002F67.composition-aggregation",{"title":1989,"path":1990,"stem":1991},"Асоціація та залежність між об","\u002Fcpp\u002Fassociation-dependency","02.cpp\u002F68.association-dependency",{"title":1993,"path":1994,"stem":1995},"Контейнерні класи та `std::initializer_list`","\u002Fcpp\u002Fcontainer-classes-initializer-list","02.cpp\u002F69.container-classes-initializer-list",{"title":1997,"path":1998,"stem":1999},"Вступ до наслідування: базові поняття та відношення «is-a»","\u002Fcpp\u002Finheritance-intro","02.cpp\u002F70.inheritance-intro",{"title":2001,"path":2002,"stem":2003},"Конструктори, деструктори та порядок ініціалізації в ієрархіях","\u002Fcpp\u002Finheritance-constructors-destructors","02.cpp\u002F71.inheritance-constructors-destructors",{"title":2005,"path":2006,"stem":2007},"Специфікатор `protected` та види наслідування","\u002Fcpp\u002Finheritance-access-specifiers","02.cpp\u002F72.inheritance-access-specifiers",{"title":2009,"path":2010,"stem":2011},"Перевизначення методів та приховування імен","\u002Fcpp\u002Fmethod-overriding-hiding","02.cpp\u002F73.method-overriding-hiding",{"title":2013,"path":2014,"stem":2015},"Множинне наслідування та проблема ромба","\u002Fcpp\u002Fmultiple-inheritance-diamond","02.cpp\u002F74.multiple-inheritance-diamond",{"title":2017,"path":2018,"stem":2019},"Вказівники на базовий клас та віртуальні функції","\u002Fcpp\u002Fvirtual-functions-polymorphism","02.cpp\u002F75.virtual-functions-polymorphism",{"title":2021,"path":2022,"stem":2023},"Специфікатори override, final та віртуальні деструктори","\u002Fcpp\u002Foverride-final-virtual-destructors","02.cpp\u002F76.override-final-virtual-destructors",{"title":2025,"path":2026,"stem":2027},"Внутрішні механізми поліморфізму: vtable, vptr та зв'язування","\u002Fcpp\u002Fvirtual-table-binding","02.cpp\u002F77.virtual-table-binding",{"title":2029,"path":2030,"stem":2031},"Абстрактні класи та чисті віртуальні функції","\u002Fcpp\u002Fabstract-classes-interfaces","02.cpp\u002F78.abstract-classes-interfaces",{"title":2033,"path":2034,"stem":2035},"Зрізка об'єктів, віртуальне наслідування та поліморфний вивід","\u002Fcpp\u002Fslicing-virtual-base-io","02.cpp\u002F79.slicing-virtual-base-io",{"title":2037,"path":2038,"stem":2039},"Динамічне приведення типів (`dynamic_cast`) та RTTI","\u002Fcpp\u002Fdynamic-cast-rtti","02.cpp\u002F80.dynamic-cast-rtti",{"title":2041,"path":2042,"stem":2043},"Шаблони функцій: узагальнене програмування","\u002Fcpp\u002Ffunction-templates","02.cpp\u002F81.function-templates",{"title":2045,"path":2046,"stem":2047},"Шаблони класів та NTTP-параметри","\u002Fcpp\u002Fclass-templates-nttp","02.cpp\u002F82.class-templates-nttp",{"title":2049,"path":2050,"stem":2051},"Повна (явна) спеціалізація шаблонів","\u002Fcpp\u002Ffull-template-specialization","02.cpp\u002F83.full-template-specialization",{"title":2053,"path":2054,"stem":2055},"Часткова спеціалізація шаблонів класів","\u002Fcpp\u002Fpartial-template-specialization","02.cpp\u002F84.partial-template-specialization",{"title":2057,"path":2058,"stem":2059},"Механізм винятків: try, catch, throw та розкручування стеку","\u002Fcpp\u002Fexceptions-basics","02.cpp\u002F85.exceptions-basics",{"title":2061,"path":2062,"stem":2063},"Ієрархія std::exception та власні класи винятків","\u002Fcpp\u002Fexception-hierarchy-custom","02.cpp\u002F86.exception-hierarchy-custom",{"title":2065,"path":2066,"stem":2067},"Повторне генерування винятків та функціональний try-блок","\u002Fcpp\u002Frethrow-function-try","02.cpp\u002F87.rethrow-function-try",{"title":2069,"path":2070,"stem":2071},"Безпека винятків, noexcept та деструктори","\u002Fcpp\u002Fsafety-noexcept","02.cpp\u002F88.safety-noexcept",{"title":2073,"path":2074,"stem":2075},"Власні структури даних: стек та черга","\u002Fcpp\u002Fcustom-stack-queue","02.cpp\u002F89.custom-stack-queue",{"title":2077,"path":2078,"stem":2079},"Власні структури даних: однозв'язаний список","\u002Fcpp\u002Flinked-list","02.cpp\u002F90.linked-list",{"title":2081,"path":2082,"stem":2083},"Власні структури даних: бінарне дерево пошуку","\u002Fcpp\u002Fbinary-search-tree","02.cpp\u002F91.binary-search-tree",{"title":2085,"path":2086,"stem":2087},"Власні структури даних: хеш-таблиця","\u002Fcpp\u002Fhash-table","02.cpp\u002F92.hash-table",{"title":2089,"path":2090,"stem":2091},"Готові структури даних C++: послідовні контейнери STL","\u002Fcpp\u002Fstl-sequential-containers","02.cpp\u002F93.stl-sequential-containers",{"title":2093,"path":2094,"stem":2095},"Готові структури даних C++: асоціативні контейнери та адаптери","\u002Fcpp\u002Fstl-associative-adapters","02.cpp\u002F94.stl-associative-adapters",{"title":2097,"path":2098,"stem":2099},"Готові структури даних C++: ітератори та алгоритми STL","\u002Fcpp\u002Fstl-iterators-algorithms","02.cpp\u002F95.stl-iterators-algorithms",{"title":2101,"path":2102,"stem":2103},"R-value посилання та move-семантика","\u002Fcpp\u002Frvalue-references-move-semantics","02.cpp\u002F96.rvalue-references-move-semantics",{"title":2105,"path":2106,"stem":2107},"Move-конструктор, move-присвоювання та Правило п","\u002Fcpp\u002Fmove-constructors-rule-of-five","02.cpp\u002F97.move-constructors-rule-of-five",{"title":2109,"path":2110,"stem":2111},"Розумний покажчик std::unique_ptr","\u002Fcpp\u002Funique-ptr","02.cpp\u002F98.unique-ptr",{"title":2113,"path":2114,"stem":2115},"Спільне володіння: std::shared_ptr та std::weak_ptr","\u002Fcpp\u002Fshared-ptr-weak-ptr","02.cpp\u002F99.shared-ptr-weak-ptr",{"title":2117,"icon":2118,"path":2119,"stem":2120,"children":2121,"page":59},"CMake і vcpkg","i-devicon-cmake","\u002Fcpp\u002Fcmake","02.cpp\u002F990.cmake",[2122,2126,2130,2134,2138,2142,2146,2150,2154,2158,2162,2166,2170,2174,2178,2182,2186,2190],{"title":2123,"path":2124,"stem":2125},"CMake: навіщо він потрібен і як його встановити","\u002Fcpp\u002Fcmake\u002Fwhat-is-cmake","02.cpp\u002F990.cmake\u002F01.what-is-cmake",{"title":2127,"path":2128,"stem":2129},"Перший проєкт з CMake: конфігурація, збірка, запуск","\u002Fcpp\u002Fcmake\u002Ffirst-project","02.cpp\u002F990.cmake\u002F02.first-project",{"title":2131,"path":2132,"stem":2133},"Синтаксис CMakeLists.txt: команди, змінні, списки","\u002Fcpp\u002Fcmake\u002Fcmakelists-syntax","02.cpp\u002F990.cmake\u002F03.cmakelists-syntax",{"title":2135,"path":2136,"stem":2137},"Проєкт із кількома файлами: перелік джерел і file(GLOB)","\u002Fcpp\u002Fcmake\u002Fmultiple-files","02.cpp\u002F990.cmake\u002F04.multiple-files",{"title":2139,"path":2140,"stem":2141},"Бібліотеки в CMake: STATIC, SHARED, INTERFACE та видимість PUBLIC\u002FPRIVATE","\u002Fcpp\u002Fcmake\u002Flibraries","02.cpp\u002F990.cmake\u002F05.libraries",{"title":2143,"path":2144,"stem":2145},"Підключення зовнішніх бібліотек: find_package, add_subdirectory, FetchContent, pkg-config","\u002Fcpp\u002Fcmake\u002Fexternal-libraries","02.cpp\u002F990.cmake\u002F06.external-libraries",{"title":2147,"path":2148,"stem":2149},"Умови, опції, цикли та функції в CMake","\u002Fcpp\u002Fcmake\u002Fvariables-conditions","02.cpp\u002F990.cmake\u002F07.variables-conditions",{"title":2151,"path":2152,"stem":2153},"Конфігурації збірки: Debug, Release і вирази-генератори","\u002Fcpp\u002Fcmake\u002Fbuild-configurations","02.cpp\u002F990.cmake\u002F08.build-configurations",{"title":2155,"path":2156,"stem":2157},"Структура великого проєкту: підпапки, модулі CMake, PCH та install","\u002Fcpp\u002Fcmake\u002Fproject-structure","02.cpp\u002F990.cmake\u002F09.project-structure",{"title":2159,"path":2160,"stem":2161},"Тестування з CMake: CTest, Google Test, покриття коду","\u002Fcpp\u002Fcmake\u002Ftesting-ctest","02.cpp\u002F990.cmake\u002F10.testing-ctest",{"title":2163,"path":2164,"stem":2165},"Команди CMake, пресети, скрипти збірки та кращі практики","\u002Fcpp\u002Fcmake\u002Fcommands-best-practices","02.cpp\u002F990.cmake\u002F11.commands-best-practices",{"title":2167,"path":2168,"stem":2169},"Практичні проєкти: калькулятор, Qt-застосунок і кросплатформна збірка","\u002Fcpp\u002Fcmake\u002Freal-projects","02.cpp\u002F990.cmake\u002F12.real-projects",{"title":2171,"path":2172,"stem":2173},"Пакетні менеджери для C++: vcpkg, Conan, CPM та системні пакети","\u002Fcpp\u002Fcmake\u002Fpackage-managers","02.cpp\u002F990.cmake\u002F13.package-managers",{"title":2175,"path":2176,"stem":2177},"vcpkg: встановлення, основні команди та triplets","\u002Fcpp\u002Fcmake\u002Fvcpkg-basics","02.cpp\u002F990.cmake\u002F14.vcpkg-basics",{"title":2179,"path":2180,"stem":2181},"vcpkg і CMake: toolchain-файл, manifest vcpkg.json, IDE","\u002Fcpp\u002Fcmake\u002Fvcpkg-cmake","02.cpp\u002F990.cmake\u002F15.vcpkg-cmake",{"title":2183,"path":2184,"stem":2185},"vcpkg для досвідчених: версії, features, реєстри, власні порти, кеш і діагностика","\u002Fcpp\u002Fcmake\u002Fvcpkg-advanced","02.cpp\u002F990.cmake\u002F16.vcpkg-advanced",{"title":2187,"path":2188,"stem":2189},"Бібліотеки C++: fmt, spdlog і nlohmann\u002Fjson","\u002Fcpp\u002Fcmake\u002Flibraries-format-log-json","02.cpp\u002F990.cmake\u002F17.libraries-format-log-json",{"title":2191,"path":2192,"stem":2193},"Бібліотеки C++: cpp-httplib, cxxopts, CLI11, Google Test і Catch2","\u002Fcpp\u002Fcmake\u002Flibraries-network-cli-testing","02.cpp\u002F990.cmake\u002F18.libraries-network-cli-testing",{"title":2195,"icon":2196,"path":2197,"stem":2198,"children":2199,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[2200,2226,2280,2302,2606,2644,2662],{"title":2201,"icon":2202,"path":2203,"stem":2204,"children":2205,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[2206,2210,2214,2218,2222],{"title":2207,"path":2208,"stem":2209},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":2211,"path":2212,"stem":2213},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":2215,"path":2216,"stem":2217},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":2219,"path":2220,"stem":2221},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":2223,"path":2224,"stem":2225},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":2227,"icon":2228,"path":2229,"stem":2230,"children":2231,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[2232,2236,2240,2244,2248,2252,2256,2260,2264,2268,2272,2276],{"title":2233,"path":2234,"stem":2235},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":2237,"path":2238,"stem":2239},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":2241,"path":2242,"stem":2243},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":2245,"path":2246,"stem":2247},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":2249,"path":2250,"stem":2251},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":2253,"path":2254,"stem":2255},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":2257,"path":2258,"stem":2259},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":2261,"path":2262,"stem":2263},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":2265,"path":2266,"stem":2267},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":2269,"path":2270,"stem":2271},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":2273,"path":2274,"stem":2275},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":2277,"path":2278,"stem":2279},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":2281,"icon":2282,"path":2283,"stem":2284,"children":2285,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2286,2290,2294,2298],{"title":2287,"path":2288,"stem":2289},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2291,"path":2292,"stem":2293},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2295,"path":2296,"stem":2297},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2299,"path":2300,"stem":2301},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2303,"icon":2304,"path":2305,"stem":2306,"children":2307},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2308,2309,2313,2317,2321,2325,2388,2423,2575],{"title":2303,"path":2305,"stem":2306},{"title":2310,"path":2311,"stem":2312},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2314,"path":2315,"stem":2316},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2318,"path":2319,"stem":2320},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2322,"path":2323,"stem":2324},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2326,"icon":132,"path":2327,"stem":2328,"children":2329},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2330,2332,2336,2340,2344,2348,2352,2356,2360,2364,2368,2372,2376,2380,2384],{"title":2331,"path":2327,"stem":2328},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2333,"path":2334,"stem":2335},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2337,"path":2338,"stem":2339},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2341,"path":2342,"stem":2343},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2345,"path":2346,"stem":2347},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2349,"path":2350,"stem":2351},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2353,"path":2354,"stem":2355},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2357,"path":2358,"stem":2359},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2361,"path":2362,"stem":2363},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2365,"path":2366,"stem":2367},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2369,"path":2370,"stem":2371},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2373,"path":2374,"stem":2375},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2377,"path":2378,"stem":2379},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2381,"path":2382,"stem":2383},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2385,"path":2386,"stem":2387},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2389,"icon":2304,"path":2390,"stem":2391,"children":2392},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2393,2395,2399,2403,2407,2411,2415,2419],{"title":2394,"path":2390,"stem":2391},"React Router: Навігаційна система сучасного вебу",{"title":2396,"path":2397,"stem":2398},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2400,"path":2401,"stem":2402},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2404,"path":2405,"stem":2406},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2408,"path":2409,"stem":2410},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2412,"path":2413,"stem":2414},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2416,"path":2417,"stem":2418},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2420,"path":2421,"stem":2422},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2424,"icon":132,"path":2425,"stem":2426,"children":2427},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2428,2430,2446,2475,2484,2505,2521,2550],{"title":2429,"path":2425,"stem":2426},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2431,"stem":2432,"children":2433,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2434,2438,2442],{"title":2435,"path":2436,"stem":2437},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2439,"path":2440,"stem":2441},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2443,"path":2444,"stem":2445},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2447,"icon":132,"path":2448,"stem":2449,"children":2450,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2451,2455,2459,2463,2467,2471],{"title":2452,"path":2453,"stem":2454},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2456,"path":2457,"stem":2458},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2460,"path":2461,"stem":2462},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2464,"path":2465,"stem":2466},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2468,"path":2469,"stem":2470},"Підключення до React (React-Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freact-redux-connection","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F05.react-redux-connection",{"title":2472,"path":2473,"stem":2474},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2476,"icon":132,"path":2477,"stem":2478,"children":2479,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2480],{"title":2481,"path":2482,"stem":2483},"Проблеми класичного Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk\u002Fproblems-with-classic","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk\u002F01.problems-with-classic",{"title":2485,"icon":132,"path":2486,"stem":2487,"children":2488,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2489,2493,2497,2501],{"title":2490,"path":2491,"stem":2492},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2494,"path":2495,"stem":2496},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2498,"path":2499,"stem":2500},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2502,"path":2503,"stem":2504},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2506,"icon":92,"path":2507,"stem":2508,"children":2509,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2510,2514,2518],{"title":2511,"path":2512,"stem":2513},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2515,"path":2516,"stem":2517},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2365,"path":2519,"stem":2520},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2522,"icon":132,"path":2523,"stem":2524,"children":2525,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2526,2530,2534,2538,2542,2546],{"title":2527,"path":2528,"stem":2529},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2531,"path":2532,"stem":2533},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2535,"path":2536,"stem":2537},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2539,"path":2540,"stem":2541},"Логіка Drag & Drop","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fdrag-and-drop-logic","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F04.drag-and-drop-logic",{"title":2543,"path":2544,"stem":2545},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2547,"path":2548,"stem":2549},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2551,"icon":132,"path":2552,"stem":2553,"children":2554,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2555,2559,2563,2567,2571],{"title":2556,"path":2557,"stem":2558},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2560,"path":2561,"stem":2562},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2564,"path":2565,"stem":2566},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2568,"path":2569,"stem":2570},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2572,"path":2573,"stem":2574},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2576,"icon":132,"path":2577,"stem":2578,"children":2579},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2580,2582,2586,2590,2594,2598,2602],{"title":2581,"path":2577,"stem":2578},"UI Бібліотеки в React",{"title":2583,"path":2584,"stem":2585},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2587,"path":2588,"stem":2589},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2591,"path":2592,"stem":2593},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2595,"path":2596,"stem":2597},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2599,"path":2600,"stem":2601},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2603,"path":2604,"stem":2605},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2607,"icon":2608,"path":2609,"stem":2610,"children":2611,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2612,2616,2620,2624,2628,2632,2636,2640],{"title":2613,"path":2614,"stem":2615},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2617,"path":2618,"stem":2619},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2621,"path":2622,"stem":2623},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2625,"path":2626,"stem":2627},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2629,"path":2630,"stem":2631},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2633,"path":2634,"stem":2635},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2637,"path":2638,"stem":2639},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2641,"path":2642,"stem":2643},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2645,"icon":2646,"path":2647,"stem":2648,"children":2649,"page":59},"Асинхронність","i-lucide-refresh-cw","\u002Fjavascript\u002Fasync-programming","03.javascript\u002F06.async-programming",[2650,2654,2658],{"title":2651,"path":2652,"stem":2653},"Event Loop: серце асинхронності в JavaScript","\u002Fjavascript\u002Fasync-programming\u002Fevent-loop-fundamentals","03.javascript\u002F06.async-programming\u002F01.event-loop-fundamentals",{"title":2655,"path":2656,"stem":2657},"Task Queue та Microtask Queue: пріоритети виконання","\u002Fjavascript\u002Fasync-programming\u002Ftask-queues","03.javascript\u002F06.async-programming\u002F02.task-queues",{"title":2659,"path":2660,"stem":2661},"Асинхронні патерни: від Callbacks до Async\u002FAwait","\u002Fjavascript\u002Fasync-programming\u002Fasync-patterns","03.javascript\u002F06.async-programming\u002F03.async-patterns",{"title":2663,"path":2664,"stem":2665},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2667,"icon":2668,"path":2669,"stem":2670,"children":2671,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2672,2675,2678,2682,2686,2690,2694],{"title":162,"path":2673,"stem":2674},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2676,"stem":2677},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2679,"path":2680,"stem":2681},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2683,"path":2684,"stem":2685},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2687,"path":2688,"stem":2689},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2691,"path":2692,"stem":2693},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2695,"path":2696,"stem":2697,"children":2698,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2699,2703,2707,2711,2715,2719,2723,2727,2731,2735,2739,2743,2747,2751,2755,2759,2763,2767,2771,2775,2779,2783,2787,2791,2795,2799,2803,2807,2811,2815,2819,2823,2827,2831,2835,2839,2843],{"title":2700,"path":2701,"stem":2702},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2704,"path":2705,"stem":2706},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2708,"path":2709,"stem":2710},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2712,"path":2713,"stem":2714},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2716,"path":2717,"stem":2718},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2720,"path":2721,"stem":2722},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2724,"path":2725,"stem":2726},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2728,"path":2729,"stem":2730},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2732,"path":2733,"stem":2734},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2736,"path":2737,"stem":2738},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2740,"path":2741,"stem":2742},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2744,"path":2745,"stem":2746},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2748,"path":2749,"stem":2750},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2752,"path":2753,"stem":2754},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2756,"path":2757,"stem":2758},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2760,"path":2761,"stem":2762},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2764,"path":2765,"stem":2766},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2768,"path":2769,"stem":2770},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2772,"path":2773,"stem":2774},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2776,"path":2777,"stem":2778},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2780,"path":2781,"stem":2782},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2784,"path":2785,"stem":2786},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2788,"path":2789,"stem":2790},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2792,"path":2793,"stem":2794},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2796,"path":2797,"stem":2798},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2800,"path":2801,"stem":2802},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2804,"path":2805,"stem":2806},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2808,"path":2809,"stem":2810},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2812,"path":2813,"stem":2814},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2816,"path":2817,"stem":2818},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2820,"path":2821,"stem":2822},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2824,"path":2825,"stem":2826},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2828,"path":2829,"stem":2830},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2832,"path":2833,"stem":2834},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2836,"path":2837,"stem":2838},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2840,"path":2841,"stem":2842},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2844,"path":2845,"stem":2846},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2848,"icon":2849,"path":2850,"stem":2851,"children":2852,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2853,2895,2954],{"title":2854,"icon":2855,"path":2856,"stem":2857,"children":2858,"page":59},"Python Core","i-lucide-code","\u002Fpython\u002Fcore","05.python\u002F01.core",[2859,2863,2867,2871,2875,2879,2883,2887,2891],{"title":2860,"path":2861,"stem":2862},"Як комп'ютер виконує програму","\u002Fpython\u002Fcore\u002Fhow-computers-run-programs","05.python\u002F01.core\u002F00.how-computers-run-programs",{"title":2864,"path":2865,"stem":2866},"Перша програма і функція print","\u002Fpython\u002Fcore\u002Ffirst-program-print","05.python\u002F01.core\u002F01.first-program-print",{"title":2868,"path":2869,"stem":2870},"Об'єкти, значення і типи","\u002Fpython\u002Fcore\u002Fobjects-values-types","05.python\u002F01.core\u002F02.objects-values-types",{"title":2872,"path":2873,"stem":2874},"Змінні — імена, посилання, ідентичність","\u002Fpython\u002Fcore\u002Fvariables-names-references","05.python\u002F01.core\u002F03.variables-names-references",{"title":2876,"path":2877,"stem":2878},"Вирази, оператори, введення і перетворення типів","\u002Fpython\u002Fcore\u002Fexpressions-input-types","05.python\u002F01.core\u002F04.expressions-input-types",{"title":2880,"path":2881,"stem":2882},"Логіка та розгалуження","\u002Fpython\u002Fcore\u002Flogic-branching","05.python\u002F01.core\u002F05.logic-branching",{"title":2884,"path":2885,"stem":2886},"Цикли та ітерація","\u002Fpython\u002Fcore\u002Floops-iteration","05.python\u002F01.core\u002F06.loops-iteration",{"title":2888,"path":2889,"stem":2890},"Налагодження (debugging)","\u002Fpython\u002Fcore\u002Fdebugging","05.python\u002F01.core\u002F07.debugging",{"title":2892,"path":2893,"stem":2894},"Рядки і текст","\u002Fpython\u002Fcore\u002Fstrings-text","05.python\u002F01.core\u002F08.strings-text",{"title":2506,"path":2896,"stem":2897,"children":2898,"page":59},"\u002Fpython\u002Fadvanced","05.python\u002F02.advanced",[2899,2903,2906,2910,2914,2918,2922,2926,2930,2934,2938,2942,2946,2950],{"title":2900,"path":2901,"stem":2902},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fadvanced\u002Fmodules-packages-venv","05.python\u002F02.advanced\u002F00.modules-packages-venv",{"title":71,"path":2904,"stem":2905},"\u002Fpython\u002Fadvanced\u002Fclasses-objects","05.python\u002F02.advanced\u002F01.classes-objects",{"title":2907,"path":2908,"stem":2909},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fadvanced\u002Fencapsulation","05.python\u002F02.advanced\u002F02.encapsulation",{"title":2911,"path":2912,"stem":2913},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Fadvanced\u002Finheritance-mro","05.python\u002F02.advanced\u002F03.inheritance-mro",{"title":2915,"path":2916,"stem":2917},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fadvanced\u002Fabstraction-protocols","05.python\u002F02.advanced\u002F04.abstraction-protocols",{"title":2919,"path":2920,"stem":2921},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fadvanced\u002Fdunder-methods","05.python\u002F02.advanced\u002F05.dunder-methods",{"title":2923,"path":2924,"stem":2925},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fadvanced\u002Fdecorators-static-class","05.python\u002F02.advanced\u002F06.decorators-static-class",{"title":2927,"path":2928,"stem":2929},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fadvanced\u002Fdescriptors","05.python\u002F02.advanced\u002F07.descriptors",{"title":2931,"path":2932,"stem":2933},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fadvanced\u002Fmetaclasses","05.python\u002F02.advanced\u002F08.metaclasses",{"title":2935,"path":2936,"stem":2937},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fadvanced\u002Fmodern-containers","05.python\u002F02.advanced\u002F09.modern-containers",{"title":2939,"path":2940,"stem":2941},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fadvanced\u002Fgil-concurrency-intro","05.python\u002F02.advanced\u002F11.gil-concurrency-intro",{"title":2943,"path":2944,"stem":2945},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fadvanced\u002Fthreading","05.python\u002F02.advanced\u002F12.threading",{"title":2947,"path":2948,"stem":2949},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fadvanced\u002Fmultiprocessing","05.python\u002F02.advanced\u002F13.multiprocessing",{"title":2951,"path":2952,"stem":2953},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fadvanced\u002Fasyncio","05.python\u002F02.advanced\u002F14.asyncio",{"title":2955,"icon":92,"path":2956,"stem":2957,"children":2958,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002F03.fastapi",[2959,2963,2967,2971,2975,2979,2983,2987,2991,2995,2999,3003,3007,3011],{"title":2960,"path":2961,"stem":2962},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002F03.fastapi\u002F15.typing-pydantic",{"title":2964,"path":2965,"stem":2966},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002F03.fastapi\u002F16.wsgi-asgi-ecosystem",{"title":2968,"path":2969,"stem":2970},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002F03.fastapi\u002F17.fastapi-intro",{"title":2972,"path":2973,"stem":2974},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002F03.fastapi\u002F18.fastapi-routing-params",{"title":2976,"path":2977,"stem":2978},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002F03.fastapi\u002F19.fastapi-pydantic-schemas",{"title":2980,"path":2981,"stem":2982},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002F03.fastapi\u002F20.fastapi-dependency-injection",{"title":2984,"path":2985,"stem":2986},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002F03.fastapi\u002F21.fastapi-errors-middleware",{"title":2988,"path":2989,"stem":2990},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002F03.fastapi\u002F22.sqlalchemy-orm",{"title":2992,"path":2993,"stem":2994},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002F03.fastapi\u002F23.alembic-migrations",{"title":2996,"path":2997,"stem":2998},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002F03.fastapi\u002F24.fastapi-repository-clean-arch",{"title":3000,"path":3001,"stem":3002},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002F03.fastapi\u002F25.fastapi-auth-security",{"title":3004,"path":3005,"stem":3006},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002F03.fastapi\u002F26.fastapi-testing",{"title":3008,"path":3009,"stem":3010},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002F03.fastapi\u002F27.fastapi-async-advanced",{"title":3012,"path":3013,"stem":3014},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002F03.fastapi\u002F28.fastapi-deployment",{"title":3016,"icon":3017,"path":3018,"stem":3019,"children":3020,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[3021,3051,3074,3111,3140,3158,3192,3204,3213],{"title":3022,"icon":3023,"path":3024,"stem":3025,"children":3026,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[3027,3031,3035,3039,3043,3047],{"title":3028,"path":3029,"stem":3030},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":3032,"path":3033,"stem":3034},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":3036,"path":3037,"stem":3038},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":3040,"path":3041,"stem":3042},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":3044,"path":3045,"stem":3046},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":3048,"path":3049,"stem":3050},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":3052,"icon":3017,"path":3053,"stem":3054,"children":3055,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[3056,3060,3066,3070],{"title":3057,"path":3058,"stem":3059},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":3061,"path":3062,"stem":3063,"children":3064},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[3065],{"title":3061,"path":3062,"stem":3063},{"title":3067,"path":3068,"stem":3069},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":3071,"path":3072,"stem":3073},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":3075,"icon":3017,"path":3076,"stem":3077,"children":3078,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[3079,3083,3087,3091,3095,3099,3103,3107],{"title":3080,"path":3081,"stem":3082},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":3084,"path":3085,"stem":3086},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":3088,"path":3089,"stem":3090},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":3092,"path":3093,"stem":3094},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":3096,"path":3097,"stem":3098},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":3100,"path":3101,"stem":3102},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":3104,"path":3105,"stem":3106},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":3108,"path":3109,"stem":3110},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":3112,"icon":3017,"path":3113,"stem":3114,"children":3115,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[3116,3120,3124,3128,3132,3136],{"title":3117,"path":3118,"stem":3119},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":3121,"path":3122,"stem":3123},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":3125,"path":3126,"stem":3127},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":3129,"path":3130,"stem":3131},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":3133,"path":3134,"stem":3135},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":3137,"path":3138,"stem":3139},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":3141,"icon":3142,"path":3143,"stem":3144,"children":3145,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[3146,3150,3154],{"title":3147,"path":3148,"stem":3149},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":3151,"path":3152,"stem":3153},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":3155,"path":3156,"stem":3157},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":3159,"icon":3160,"path":3161,"stem":3162,"children":3163,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[3164,3168,3172,3176,3180,3184,3188],{"title":3165,"path":3166,"stem":3167},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":3169,"path":3170,"stem":3171},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":3173,"path":3174,"stem":3175},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":3177,"path":3178,"stem":3179},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":3181,"path":3182,"stem":3183},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":3185,"path":3186,"stem":3187},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":3189,"path":3190,"stem":3191},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":3189,"icon":793,"path":3193,"stem":3194,"children":3195,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[3196,3200],{"title":3197,"path":3198,"stem":3199},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":3201,"path":3202,"stem":3203},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":3205,"icon":3206,"path":3207,"stem":3208,"children":3209,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[3210],{"title":3205,"path":3211,"stem":3212},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":3214,"icon":3215,"path":3216,"stem":3217,"children":3218,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[3219],{"title":3214,"path":3220,"stem":3221},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":3223,"icon":3224,"path":3225,"stem":3226,"children":3227,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[3228,3304],{"title":3229,"icon":3230,"path":3231,"stem":3232,"children":3233},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[3234,3236,3240,3244,3248,3252,3256,3260,3264,3268,3272,3276,3280,3284,3288,3292,3296,3300],{"title":3235,"path":3231,"stem":3232},"Docker: від нуля до production",{"title":3237,"path":3238,"stem":3239},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":3241,"path":3242,"stem":3243},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":3245,"path":3246,"stem":3247},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":3249,"path":3250,"stem":3251},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":3253,"path":3254,"stem":3255},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":3257,"path":3258,"stem":3259},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":3261,"path":3262,"stem":3263},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":3265,"path":3266,"stem":3267},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":3269,"path":3270,"stem":3271},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":3273,"path":3274,"stem":3275},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":3277,"path":3278,"stem":3279},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":3281,"path":3282,"stem":3283},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":3285,"path":3286,"stem":3287},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":3289,"path":3290,"stem":3291},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":3293,"path":3294,"stem":3295},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":3297,"path":3298,"stem":3299},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":3301,"path":3302,"stem":3303},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":3305,"icon":3306,"path":3307,"stem":3308,"children":3309},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[3310,3312,3316,3320,3324,3328,3332,3336,3340],{"title":3311,"path":3307,"stem":3308},"Kubernetes: від розробки до production",{"title":3313,"path":3314,"stem":3315},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":3317,"path":3318,"stem":3319},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":3321,"path":3322,"stem":3323},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":3325,"path":3326,"stem":3327},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":3329,"path":3330,"stem":3331},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":3333,"path":3334,"stem":3335},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":3337,"path":3338,"stem":3339},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":3341,"path":3342,"stem":3343},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3345,"icon":3346,"path":3347,"stem":3348,"children":3349,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3350,3354,3358,3362,3366,3370,3374,3378,3382,3386,3390],{"title":3351,"path":3352,"stem":3353},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3355,"path":3356,"stem":3357},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3359,"path":3360,"stem":3361},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3363,"path":3364,"stem":3365},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3367,"path":3368,"stem":3369},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3371,"path":3372,"stem":3373},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3375,"path":3376,"stem":3377},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3379,"path":3380,"stem":3381},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3383,"path":3384,"stem":3385},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3387,"path":3388,"stem":3389},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3391,"path":3392,"stem":3393},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3395,"icon":943,"path":3396,"stem":3397,"children":3398,"page":59},"DDD","\u002Fddd","10.ddd",[3399,3403,3407,3411,3415,3419,3423,3427,3431,3435,3439,3443,3447],{"title":3400,"path":3401,"stem":3402},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3404,"path":3405,"stem":3406},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3408,"path":3409,"stem":3410},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3412,"path":3413,"stem":3414},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3416,"path":3417,"stem":3418},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3420,"path":3421,"stem":3422},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3424,"path":3425,"stem":3426},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3428,"path":3429,"stem":3430},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3432,"path":3433,"stem":3434},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3436,"path":3437,"stem":3438},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3440,"path":3441,"stem":3442},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3444,"path":3445,"stem":3446},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3448,"path":3449,"stem":3450},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3452,"icon":3453,"path":3454,"stem":3455,"children":3456,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3457,3461,3465,3469,3473,3477,3481],{"title":3458,"path":3459,"stem":3460},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3462,"path":3463,"stem":3464},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3466,"path":3467,"stem":3468},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3470,"path":3471,"stem":3472},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3474,"path":3475,"stem":3476},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3478,"path":3479,"stem":3480},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3482,"path":3483,"stem":3484},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3486,"icon":3487,"path":3488,"stem":3489,"children":3490,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3491,3495,3499,3503,3507,3511,3515,3519,3523,3527,3531,3535,3539,3543,3547,3551,3555,3559,3563,3567,3571,3575,3579,3583,3587,3591,3595,3599,3603,3607],{"title":3492,"path":3493,"stem":3494},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3496,"path":3497,"stem":3498},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3500,"path":3501,"stem":3502},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3504,"path":3505,"stem":3506},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3508,"path":3509,"stem":3510},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3512,"path":3513,"stem":3514},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3516,"path":3517,"stem":3518},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3520,"path":3521,"stem":3522},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3524,"path":3525,"stem":3526},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3528,"path":3529,"stem":3530},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3532,"path":3533,"stem":3534},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3536,"path":3537,"stem":3538},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3540,"path":3541,"stem":3542},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3544,"path":3545,"stem":3546},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3548,"path":3549,"stem":3550},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3552,"path":3553,"stem":3554},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3556,"path":3557,"stem":3558},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3560,"path":3561,"stem":3562},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3564,"path":3565,"stem":3566},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3568,"path":3569,"stem":3570},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3572,"path":3573,"stem":3574},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3576,"path":3577,"stem":3578},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3580,"path":3581,"stem":3582},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3584,"path":3585,"stem":3586},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3588,"path":3589,"stem":3590},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3592,"path":3593,"stem":3594},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3596,"path":3597,"stem":3598},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3600,"path":3601,"stem":3602},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3604,"path":3605,"stem":3606},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3608,"path":3609,"stem":3610},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3612,"path":3613,"stem":3614,"children":3615,"page":59},"AWS","\u002Faws","13.aws",[3616,3620,3624,3628,3632,3636,3640,3644,3648,3652,3656,3660,3664,3668,3672,3676,3680,3684],{"title":3617,"path":3618,"stem":3619},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3621,"path":3622,"stem":3623},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3625,"path":3626,"stem":3627},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3629,"path":3630,"stem":3631},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3633,"path":3634,"stem":3635},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3637,"path":3638,"stem":3639},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3641,"path":3642,"stem":3643},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3645,"path":3646,"stem":3647},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3649,"path":3650,"stem":3651},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3653,"path":3654,"stem":3655},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3657,"path":3658,"stem":3659},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3661,"path":3662,"stem":3663},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3665,"path":3666,"stem":3667},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3669,"path":3670,"stem":3671},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3673,"path":3674,"stem":3675},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3677,"path":3678,"stem":3679},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3681,"path":3682,"stem":3683},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3685,"path":3686,"stem":3687},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3689,"path":3690,"stem":3691,"children":3692,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3693],{"title":3694,"path":3695,"stem":3696,"children":3697,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3698],{"title":3699,"path":3700,"stem":3701},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3703,"path":3704,"stem":3705,"children":3706,"page":59},"React Native","\u002Freact-native","15.react-native",[3707,3728],{"title":3708,"path":3709,"stem":3710,"children":3711,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3712,3716,3720,3724],{"title":3713,"path":3714,"stem":3715},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3717,"path":3718,"stem":3719},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3721,"path":3722,"stem":3723},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3725,"path":3726,"stem":3727},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3729,"path":3730,"stem":3731,"children":3732,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3733,3737,3741,3745,3749,3753,3757,3761,3765,3769,3773,3777,3781,3785,3789,3793,3797,3801,3805,3809,3813,3817,3821,3825,3829,3833,3837],{"title":3734,"path":3735,"stem":3736},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3738,"path":3739,"stem":3740},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3742,"path":3743,"stem":3744},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3746,"path":3747,"stem":3748},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3750,"path":3751,"stem":3752},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3754,"path":3755,"stem":3756},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3758,"path":3759,"stem":3760},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3762,"path":3763,"stem":3764},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3766,"path":3767,"stem":3768},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3770,"path":3771,"stem":3772},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3774,"path":3775,"stem":3776},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3778,"path":3779,"stem":3780},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3782,"path":3783,"stem":3784},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3786,"path":3787,"stem":3788},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3790,"path":3791,"stem":3792},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3794,"path":3795,"stem":3796},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3798,"path":3799,"stem":3800},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3802,"path":3803,"stem":3804},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3806,"path":3807,"stem":3808},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3810,"path":3811,"stem":3812},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3814,"path":3815,"stem":3816},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3818,"path":3819,"stem":3820},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3822,"path":3823,"stem":3824},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3826,"path":3827,"stem":3828},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3830,"path":3831,"stem":3832},"Інтернаціоналізація та доступність","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3834,"path":3835,"stem":3836},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3838,"path":3839,"stem":3840},"Публікація в App Store та Google Play","\u002Freact-native\u002Fversion2\u002Fapp-store-play-release","15.react-native\u002Fversion2\u002F30.app-store-play-release",{"title":3842,"path":3843,"stem":3844,"children":3845,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3846,3855,3864,3873,3902,3928,3953,3986,4003,4016,4025,4038,4047,4068,4081,4150],{"title":3847,"path":3848,"stem":3849,"children":3850,"page":59},"Intro To Ai","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",[3851],{"title":3852,"path":3853,"stem":3854},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai\u002F01.intro-to-ai",{"title":3856,"path":3857,"stem":3858,"children":3859,"page":59},"Jupyter Notebook","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",[3860],{"title":3861,"path":3862,"stem":3863},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook\u002F02.jupyter-notebook",{"title":3865,"path":3866,"stem":3867,"children":3868,"page":59},"Numpy Pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",[3869],{"title":3870,"path":3871,"stem":3872},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas\u002F03.numpy-pandas",{"title":3874,"path":3875,"stem":3876,"children":3877,"page":59},"Statistics Basics","\u002Fai-python\u002Fstatistics-basics","16.ai-python\u002F04.statistics-basics",[3878,3882,3886,3890,3894,3898],{"title":3879,"path":3880,"stem":3881},"Випадкові величини та їх типи","\u002Fai-python\u002Fstatistics-basics\u002Frandom-variables","16.ai-python\u002F04.statistics-basics\u002F01.random-variables",{"title":3883,"path":3884,"stem":3885},"Міри центральної тенденції","\u002Fai-python\u002Fstatistics-basics\u002Fcentral-tendency","16.ai-python\u002F04.statistics-basics\u002F02.central-tendency",{"title":3887,"path":3888,"stem":3889},"Міри варіації (розсіювання)","\u002Fai-python\u002Fstatistics-basics\u002Fvariability","16.ai-python\u002F04.statistics-basics\u002F03.variability",{"title":3891,"path":3892,"stem":3893},"Розподіли випадкових величин","\u002Fai-python\u002Fstatistics-basics\u002Fdistributions","16.ai-python\u002F04.statistics-basics\u002F04.distributions",{"title":3895,"path":3896,"stem":3897},"Кореляція та взаємозв'язки","\u002Fai-python\u002Fstatistics-basics\u002Fcorrelation","16.ai-python\u002F04.statistics-basics\u002F05.correlation",{"title":3899,"path":3900,"stem":3901},"Викиди та аномалії","\u002Fai-python\u002Fstatistics-basics\u002Foutliers","16.ai-python\u002F04.statistics-basics\u002F06.outliers",{"title":3903,"path":3904,"stem":3905,"children":3906},"Візуалізація даних за допомогою matplotlib","\u002Fai-python\u002Fdata-visualization","16.ai-python\u002F05.data-visualization\u002Findex",[3907,3908,3912,3916,3920,3924],{"title":3903,"path":3904,"stem":3905},{"title":3909,"path":3910,"stem":3911},"Основи matplotlib — Figure, Axes та перший графік","\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics","16.ai-python\u002F05.data-visualization\u002F01.matplotlib-basics",{"title":3913,"path":3914,"stem":3915},"Візуалізація розподілів — гістограми та box plots","\u002Fai-python\u002Fdata-visualization\u002Fdistributions","16.ai-python\u002F05.data-visualization\u002F02.distributions",{"title":3917,"path":3918,"stem":3919},"Візуалізація залежностей — scatter plots та кореляція","\u002Fai-python\u002Fdata-visualization\u002Frelationships","16.ai-python\u002F05.data-visualization\u002F03.relationships",{"title":3921,"path":3922,"stem":3923},"Візуалізація категоріальних даних — bar charts та pie charts","\u002Fai-python\u002Fdata-visualization\u002Fcategorical","16.ai-python\u002F05.data-visualization\u002F04.categorical",{"title":3925,"path":3926,"stem":3927},"Композиції та стилізація — subplots та багатопанельні дашборди","\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling","16.ai-python\u002F05.data-visualization\u002F05.subplots-styling",{"title":3929,"path":3930,"stem":3931,"children":3932,"page":59},"Linear Regression","\u002Fai-python\u002Flinear-regression","16.ai-python\u002F06.linear-regression",[3933,3937,3941,3945,3949],{"title":3934,"path":3935,"stem":3936},"Регресійна задача та лінійна регресія з однією змінною","\u002Fai-python\u002Flinear-regression\u002Fregression-task","16.ai-python\u002F06.linear-regression\u002F01.regression-task",{"title":3938,"path":3939,"stem":3940},"Метрики якості регресії — як оцінити модель","\u002Fai-python\u002Flinear-regression\u002Fquality-metrics","16.ai-python\u002F06.linear-regression\u002F02.quality-metrics",{"title":3942,"path":3943,"stem":3944},"Градієнтний спуск — як модель навчається","\u002Fai-python\u002Flinear-regression\u002Fgradient-descent","16.ai-python\u002F06.linear-regression\u002F03.gradient-descent",{"title":3946,"path":3947,"stem":3948},"Множинна лінійна регресія — модель з багатьма ознаками","\u002Fai-python\u002Flinear-regression\u002Fmultiple-regression","16.ai-python\u002F06.linear-regression\u002F04.multiple-regression",{"title":3950,"path":3951,"stem":3952},"Практичні завдання та резюме модуля","\u002Fai-python\u002Flinear-regression\u002Fpractice","16.ai-python\u002F06.linear-regression\u002F05.practice",{"title":3954,"path":3955,"stem":3956,"children":3957,"page":59},"Practical Regression","\u002Fai-python\u002Fpractical-regression","16.ai-python\u002F07.practical-regression",[3958,3962,3966,3970,3974,3978,3982],{"title":3959,"path":3960,"stem":3961},"Знайомство з scikit-learn","\u002Fai-python\u002Fpractical-regression\u002Fintro-scikit-learn","16.ai-python\u002F07.practical-regression\u002F01.intro-scikit-learn",{"title":3963,"path":3964,"stem":3965},"Exploratory Data Analysis датасету Housing Prices","\u002Fai-python\u002Fpractical-regression\u002Fhousing-dataset-eda","16.ai-python\u002F07.practical-regression\u002F02.housing-dataset-eda",{"title":3967,"path":3968,"stem":3969},"Попередня обробка даних (Data Preprocessing)","\u002Fai-python\u002Fpractical-regression\u002Fdata-preprocessing","16.ai-python\u002F07.practical-regression\u002F03.data-preprocessing",{"title":3971,"path":3972,"stem":3973},"Train\u002FTest Split та перша повноцінна модель","\u002Fai-python\u002Fpractical-regression\u002Ftrain-test-split","16.ai-python\u002F07.practical-regression\u002F04.train-test-split",{"title":3975,"path":3976,"stem":3977},"Перенавчання та недонавчання","\u002Fai-python\u002Fpractical-regression\u002Foverfitting-underfitting","16.ai-python\u002F07.practical-regression\u002F05.overfitting-underfitting",{"title":3979,"path":3980,"stem":3981},"Крос-валідація (Cross-Validation)","\u002Fai-python\u002Fpractical-regression\u002Fcross-validation","16.ai-python\u002F07.practical-regression\u002F06.cross-validation",{"title":3983,"path":3984,"stem":3985},"Гіперпараметри та їх оптимізація","\u002Fai-python\u002Fpractical-regression\u002Fhyperparameter-tuning","16.ai-python\u002F07.practical-regression\u002F07.hyperparameter-tuning",{"title":3987,"path":3988,"stem":3989,"children":3990,"page":59},"Polynomial Regression","\u002Fai-python\u002Fpolynomial-regression","16.ai-python\u002F08.polynomial-regression",[3991,3995,3999],{"title":3992,"path":3993,"stem":3994},"Нелінійні залежності та поліноміальна регресія","\u002Fai-python\u002Fpolynomial-regression\u002Fnonlinear-patterns","16.ai-python\u002F08.polynomial-regression\u002F01.nonlinear-patterns",{"title":3996,"path":3997,"stem":3998},"Регуляризація в регресії — Ridge та Lasso","\u002Fai-python\u002Fpolynomial-regression\u002Fregularization-methods","16.ai-python\u002F08.polynomial-regression\u002F02.regularization-methods",{"title":4000,"path":4001,"stem":4002},"Практика — поліноміальна регресія та регуляризація на Housing Prices","\u002Fai-python\u002Fpolynomial-regression\u002Fhousing-prices-practice","16.ai-python\u002F08.polynomial-regression\u002F03.housing-prices-practice",{"title":4004,"path":4005,"stem":4006,"children":4007,"page":59},"Decision Trees Random Forest","\u002Fai-python\u002Fdecision-trees-random-forest","16.ai-python\u002F09.decision-trees-random-forest",[4008,4012],{"title":4009,"path":4010,"stem":4011},"Дерева рішень — моделі з прозорою та зрозумілою логікою","\u002Fai-python\u002Fdecision-trees-random-forest\u002Fdecision-trees","16.ai-python\u002F09.decision-trees-random-forest\u002F01.decision-trees",{"title":4013,"path":4014,"stem":4015},"Random Forest — ансамблі дерев рішень","\u002Fai-python\u002Fdecision-trees-random-forest\u002Frandom-forest","16.ai-python\u002F09.decision-trees-random-forest\u002F02.random-forest",{"title":4017,"path":4018,"stem":4019,"children":4020,"page":59},"Gradient Boosting","\u002Fai-python\u002Fgradient-boosting","16.ai-python\u002F10.gradient-boosting",[4021],{"title":4022,"path":4023,"stem":4024},"Градієнтний бустинг та XGBoost — послідовне виправлення помилок","\u002Fai-python\u002Fgradient-boosting\u002Fgradient-boosting-xgboost","16.ai-python\u002F10.gradient-boosting\u002F01.gradient-boosting-xgboost",{"title":4026,"path":4027,"stem":4028,"children":4029,"page":59},"Logistic Regression Classification","\u002Fai-python\u002Flogistic-regression-classification","16.ai-python\u002F11.logistic-regression-classification",[4030,4034],{"title":4031,"path":4032,"stem":4033},"Основи класифікації та логістична регресія","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-basics","16.ai-python\u002F11.logistic-regression-classification\u002F01.classification-basics",{"title":4035,"path":4036,"stem":4037},"Метрики якості класифікації","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-metrics","16.ai-python\u002F11.logistic-regression-classification\u002F02.classification-metrics",{"title":4039,"path":4040,"stem":4041,"children":4042,"page":59},"Neural Networks Basics","\u002Fai-python\u002Fneural-networks-basics","16.ai-python\u002F12.neural-networks-basics",[4043],{"title":4044,"path":4045,"stem":4046},"Вступ до нейронних мереж — від персептрона до багатошарових мереж","\u002Fai-python\u002Fneural-networks-basics\u002Fperceptron-to-mlp","16.ai-python\u002F12.neural-networks-basics\u002F01.perceptron-to-mlp",{"title":4048,"path":4049,"stem":4050,"children":4051,"page":59},"Pytorch Intro","\u002Fai-python\u002Fpytorch-intro","16.ai-python\u002F13.pytorch-intro",[4052,4056,4060,4064],{"title":4053,"path":4054,"stem":4055},"Тензори та автоматичне диференціювання в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Ftensors-and-autograd","16.ai-python\u002F13.pytorch-intro\u002F01.tensors-and-autograd",{"title":4057,"path":4058,"stem":4059},"Побудова та тренування нейронних мереж у PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fbuilding-and-training","16.ai-python\u002F13.pytorch-intro\u002F02.building-and-training",{"title":4061,"path":4062,"stem":4063},"Робота з даними та регуляризація в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fdata-and-regularization","16.ai-python\u002F13.pytorch-intro\u002F03.data-and-regularization",{"title":4065,"path":4066,"stem":4067},"Просунуті теми PyTorch — GPU, оптимізація та deployment","\u002Fai-python\u002Fpytorch-intro\u002Fadvanced-topics","16.ai-python\u002F13.pytorch-intro\u002F04.advanced-topics",{"title":4069,"path":4070,"stem":4071,"children":4072,"page":59},"Activation Functions Heart Disease","\u002Fai-python\u002Factivation-functions-heart-disease","16.ai-python\u002F14.activation-functions-heart-disease",[4073,4077],{"title":4074,"path":4075,"stem":4076},"Функції активації та побудова нейронної мережі для передбачення вад серця","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fheart-disease-prediction","16.ai-python\u002F14.activation-functions-heart-disease\u002F01.heart-disease-prediction",{"title":4078,"path":4079,"stem":4080},"Бонус — Повний приклад Student Performance Prediction","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fstudent-performance-bonus","16.ai-python\u002F14.activation-functions-heart-disease\u002F02.student-performance-bonus",{"title":4082,"path":4083,"stem":4084,"children":4085,"page":59},"Cnn Image Classification","\u002Fai-python\u002Fcnn-image-classification","16.ai-python\u002F15.cnn-image-classification",[4086,4090,4094,4098,4102,4106,4110,4114,4118,4122,4126,4130,4134,4138,4142,4146],{"title":4087,"path":4088,"stem":4089},"Вступ до комп'ютерного зору та проблеми Dense-мереж","\u002Fai-python\u002Fcnn-image-classification\u002Fintro-computer-vision","16.ai-python\u002F15.cnn-image-classification\u002F01.intro-computer-vision",{"title":4091,"path":4092,"stem":4093},"Навіщо потрібна згортка — від нейрона-шаблону до ковзного детектора","\u002Fai-python\u002Fcnn-image-classification\u002Fwhy-convolution","16.ai-python\u002F15.cnn-image-classification\u002F02.why-convolution",{"title":4095,"path":4096,"stem":4097},"Згортка крок за кроком — ядро, карта ознак і розмір результату","\u002Fai-python\u002Fcnn-image-classification\u002Fconvolution-step-by-step","16.ai-python\u002F15.cnn-image-classification\u002F03.convolution-step-by-step",{"title":4099,"path":4100,"stem":4101},"Що «бачить» ядро — читаємо карту ознак і класичні фільтри","\u002Fai-python\u002Fcnn-image-classification\u002Ffilters-what-kernel-sees","16.ai-python\u002F15.cnn-image-classification\u002F04.filters-what-kernel-sees",{"title":4103,"path":4104,"stem":4105},"Padding і stride — що робити з краями картинки та її розміром","\u002Fai-python\u002Fcnn-image-classification\u002Fpadding-and-stride","16.ai-python\u002F15.cnn-image-classification\u002F05.padding-and-stride",{"title":4107,"path":4108,"stem":4109},"Ядро, що навчається — від випадкових чисел до детектора країв","\u002Fai-python\u002Fcnn-image-classification\u002Flearnable-kernels","16.ai-python\u002F15.cnn-image-classification\u002F06.learnable-kernels",{"title":4111,"path":4112,"stem":4113},"Пулінг і поле зору — стискаємо карту ознак і дивимося ширше","\u002Fai-python\u002Fcnn-image-classification\u002Fpooling","16.ai-python\u002F15.cnn-image-classification\u002F07.pooling",{"title":4115,"path":4116,"stem":4117},"Багатоканальна згортка — ядро-куб, кольорове фото та підрахунок параметрів","\u002Fai-python\u002Fcnn-image-classification\u002Fmultichannel-convolution","16.ai-python\u002F15.cnn-image-classification\u002F08.multichannel-convolution",{"title":4119,"path":4120,"stem":4121},"Повна CNN для MNIST — збираємо, навчаємо, перевіряємо","\u002Fai-python\u002Fcnn-image-classification\u002Fcnn-mnist","16.ai-python\u002F15.cnn-image-classification\u002F09.cnn-mnist",{"title":4123,"path":4124,"stem":4125},"CNN для CIFAR-10 — коли задача справді складна","\u002Fai-python\u002Fcnn-image-classification\u002Fcnn-cifar10","16.ai-python\u002F15.cnn-image-classification\u002F10.cnn-cifar10",{"title":4127,"path":4128,"stem":4129},"Міні-батчі, DataLoader і швидкість навчання","\u002Fai-python\u002Fcnn-image-classification\u002Fmini-batch-learning-rate","16.ai-python\u002F15.cnn-image-classification\u002F11.mini-batch-learning-rate",{"title":4131,"path":4132,"stem":4133},"Ініціалізація ваг і Batch Normalization","\u002Fai-python\u002Fcnn-image-classification\u002Fweight-init-batchnorm","16.ai-python\u002F15.cnn-image-classification\u002F12.weight-init-batchnorm",{"title":4135,"path":4136,"stem":4137},"LayerNorm і обрізання градієнтів","\u002Fai-python\u002Fcnn-image-classification\u002Flayernorm-gradient-clipping","16.ai-python\u002F15.cnn-image-classification\u002F13.layernorm-gradient-clipping",{"title":4139,"path":4140,"stem":4141},"Аугментація даних","\u002Fai-python\u002Fcnn-image-classification\u002Fdata-augmentation","16.ai-python\u002F15.cnn-image-classification\u002F14.data-augmentation",{"title":4143,"path":4144,"stem":4145},"Глибокі мережі та ResNet","\u002Fai-python\u002Fcnn-image-classification\u002Fdeep-networks-resnet","16.ai-python\u002F15.cnn-image-classification\u002F15.deep-networks-resnet",{"title":4147,"path":4148,"stem":4149},"Пневмонія на рентгені - метрики, transfer learning, Grad-CAM","\u002Fai-python\u002Fcnn-image-classification\u002Fpneumonia-transfer-learning","16.ai-python\u002F15.cnn-image-classification\u002F16.pneumonia-transfer-learning",{"title":4151,"path":4152,"stem":4153,"children":4154,"page":59},"Natural Language Processing","\u002Fai-python\u002Fnatural-language-processing","16.ai-python\u002F16.natural-language-processing",[4155,4159,4163,4167,4171,4175,4179,4183,4187,4191,4195,4199,4203,4207,4211,4215],{"title":4156,"path":4157,"stem":4158},"Текст як дані — чому мова складна для комп'ютера","\u002Fai-python\u002Fnatural-language-processing\u002Ftext-as-data","16.ai-python\u002F16.natural-language-processing\u002F01.text-as-data",{"title":4160,"path":4161,"stem":4162},"Токенізація — розбиття тексту на слова й речення","\u002Fai-python\u002Fnatural-language-processing\u002Ftokenization","16.ai-python\u002F16.natural-language-processing\u002F02.tokenization",{"title":4164,"path":4165,"stem":4166},"Стеммінг, лемматизація та стоп-слова","\u002Fai-python\u002Fnatural-language-processing\u002Fstemming-lemmatization-stopwords","16.ai-python\u002F16.natural-language-processing\u002F03.stemming-lemmatization-stopwords",{"title":4168,"path":4169,"stem":4170},"Корпус та частоти слів","\u002Fai-python\u002Fnatural-language-processing\u002Fcorpus-and-frequency","16.ai-python\u002F16.natural-language-processing\u002F04.corpus-and-frequency",{"title":4172,"path":4173,"stem":4174},"Мішок слів — перше представлення тексту числами","\u002Fai-python\u002Fnatural-language-processing\u002Fbag-of-words","16.ai-python\u002F16.natural-language-processing\u002F05.bag-of-words",{"title":4176,"path":4177,"stem":4178},"Класифікація тексту — baseline на мішку слів","\u002Fai-python\u002Fnatural-language-processing\u002Ftext-classification-baseline","16.ai-python\u002F16.natural-language-processing\u002F06.text-classification-baseline",{"title":4180,"path":4181,"stem":4182},"Від one-hot до embeddings — щільні вектори слів","\u002Fai-python\u002Fnatural-language-processing\u002Ffrom-one-hot-to-embeddings","16.ai-python\u002F16.natural-language-processing\u002F07.from-one-hot-to-embeddings",{"title":4184,"path":4185,"stem":4186},"Word2Vec — навчання векторів слів з контексту","\u002Fai-python\u002Fnatural-language-processing\u002Fword2vec","16.ai-python\u002F16.natural-language-processing\u002F08.word2vec",{"title":4188,"path":4189,"stem":4190},"GloVe — глобальні вектори слів та попередньо навчені моделі","\u002Fai-python\u002Fnatural-language-processing\u002Fglove-pretrained-embeddings","16.ai-python\u002F16.natural-language-processing\u002F09.glove-pretrained-embeddings",{"title":4192,"path":4193,"stem":4194},"Embeddings для класифікації — від мішка слів до векторів","\u002Fai-python\u002Fnatural-language-processing\u002Fembeddings-for-classification","16.ai-python\u002F16.natural-language-processing\u002F10.embeddings-for-classification",{"title":4196,"path":4197,"stem":4198},"Мовні моделі та послідовності — від біграм до батчів","\u002Fai-python\u002Fnatural-language-processing\u002Flanguage-models-and-sequences","16.ai-python\u002F16.natural-language-processing\u002F11.language-models-and-sequences",{"title":4200,"path":4201,"stem":4202},"Рекурентні нейронні мережі (RNN)","\u002Fai-python\u002Fnatural-language-processing\u002Frnn","16.ai-python\u002F16.natural-language-processing\u002F12.rnn",{"title":4204,"path":4205,"stem":4206},"LSTM і GRU — рекурентні мережі з вентилями","\u002Fai-python\u002Fnatural-language-processing\u002Flstm-gru","16.ai-python\u002F16.natural-language-processing\u002F13.lstm-gru",{"title":4208,"path":4209,"stem":4210},"Seq2seq і механізм уваги","\u002Fai-python\u002Fnatural-language-processing\u002Fseq2seq-attention","16.ai-python\u002F16.natural-language-processing\u002F14.seq2seq-attention",{"title":4212,"path":4213,"stem":4214},"Transformer — self-attention замість рекурентності","\u002Fai-python\u002Fnatural-language-processing\u002Ftransformer","16.ai-python\u002F16.natural-language-processing\u002F15.transformer",{"title":4216,"path":4217,"stem":4218},"Готові моделі та Hugging Face — transfer learning","\u002Fai-python\u002Fnatural-language-processing\u002Fpretrained-models-sentiment","16.ai-python\u002F16.natural-language-processing\u002F16.pretrained-models-sentiment",{"title":4220,"icon":658,"path":4221,"stem":4222,"children":4223,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[4224,4228,4232,4236,4240,4244,4248,4252,4256,4260,4264,4268,4272,4276,4280,4284,4288,4292],{"title":4225,"path":4226,"stem":4227},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":4229,"path":4230,"stem":4231},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":4233,"path":4234,"stem":4235},"Інтерфейси та модель конкурентності мови Go","\u002Fclient-server-architecture\u002Finterfaces-and-concurrency-model","17.client-server-architecture\u002F03.interfaces-and-concurrency-model",{"title":4237,"path":4238,"stem":4239},"Сокетне програмування та протокол TCP у Go","\u002Fclient-server-architecture\u002Ftcp-socket-programming","17.client-server-architecture\u002F04.tcp-socket-programming",{"title":4241,"path":4242,"stem":4243},"Протокол UDP та датаграмна передача даних","\u002Fclient-server-architecture\u002Fudp-datagram-transmission","17.client-server-architecture\u002F05.udp-datagram-transmission",{"title":4245,"path":4246,"stem":4247},"Криптографічний захист каналів зв","\u002Fclient-server-architecture\u002Ftls-cryptographic-channel-protection","17.client-server-architecture\u002F06.tls-cryptographic-channel-protection",{"title":4249,"path":4250,"stem":4251},"Прикладні мережеві протоколи DNS та SMTP","\u002Fclient-server-architecture\u002Fdns-smtp-application-protocols","17.client-server-architecture\u002F07.dns-smtp-application-protocols",{"title":4253,"path":4254,"stem":4255},"Протокол HTTP та стандартний вебсервер Go","\u002Fclient-server-architecture\u002Fhttp-protocol-and-web-server","17.client-server-architecture\u002F08.http-protocol-and-web-server",{"title":4257,"path":4258,"stem":4259},"Проєктування REST API та маршрутизація засобами Chi","\u002Fclient-server-architecture\u002Frest-api-design-and-chi-routing","17.client-server-architecture\u002F09.rest-api-design-and-chi-routing",{"title":4261,"path":4262,"stem":4263},"Лекція 10. Шарувата архітектура та конвеєри обробки запитів","\u002Fclient-server-architecture\u002Flayered-architecture-and-middleware-pipelines","17.client-server-architecture\u002F10.layered-architecture-and-middleware-pipelines",{"title":4265,"path":4266,"stem":4267},"Лекція 11. Архітектура та маршрутизація фреймворку Gin","\u002Fclient-server-architecture\u002Fgin-framework-architecture-and-routing","17.client-server-architecture\u002F11.gin-framework-architecture-and-routing",{"title":4269,"path":4270,"stem":4271},"Лекція 12. Валідація даних, безпека та документування у Gin","\u002Fclient-server-architecture\u002Fdata-validation-security-and-documentation-in-gin","17.client-server-architecture\u002F12.data-validation-security-and-documentation-in-gin",{"title":4273,"path":4274,"stem":4275},"Лекція 13. Взаємодія з реляційними СУБД та технології ORM","\u002Fclient-server-architecture\u002Frelational-databases-and-orm","17.client-server-architecture\u002F13.relational-databases-and-orm",{"title":4277,"path":4278,"stem":4279},"Потокова передача даних та протокол WebSocket","\u002Fclient-server-architecture\u002Fstreaming-data-and-websockets","17.client-server-architecture\u002F14.streaming-data-and-websockets",{"title":4281,"path":4282,"stem":4283},"Міжсервісна взаємодія на основі протоколу gRPC","\u002Fclient-server-architecture\u002Fgrpc-inter-service-communication","17.client-server-architecture\u002F15.grpc-inter-service-communication",{"title":4285,"path":4286,"stem":4287},"Асинхронний обмін повідомленнями та протоколи черг","\u002Fclient-server-architecture\u002Fasynchronous-message-exchange-and-queue-protocols","17.client-server-architecture\u002F16.asynchronous-message-exchange-and-queue-protocols",{"title":4289,"path":4290,"stem":4291},"Протоколи потокового медіа та технологія WebRTC","\u002Fclient-server-architecture\u002Fstreaming-media-protocols-and-webrtc","17.client-server-architecture\u002F17.streaming-media-protocols-and-webrtc",{"title":4293,"path":4294,"stem":4295},"Моніторинг, безпека та контейнеризація застосунків","\u002Fclient-server-architecture\u002Fmonitoring-security-and-containerization","17.client-server-architecture\u002F18.monitoring-security-and-containerization",{"title":4297,"icon":2228,"path":4298,"stem":4299,"children":4300,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[4301,4346,4384,4413,4442,4499,4549,4643,4709,4791,4824,4852,4894,4940,4983],{"title":4302,"icon":658,"path":4303,"stem":4304,"children":4305,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[4306,4310,4314,4318,4322,4326,4330,4334,4338,4342],{"title":4307,"path":4308,"stem":4309},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":4311,"path":4312,"stem":4313},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":4315,"path":4316,"stem":4317},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":4319,"path":4320,"stem":4321},"IP-адресація, порти та сокети","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fip-addressing-ports-sockets","18.web-development\u002F01.network-architecture-and-protocols\u002F04.ip-addressing-ports-sockets",{"title":4323,"path":4324,"stem":4325},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":4327,"path":4328,"stem":4329},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":4331,"path":4332,"stem":4333},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":4335,"path":4336,"stem":4337},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":4339,"path":4340,"stem":4341},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":4343,"path":4344,"stem":4345},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":4347,"icon":4348,"path":4349,"stem":4350,"children":4351,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[4352,4356,4360,4364,4368,4372,4376,4380],{"title":4353,"path":4354,"stem":4355},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":4357,"path":4358,"stem":4359},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":4361,"path":4362,"stem":4363},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":4365,"path":4366,"stem":4367},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":4369,"path":4370,"stem":4371},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":4373,"path":4374,"stem":4375},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":4377,"path":4378,"stem":4379},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":4381,"path":4382,"stem":4383},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":4385,"icon":2608,"path":4386,"stem":4387,"children":4388,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[4389,4393,4397,4401,4405,4409],{"title":4390,"path":4391,"stem":4392},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":4394,"path":4395,"stem":4396},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":4398,"path":4399,"stem":4400},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":4402,"path":4403,"stem":4404},"Псевдоніми типів, Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":4406,"path":4407,"stem":4408},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":4410,"path":4411,"stem":4412},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":4414,"icon":2608,"path":4415,"stem":4416,"children":4417,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[4418,4422,4426,4430,4434,4438],{"title":4419,"path":4420,"stem":4421},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":4423,"path":4424,"stem":4425},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":4427,"path":4428,"stem":4429},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":4431,"path":4432,"stem":4433},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":4435,"path":4436,"stem":4437},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":4439,"path":4440,"stem":4441},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":4443,"icon":4444,"path":4445,"stem":4446,"children":4447,"page":59},"Платформа Node.js як середовище виконання","i-devicon-nodejs","\u002Fweb-development\u002Fnodejs-platform","18.web-development\u002F05.nodejs-platform",[4448,4452,4456,4460,4464,4468,4472,4476,4480,4484,4488,4491,4495],{"title":4449,"path":4450,"stem":4451},"Що таке Node.js та його архітектура","\u002Fweb-development\u002Fnodejs-platform\u002Fwhat-is-nodejs","18.web-development\u002F05.nodejs-platform\u002F01.what-is-nodejs",{"title":4453,"path":4454,"stem":4455},"Event Loop — серце Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fevent-loop","18.web-development\u002F05.nodejs-platform\u002F02.event-loop",{"title":4457,"path":4458,"stem":4459},"Модульні системи: CommonJS vs ES Modules","\u002Fweb-development\u002Fnodejs-platform\u002Fmodule-systems","18.web-development\u002F05.nodejs-platform\u002F03.module-systems",{"title":4461,"path":4462,"stem":4463},"npm та package.json","\u002Fweb-development\u002Fnodejs-platform\u002Fnpm-package-json","18.web-development\u002F05.nodejs-platform\u002F04.npm-package-json",{"title":4465,"path":4466,"stem":4467},"Глобальні об\\","\u002Fweb-development\u002Fnodejs-platform\u002Fglobal-objects","18.web-development\u002F05.nodejs-platform\u002F05.global-objects",{"title":4469,"path":4470,"stem":4471},"Вбудований модуль fs (File System)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-fs","18.web-development\u002F05.nodejs-platform\u002F06.built-in-modules-fs",{"title":4473,"path":4474,"stem":4475},"Вбудований модуль path","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-path","18.web-development\u002F05.nodejs-platform\u002F07.built-in-modules-path",{"title":4477,"path":4478,"stem":4479},"Вбудований модуль http","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-http","18.web-development\u002F05.nodejs-platform\u002F08.built-in-modules-http",{"title":4481,"path":4482,"stem":4483},"Streams — потоки даних у Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fstreams","18.web-development\u002F05.nodejs-platform\u002F09.streams",{"title":4485,"path":4486,"stem":4487},"Вбудований модуль util (Utilities)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-util","18.web-development\u002F05.nodejs-platform\u002F10.built-in-modules-util",{"title":3293,"path":4489,"stem":4490},"\u002Fweb-development\u002Fnodejs-platform\u002Fenvironment-variables","18.web-development\u002F05.nodejs-platform\u002F11.environment-variables",{"title":4492,"path":4493,"stem":4494},"Інструменти налагодження та розробки","\u002Fweb-development\u002Fnodejs-platform\u002Fdebugging-tools","18.web-development\u002F05.nodejs-platform\u002F12.debugging-tools",{"title":4496,"path":4497,"stem":4498},"Продуктивність та Best Practices","\u002Fweb-development\u002Fnodejs-platform\u002Fperformance-best-practices","18.web-development\u002F05.nodejs-platform\u002F13.performance-best-practices",{"title":4500,"icon":4501,"path":4502,"stem":4503,"children":4504,"page":59},"Асинхронне програмування у Node.js","i-lucide-clock","\u002Fweb-development\u002Fasync-programming-nodejs","18.web-development\u002F06.async-programming-nodejs",[4505,4509,4513,4517,4521,4525,4529,4533,4537,4541,4545],{"title":4506,"path":4507,"stem":4508},"Синхронний vs асинхронний код","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fsync-vs-async","18.web-development\u002F06.async-programming-nodejs\u002F01.sync-vs-async",{"title":4510,"path":4511,"stem":4512},"Callbacks — перша парадигма асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fcallbacks","18.web-development\u002F06.async-programming-nodejs\u002F02.callbacks",{"title":4514,"path":4515,"stem":4516},"Promises — стандарт асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromises","18.web-development\u002F06.async-programming-nodejs\u002F03.promises",{"title":4518,"path":4519,"stem":4520},"Promise комбінатори","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromise-combinators","18.web-development\u002F06.async-programming-nodejs\u002F04.promise-combinators",{"title":4522,"path":4523,"stem":4524},"Async\u002FAwait — синтаксичний цукор над Promises","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fasync-await","18.web-development\u002F06.async-programming-nodejs\u002F05.async-await",{"title":4526,"path":4527,"stem":4528},"Паралельне vs послідовне виконання","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fparallel-vs-sequential","18.web-development\u002F06.async-programming-nodejs\u002F06.parallel-vs-sequential",{"title":4530,"path":4531,"stem":4532},"EventEmitter — подієва модель Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fevent-emitter","18.web-development\u002F06.async-programming-nodejs\u002F07.event-emitter",{"title":4534,"path":4535,"stem":4536},"Worker Threads — багатопотоковість у Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fworker-threads","18.web-development\u002F06.async-programming-nodejs\u002F08.worker-threads",{"title":4538,"path":4539,"stem":4540},"Child Processes — запуск зовнішніх процесів","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fchild-processes","18.web-development\u002F06.async-programming-nodejs\u002F09.child-processes",{"title":4542,"path":4543,"stem":4544},"Обробка помилок у асинхронному коді","\u002Fweb-development\u002Fasync-programming-nodejs\u002Ferror-handling","18.web-development\u002F06.async-programming-nodejs\u002F10.error-handling",{"title":4546,"path":4547,"stem":4548},"Порівняння Node.js фреймворків","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fnodejs-frameworks","18.web-development\u002F06.async-programming-nodejs\u002F11.nodejs-frameworks",{"title":4550,"icon":4551,"path":4552,"stem":4553,"children":4554,"page":59},"Тема 7. Фреймворк NestJS. Контролери та маршрутизація","i-lucide-route","\u002Fweb-development\u002Fnestjs-controllers-routing","18.web-development\u002F07.nestjs-controllers-routing",[4555,4559,4563,4567,4571,4575,4579,4583,4587,4591,4595,4599,4603,4607,4611,4615,4619,4623,4627,4631,4635,4639],{"title":4556,"path":4557,"stem":4558},"Філософія та архітектура NestJS","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-philosophy","18.web-development\u002F07.nestjs-controllers-routing\u002F01.nestjs-philosophy",{"title":4560,"path":4561,"stem":4562},"Три стовпи архітектури: модулі, контролери, провайдери","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fthree-pillars","18.web-development\u002F07.nestjs-controllers-routing\u002F02.three-pillars",{"title":4564,"path":4565,"stem":4566},"Інверсія керування (IoC) та ін","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fioc-and-di","18.web-development\u002F07.nestjs-controllers-routing\u002F03.ioc-and-di",{"title":4568,"path":4569,"stem":4570},"Встановлення NestJS CLI та створення проєкту","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-setup","18.web-development\u002F07.nestjs-controllers-routing\u002F04.nestjs-cli-setup",{"title":4572,"path":4573,"stem":4574},"Структура проєкту NestJS та конвенції","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fproject-structure","18.web-development\u002F07.nestjs-controllers-routing\u002F05.project-structure",{"title":4576,"path":4577,"stem":4578},"Контролери: основи маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontrollers-basics","18.web-development\u002F07.nestjs-controllers-routing\u002F06.controllers-basics",{"title":4580,"path":4581,"stem":4582},"Декоратори маршрутизації HTTP-методів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F07.route-decorators",{"title":4584,"path":4585,"stem":4586},"Параметри маршруту та декоратор @Param","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F08.route-parameters",{"title":4588,"path":4589,"stem":4590},"Query-параметри та декоратор @Query","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fquery-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F09.query-parameters",{"title":4592,"path":4593,"stem":4594},"Тіло запиту та декоратор @Body","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-body","18.web-development\u002F07.nestjs-controllers-routing\u002F10.request-body",{"title":4596,"path":4597,"stem":4598},"Робота з заголовками запиту та відповіді","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fheaders-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F11.headers-decorators",{"title":4600,"path":4601,"stem":4602},"Data Transfer Objects (DTO): визначення та призначення","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fdto-introduction","18.web-development\u002F07.nestjs-controllers-routing\u002F12.dto-introduction",{"title":4604,"path":4605,"stem":4606},"Об'єкти Request та Response","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-response-objects","18.web-development\u002F07.nestjs-controllers-routing\u002F13.request-response-objects",{"title":4608,"path":4609,"stem":4610},"HTTP-статус коди та декоратор @HttpCode","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fhttp-status-codes","18.web-development\u002F07.nestjs-controllers-routing\u002F14.http-status-codes",{"title":4612,"path":4613,"stem":4614},"Перенаправлення (Redirects) та декоратор @Redirect","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fredirects","18.web-development\u002F07.nestjs-controllers-routing\u002F15.redirects",{"title":4616,"path":4617,"stem":4618},"Асинхронні обробники та Observables","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fasync-handlers","18.web-development\u002F07.nestjs-controllers-routing\u002F16.async-handlers",{"title":4620,"path":4621,"stem":4622},"Маршрутизація за піддоменами та версіонування API","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fsub-domain-routing","18.web-development\u002F07.nestjs-controllers-routing\u002F17.sub-domain-routing",{"title":4624,"path":4625,"stem":4626},"Області видимості контролерів (Scopes)","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontroller-scopes","18.web-development\u002F07.nestjs-controllers-routing\u002F18.controller-scopes",{"title":4628,"path":4629,"stem":4630},"Основні команди NestJS CLI","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-commands","18.web-development\u002F07.nestjs-controllers-routing\u002F19.nestjs-cli-commands",{"title":4632,"path":4633,"stem":4634},"Практичний приклад: створення CRUD-контролера","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcrud-example","18.web-development\u002F07.nestjs-controllers-routing\u002F20.crud-example",{"title":4636,"path":4637,"stem":4638},"Тестування контролерів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Ftesting-controllers","18.web-development\u002F07.nestjs-controllers-routing\u002F21.testing-controllers",{"title":4640,"path":4641,"stem":4642},"Best Practices для контролерів та маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fbest-practices","18.web-development\u002F07.nestjs-controllers-routing\u002F22.best-practices",{"title":4644,"icon":4645,"path":4646,"stem":4647,"children":4648,"page":59},"Тема 8. Провайдери, сервіси та модульна система NestJS","i-lucide-package","\u002Fweb-development\u002Fnestjs-providers-modules","18.web-development\u002F08.nestjs-providers-modules",[4649,4653,4657,4661,4665,4669,4673,4677,4681,4685,4689,4693,4697,4701,4705],{"title":4650,"path":4651,"stem":4652},"Концепція провайдерів у NestJS","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fproviders-concept","18.web-development\u002F08.nestjs-providers-modules\u002F01.providers-concept",{"title":4654,"path":4655,"stem":4656},"Сервіси: інкапсуляція бізнес-логіки","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fservices-business-logic","18.web-development\u002F08.nestjs-providers-modules\u002F02.services-business-logic",{"title":4658,"path":4659,"stem":4660},"Практика ін","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdependency-injection-practice","18.web-development\u002F08.nestjs-providers-modules\u002F03.dependency-injection-practice",{"title":4662,"path":4663,"stem":4664},"Custom Providers: useValue, useClass, useFactory, useExisting","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcustom-providers","18.web-development\u002F08.nestjs-providers-modules\u002F04.custom-providers",{"title":4666,"path":4667,"stem":4668},"Injection Tokens: рядкові та символьні токени","\u002Fweb-development\u002Fnestjs-providers-modules\u002Finjection-tokens","18.web-development\u002F08.nestjs-providers-modules\u002F05.injection-tokens",{"title":4670,"path":4671,"stem":4672},"Опціональні провайдери та декоратор @Optional","\u002Fweb-development\u002Fnestjs-providers-modules\u002Foptional-providers","18.web-development\u002F08.nestjs-providers-modules\u002F07.optional-providers",{"title":4674,"path":4675,"stem":4676},"Структура модулів: imports, controllers, providers, exports","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodules-structure","18.web-development\u002F08.nestjs-providers-modules\u002F08.modules-structure",{"title":4678,"path":4679,"stem":4680},"Feature Modules: ізоляція функціональності","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ffeature-modules","18.web-development\u002F08.nestjs-providers-modules\u002F09.feature-modules",{"title":4682,"path":4683,"stem":4684},"Shared Modules: перевикористання провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fshared-modules","18.web-development\u002F08.nestjs-providers-modules\u002F10.shared-modules",{"title":4686,"path":4687,"stem":4688},"Global Modules та декоратор @Global","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fglobal-modules","18.web-development\u002F08.nestjs-providers-modules\u002F11.global-modules",{"title":4690,"path":4691,"stem":4692},"Dynamic Modules: конфігурація під час виконання","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdynamic-modules","18.web-development\u002F08.nestjs-providers-modules\u002F12.dynamic-modules",{"title":4694,"path":4695,"stem":4696},"Циклічні залежності та forwardRef","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcircular-dependencies","18.web-development\u002F08.nestjs-providers-modules\u002F13.circular-dependencies",{"title":4698,"path":4699,"stem":4700},"Lifecycle Hooks: хуки життєвого циклу","\u002Fweb-development\u002Fnestjs-providers-modules\u002Flifecycle-hooks","18.web-development\u002F08.nestjs-providers-modules\u002F14.lifecycle-hooks",{"title":4702,"path":4703,"stem":4704},"ModuleRef: динамічний доступ до провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodule-reference","18.web-development\u002F08.nestjs-providers-modules\u002F15.module-reference",{"title":4706,"path":4707,"stem":4708},"Тестування сервісів та провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ftesting-services","18.web-development\u002F08.nestjs-providers-modules\u002F16.testing-services",{"title":4710,"icon":4711,"path":4712,"stem":4713,"children":4714,"page":59},"Тема 9. Валідація даних та конвеєр обробки запитів у NestJS","i-lucide-filter","\u002Fweb-development\u002Fnestjs-validation-pipeline","18.web-development\u002F09.nestjs-validation-pipeline",[4715,4719,4723,4727,4731,4735,4739,4743,4747,4751,4755,4759,4763,4767,4771,4775,4779,4783,4787],{"title":4716,"path":4717,"stem":4718},"Request Pipeline: конвеєр обробки запитів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Frequest-pipeline","18.web-development\u002F09.nestjs-validation-pipeline\u002F01.request-pipeline",{"title":4720,"path":4721,"stem":4722},"Pipes: концепція трансформації та валідації","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipes-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F02.pipes-concept",{"title":4724,"path":4725,"stem":4726},"Вбудовані pipes: ParseIntPipe, ParseBoolPipe, ParseUUIDPipe","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fbuilt-in-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F03.built-in-pipes",{"title":4728,"path":4729,"stem":4730},"ValidationPipe: автоматична валідація DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fvalidation-pipe","18.web-development\u002F09.nestjs-validation-pipeline\u002F04.validation-pipe",{"title":4732,"path":4733,"stem":4734},"Декоратори class-validator для DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fclass-validator-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F05.class-validator-decorators",{"title":4736,"path":4737,"stem":4738},"Створення кастомних валідаторів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-validators","18.web-development\u002F09.nestjs-validation-pipeline\u002F06.custom-validators",{"title":4740,"path":4741,"stem":4742},"Створення власних Pipes","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F07.custom-pipes",{"title":4744,"path":4745,"stem":4746},"Основи Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-basics","18.web-development\u002F09.nestjs-validation-pipeline\u002F08.middleware-basics",{"title":4748,"path":4749,"stem":4750},"Практичні приклади Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F09.middleware-examples",{"title":4752,"path":4753,"stem":4754},"Guards: захисні перехоплювачі доступу","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fguards-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F10.guards-concept",{"title":4756,"path":4757,"stem":4758},"Створення кастомних Guards","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-guards","18.web-development\u002F09.nestjs-validation-pipeline\u002F11.custom-guards",{"title":4760,"path":4761,"stem":4762},"Interceptors: перехоплення та трансформація відповідей","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptors-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F12.interceptors-concept",{"title":4764,"path":4765,"stem":4766},"Практичні приклади Interceptors","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptor-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F13.interceptor-examples",{"title":4768,"path":4769,"stem":4770},"Exception Filters: обробка виключень","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F14.exception-filters",{"title":4772,"path":4773,"stem":4774},"Custom Exception Filters: спеціалізовані фільтри","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-exception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F15.custom-exception-filters",{"title":4776,"path":4777,"stem":4778},"Execution Context: контекст виконання","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexecution-context","18.web-development\u002F09.nestjs-validation-pipeline\u002F16.execution-context",{"title":4780,"path":4781,"stem":4782},"Custom Decorators: власні декоратори","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F17.custom-decorators",{"title":4784,"path":4785,"stem":4786},"Global Components: глобальні компоненти","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fglobal-components","18.web-development\u002F09.nestjs-validation-pipeline\u002F18.global-components",{"title":4788,"path":4789,"stem":4790},"Pipeline Best Practices: найкращі практики","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipeline-best-practices","18.web-development\u002F09.nestjs-validation-pipeline\u002F19.pipeline-best-practices",{"title":4792,"icon":3017,"path":4793,"stem":4794,"children":4795,"page":59},"Інтеграція реляційних баз даних засобами TypeORM","\u002Fweb-development\u002Ftypeorm-integration","18.web-development\u002F10.typeorm-integration",[4796,4800,4804,4808,4812,4816,4820],{"title":4797,"path":4798,"stem":4799},"Робота з базами даних у Node.js через нативні драйвери","\u002Fweb-development\u002Ftypeorm-integration\u002F01-nodejs-database-drivers","18.web-development\u002F10.typeorm-integration\u002F01-nodejs-database-drivers",{"title":4801,"path":4802,"stem":4803},"ORM та знайомство з TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F02-orm-and-typeorm-intro","18.web-development\u002F10.typeorm-integration\u002F02-orm-and-typeorm-intro",{"title":4805,"path":4806,"stem":4807},"Налаштування TypeORM у NestJS проєкті","\u002Fweb-development\u002Ftypeorm-integration\u002F03-typeorm-setup-nestjs","18.web-development\u002F10.typeorm-integration\u002F03-typeorm-setup-nestjs",{"title":4809,"path":4810,"stem":4811},"Entity класи та декоратори TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F04-entities-and-decorators","18.web-development\u002F10.typeorm-integration\u002F04-entities-and-decorators",{"title":4813,"path":4814,"stem":4815},"Repository Pattern та CRUD операції","\u002Fweb-development\u002Ftypeorm-integration\u002F05-repository-pattern-crud","18.web-development\u002F10.typeorm-integration\u002F05-repository-pattern-crud",{"title":4817,"path":4818,"stem":4819},"Пагінація та фільтрація даних","\u002Fweb-development\u002Ftypeorm-integration\u002F06-pagination-filtering","18.web-development\u002F10.typeorm-integration\u002F06-pagination-filtering",{"title":4821,"path":4822,"stem":4823},"QueryBuilder для складних запитів","\u002Fweb-development\u002Ftypeorm-integration\u002F07-query-builder","18.web-development\u002F10.typeorm-integration\u002F07-query-builder",{"title":4825,"icon":4826,"path":4827,"stem":4828,"children":4829,"page":59},"Зв'язки між сутностями, міграції та оптимізація запитів","i-lucide-git-branch","\u002Fweb-development\u002Fentity-relations-migrations","18.web-development\u002F11.entity-relations-migrations",[4830,4834,4838,4842,4846],{"title":4831,"path":4832,"stem":4833},"Зв'язки One-to-Many та Many-to-One","\u002Fweb-development\u002Fentity-relations-migrations\u002F01-one-to-many-many-to-one","18.web-development\u002F11.entity-relations-migrations\u002F01-one-to-many-many-to-one",{"title":4835,"path":4836,"stem":4837},"Зв'язки One-to-One та Many-to-Many","\u002Fweb-development\u002Fentity-relations-migrations\u002F02-one-to-one-many-to-many","18.web-development\u002F11.entity-relations-migrations\u002F02-one-to-one-many-to-many",{"title":4839,"path":4840,"stem":4841},"Керування міграціями бази даних","\u002Fweb-development\u002Fentity-relations-migrations\u002F03-migrations-management","18.web-development\u002F11.entity-relations-migrations\u002F03-migrations-management",{"title":4843,"path":4844,"stem":4845},"Транзакції у TypeORM","\u002Fweb-development\u002Fentity-relations-migrations\u002F04-transactions","18.web-development\u002F11.entity-relations-migrations\u002F04-transactions",{"title":4847,"path":4848,"stem":4849,"children":4850},"Індекси та оптимізація запитів","\u002Fweb-development\u002Fentity-relations-migrations\u002F05-indexes-optimization","18.web-development\u002F11.entity-relations-migrations\u002F05-indexes-optimization",[4851],{"title":4847,"path":4848,"stem":4849},{"title":4853,"icon":4854,"path":4855,"stem":4856,"children":4857,"page":59},"Механізми автентифікації у вебзастосунках","i-lucide-key","\u002Fweb-development\u002Fauthentication","18.web-development\u002F12.authentication",[4858,4862,4866,4870,4874,4878,4882,4886,4890],{"title":4859,"path":4860,"stem":4861},"Автентифікація vs Авторизація","\u002Fweb-development\u002Fauthentication\u002F01-authentication-vs-authorization","18.web-development\u002F12.authentication\u002F01-authentication-vs-authorization",{"title":4863,"path":4864,"stem":4865},"Стратегії автентифікації","\u002Fweb-development\u002Fauthentication\u002F02-authentication-strategies","18.web-development\u002F12.authentication\u002F02-authentication-strategies",{"title":4867,"path":4868,"stem":4869},"Автентифікація на основі сесій","\u002Fweb-development\u002Fauthentication\u002F03-session-based-authentication","18.web-development\u002F12.authentication\u002F03-session-based-authentication",{"title":4871,"path":4872,"stem":4873},"Структура JSON Web Token (JWT)","\u002Fweb-development\u002Fauthentication\u002F04-jwt-structure","18.web-development\u002F12.authentication\u002F04-jwt-structure",{"title":4875,"path":4876,"stem":4877},"Інтеграція JWT у NestJS","\u002Fweb-development\u002Fauthentication\u002F05-nestjs-jwt-integration","18.web-development\u002F12.authentication\u002F05-nestjs-jwt-integration",{"title":4879,"path":4880,"stem":4881},"Passport.js стратегії у NestJS","\u002Fweb-development\u002Fauthentication\u002F06-passport-strategies","18.web-development\u002F12.authentication\u002F06-passport-strategies",{"title":4883,"path":4884,"stem":4885},"Безпечне зберігання паролів: хешування та криптографічний захист","\u002Fweb-development\u002Fauthentication\u002F07-password-hashing","18.web-development\u002F12.authentication\u002F07-password-hashing",{"title":4887,"path":4888,"stem":4889},"Refresh Token та безпечне оновлення доступу","\u002Fweb-development\u002Fauthentication\u002F08-refresh-tokens","18.web-development\u002F12.authentication\u002F08-refresh-tokens",{"title":4891,"path":4892,"stem":4893},"OAuth 2.0 та OpenID Connect: делегована автентифікація","\u002Fweb-development\u002Fauthentication\u002F09-oauth2-openid","18.web-development\u002F12.authentication\u002F09-oauth2-openid",{"title":4895,"icon":4896,"path":4897,"stem":4898,"children":4899,"page":59},"Авторизація та безпека серверних застосунків","i-lucide-shield","\u002Fweb-development\u002Fauthorization-security","18.web-development\u002F13.authorization-security",[4900,4904,4908,4912,4916,4920,4924,4928,4932,4936],{"title":4901,"path":4902,"stem":4903},"Моделі авторизації","\u002Fweb-development\u002Fauthorization-security\u002F01-authorization-models","18.web-development\u002F13.authorization-security\u002F01-authorization-models",{"title":4905,"path":4906,"stem":4907},"Реалізація RBAC у NestJS","\u002Fweb-development\u002Fauthorization-security\u002F02-rbac-implementation","18.web-development\u002F13.authorization-security\u002F02-rbac-implementation",{"title":4909,"path":4910,"stem":4911},"Permission-Based Access Control","\u002Fweb-development\u002Fauthorization-security\u002F03-permission-based-access","18.web-development\u002F13.authorization-security\u002F03-permission-based-access",{"title":4913,"path":4914,"stem":4915},"ABAC та бібліотека CASL","\u002Fweb-development\u002Fauthorization-security\u002F04-abac-casl","18.web-development\u002F13.authorization-security\u002F04-abac-casl",{"title":4917,"path":4918,"stem":4919},"Кастомні декоратори та метадані","\u002Fweb-development\u002Fauthorization-security\u002F05-custom-decorators-metadata","18.web-development\u002F13.authorization-security\u002F05-custom-decorators-metadata",{"title":4921,"path":4922,"stem":4923},"Конфігурація CORS","\u002Fweb-development\u002Fauthorization-security\u002F06-cors-configuration","18.web-development\u002F13.authorization-security\u002F06-cors-configuration",{"title":4925,"path":4926,"stem":4927},"Захист через HTTP Security Headers (Helmet)","\u002Fweb-development\u002Fauthorization-security\u002F07-helmet-security-headers","18.web-development\u002F13.authorization-security\u002F07-helmet-security-headers",{"title":4929,"path":4930,"stem":4931},"Rate Limiting та Throttling","\u002Fweb-development\u002Fauthorization-security\u002F08-rate-limiting-throttling","18.web-development\u002F13.authorization-security\u002F08-rate-limiting-throttling",{"title":4933,"path":4934,"stem":4935},"Захист від поширених атак","\u002Fweb-development\u002Fauthorization-security\u002F09-common-attacks-protection","18.web-development\u002F13.authorization-security\u002F09-common-attacks-protection",{"title":4937,"path":4938,"stem":4939},"HTTPS у продакшені","\u002Fweb-development\u002Fauthorization-security\u002F10-https-production","18.web-development\u002F13.authorization-security\u002F10-https-production",{"title":4941,"icon":871,"path":4942,"stem":4943,"children":4944,"page":59},"Комунікація у реальному часі, нотифікації та фонові задачі","\u002Fweb-development\u002Frealtime-notifications-jobs","18.web-development\u002F14.realtime-notifications-jobs",[4945,4949,4953,4957,4961,4965,4968,4971,4975,4979],{"title":4946,"path":4947,"stem":4948},"Методи комунікації у реальному часі","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F01-realtime-communication-methods","18.web-development\u002F14.realtime-notifications-jobs\u002F01-realtime-communication-methods",{"title":4950,"path":4951,"stem":4952},"WebSocket Gateway у NestJS","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F02-websocket-gateway","18.web-development\u002F14.realtime-notifications-jobs\u002F02-websocket-gateway",{"title":4954,"path":4955,"stem":4956},"Lifecycle та Rooms у WebSocket","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F03-websocket-lifecycle-rooms","18.web-development\u002F14.realtime-notifications-jobs\u002F03-websocket-lifecycle-rooms",{"title":4958,"path":4959,"stem":4960},"Server-Sent Events (SSE)","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F04-server-sent-events","18.web-development\u002F14.realtime-notifications-jobs\u002F04-server-sent-events",{"title":4962,"path":4963,"stem":4964},"Архітектура системи нотифікацій","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F05-notification-system","18.web-development\u002F14.realtime-notifications-jobs\u002F05-notification-system",{"title":904,"path":4966,"stem":4967},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F06-email-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F06-email-notifications",{"title":900,"path":4969,"stem":4970},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F07-web-push-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F07-web-push-notifications",{"title":4972,"path":4973,"stem":4974},"Фонові задачі та черги","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F08-background-jobs-queues","18.web-development\u002F14.realtime-notifications-jobs\u002F08-background-jobs-queues",{"title":4976,"path":4977,"stem":4978},"Планувальники та Cron jobs","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F09-schedulers-cron","18.web-development\u002F14.realtime-notifications-jobs\u002F09-schedulers-cron",{"title":4980,"path":4981,"stem":4982},"Практичні сценарії застосування","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F10-practical-scenarios","18.web-development\u002F14.realtime-notifications-jobs\u002F10-practical-scenarios",{"title":4984,"icon":4985,"path":4986,"stem":4987,"children":4988,"page":59},"Тестування, документування та розгортання застосунків","i-lucide-rocket","\u002Fweb-development\u002Ftesting-documentation-deployment","18.web-development\u002F15.testing-documentation-deployment",[4989,4993,4997,5001,5005,5009,5013,5017,5021,5025],{"title":4990,"path":4991,"stem":4992},"Піраміда тестування та стратегія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F01-testing-pyramid-strategy","18.web-development\u002F15.testing-documentation-deployment\u002F01-testing-pyramid-strategy",{"title":4994,"path":4995,"stem":4996},"Основи Jest у NestJS","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F02-jest-nestjs-basics","18.web-development\u002F15.testing-documentation-deployment\u002F02-jest-nestjs-basics",{"title":4998,"path":4999,"stem":5000},"Unit-тестування сервісів","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F03-unit-testing-services","18.web-development\u002F15.testing-documentation-deployment\u002F03-unit-testing-services",{"title":5002,"path":5003,"stem":5004},"E2E тестування та покриття коду","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F04-e2e-testing-coverage","18.web-development\u002F15.testing-documentation-deployment\u002F04-e2e-testing-coverage",{"title":5006,"path":5007,"stem":5008},"Swagger, OpenAPI, Scalar та Arazzo","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F05-swagger-openapi","18.web-development\u002F15.testing-documentation-deployment\u002F05-swagger-openapi",{"title":5010,"path":5011,"stem":5012},"Керування конфігурацією","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F06-configuration-management","18.web-development\u002F15.testing-documentation-deployment\u002F06-configuration-management",{"title":5014,"path":5015,"stem":5016},"Docker та контейнеризація","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F07-docker-containerization","18.web-development\u002F15.testing-documentation-deployment\u002F07-docker-containerization",{"title":5018,"path":5019,"stem":5020},"CI\u002FCD Pipelines","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F08-cicd-pipelines","18.web-development\u002F15.testing-documentation-deployment\u002F08-cicd-pipelines",{"title":5022,"path":5023,"stem":5024},"Логування та моніторинг","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F09-logging-monitoring","18.web-development\u002F15.testing-documentation-deployment\u002F09-logging-monitoring",{"title":5026,"path":5027,"stem":5028},"Серіалізація та компресія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F10-serialization-compression","18.web-development\u002F15.testing-documentation-deployment\u002F10-serialization-compression",{"title":5030,"icon":5031,"path":5032,"stem":5033,"children":5034,"page":59},"AI Core: мислення AI","i-lucide-brain","\u002Fai-core","19.ai-core",[5035,5076,5125,5163],{"title":5036,"icon":4985,"path":5037,"stem":5038,"children":5039,"page":59},"Вхід у професію AI Native Developer","\u002Fai-core\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer",[5040,5044,5048,5052,5056,5060,5064,5068,5072],{"title":5041,"path":5042,"stem":5043},"Вступ до професії розробника цифрових продуктів","\u002Fai-core\u002Fai-native-developer\u002Fdigital-products","19.ai-core\u002F01.ai-native-developer\u002F01.digital-products",{"title":5045,"path":5046,"stem":5047},"Професія розробника програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fsoftware-developer","19.ai-core\u002F01.ai-native-developer\u002F02.software-developer",{"title":5049,"path":5050,"stem":5051},"Професія AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer\u002F03.ai-native-developer",{"title":5053,"path":5054,"stem":5055},"Вплив AI на розробку програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fai-impact-on-development","19.ai-core\u002F01.ai-native-developer\u002F04.ai-impact-on-development",{"title":5057,"path":5058,"stem":5059},"Життєвий цикл цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fproduct-lifecycle","19.ai-core\u002F01.ai-native-developer\u002F05.product-lifecycle",{"title":5061,"path":5062,"stem":5063},"Застосування AI на етапах створення цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fai-in-product-creation","19.ai-core\u002F01.ai-native-developer\u002F06.ai-in-product-creation",{"title":5065,"path":5066,"stem":5067},"Розподіл завдань між людиною та AI","\u002Fai-core\u002Fai-native-developer\u002Fhuman-vs-ai-tasks","19.ai-core\u002F01.ai-native-developer\u002F07.human-vs-ai-tasks",{"title":5069,"path":5070,"stem":5071},"Компетенції AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcompetencies","19.ai-core\u002F01.ai-native-developer\u002F08.competencies",{"title":5073,"path":5074,"stem":5075},"Карта професійного розвитку AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcareer-roadmap","19.ai-core\u002F01.ai-native-developer\u002F09.career-roadmap",{"title":5077,"icon":255,"path":5078,"stem":5079,"children":5080,"page":59},"Штучний інтелект і машинне навчання","\u002Fai-core\u002Fai-and-machine-learning","19.ai-core\u002F02.ai-and-machine-learning",[5081,5085,5089,5093,5097,5101,5105,5109,5113,5117,5121],{"title":5082,"path":5083,"stem":5084},"Штучний інтелект","\u002Fai-core\u002Fai-and-machine-learning\u002Fwhat-is-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F01.what-is-ai",{"title":5086,"path":5087,"stem":5088},"Відмінність AI від інших програмних систем","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-vs-automation","19.ai-core\u002F02.ai-and-machine-learning\u002F02.ai-vs-automation",{"title":5090,"path":5091,"stem":5092},"Завдання штучного інтелекту","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-tasks","19.ai-core\u002F02.ai-and-machine-learning\u002F03.ai-tasks",{"title":5094,"path":5095,"stem":5096},"Machine Learning","\u002Fai-core\u002Fai-and-machine-learning\u002Fmachine-learning","19.ai-core\u002F02.ai-and-machine-learning\u002F04.machine-learning",{"title":5098,"path":5099,"stem":5100},"Machine Learning Workflow","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-workflow","19.ai-core\u002F02.ai-and-machine-learning\u002F05.ml-workflow",{"title":5102,"path":5103,"stem":5104},"Типи машинного навчання","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-types","19.ai-core\u002F02.ai-and-machine-learning\u002F06.ml-types",{"title":5106,"path":5107,"stem":5108},"Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fgenerative-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F07.generative-ai",{"title":5110,"path":5111,"stem":5112},"Типи контенту, створюваного AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-content-types","19.ai-core\u002F02.ai-and-machine-learning\u002F08.ai-content-types",{"title":5114,"path":5115,"stem":5116},"Великі мовні моделі","\u002Fai-core\u002Fai-and-machine-learning\u002Flarge-language-models","19.ai-core\u002F02.ai-and-machine-learning\u002F09.large-language-models",{"title":5118,"path":5119,"stem":5120},"Можливості та обмеження Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fcapabilities-and-limitations","19.ai-core\u002F02.ai-and-machine-learning\u002F10.capabilities-and-limitations",{"title":5122,"path":5123,"stem":5124},"Сучасні AI-асистенти","\u002Fai-core\u002Fai-and-machine-learning\u002Fmodern-ai-assistants","19.ai-core\u002F02.ai-and-machine-learning\u002F11.modern-ai-assistants",{"title":5126,"icon":5127,"path":5128,"stem":5129,"children":5130,"page":59},"Постановка завдань для AI: принципи створення промптів","i-lucide-message-square-text","\u002Fai-core\u002Fprompt-engineering","19.ai-core\u002F03.prompt-engineering",[5131,5135,5139,5143,5147,5151,5155,5159],{"title":5132,"path":5133,"stem":5134},"Промпт як інструмент","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-as-tool","19.ai-core\u002F03.prompt-engineering\u002F01.prompt-as-tool",{"title":5136,"path":5137,"stem":5138},"Принципи створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-principles","19.ai-core\u002F03.prompt-engineering\u002F02.prompt-principles",{"title":5140,"path":5141,"stem":5142},"Структура промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-structure","19.ai-core\u002F03.prompt-engineering\u002F03.prompt-structure",{"title":5144,"path":5145,"stem":5146},"Види промптів за типом задачі","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-types","19.ai-core\u002F03.prompt-engineering\u002F04.prompt-types",{"title":5148,"path":5149,"stem":5150},"Прийоми посилення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-enhancement","19.ai-core\u002F03.prompt-engineering\u002F05.prompt-enhancement",{"title":5152,"path":5153,"stem":5154},"Розбір і покращення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-analysis","19.ai-core\u002F03.prompt-engineering\u002F06.prompt-analysis",{"title":5156,"path":5157,"stem":5158},"Типові помилки під час створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fcommon-mistakes","19.ai-core\u002F03.prompt-engineering\u002F07.common-mistakes",{"title":5160,"path":5161,"stem":5162},"Практикум: особиста бібліотека промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-library","19.ai-core\u002F03.prompt-engineering\u002F08.prompt-library",{"title":5164,"icon":793,"path":5165,"stem":5166,"children":5167,"page":59},"Перевірка результатів, безпека та AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow","19.ai-core\u002F04.verification-security-workflow",[5168,5172,5176,5180,5184,5188,5192,5196,5200],{"title":5169,"path":5170,"stem":5171},"Межі можливостей AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-limitations","19.ai-core\u002F04.verification-security-workflow\u002F01.ai-limitations",{"title":5173,"path":5174,"stem":5175},"Галюцинації AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-hallucinations","19.ai-core\u002F04.verification-security-workflow\u002F02.ai-hallucinations",{"title":5177,"path":5178,"stem":5179},"Критичне мислення під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fcritical-thinking","19.ai-core\u002F04.verification-security-workflow\u002F03.critical-thinking",{"title":5181,"path":5182,"stem":5183},"Перевірка результатів роботи AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresult-verification","19.ai-core\u002F04.verification-security-workflow\u002F04.result-verification",{"title":5185,"path":5186,"stem":5187},"Захист даних під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fdata-protection","19.ai-core\u002F04.verification-security-workflow\u002F05.data-protection",{"title":5189,"path":5190,"stem":5191},"Авторське право та навчальна доброчесність","\u002Fai-core\u002Fverification-security-workflow\u002Fcopyright-integrity","19.ai-core\u002F04.verification-security-workflow\u002F06.copyright-integrity",{"title":5193,"path":5194,"stem":5195},"Відповідальне використання AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresponsible-use","19.ai-core\u002F04.verification-security-workflow\u002F07.responsible-use",{"title":5197,"path":5198,"stem":5199},"AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow\u002Fai-native-workflow","19.ai-core\u002F04.verification-security-workflow\u002F08.ai-native-workflow",{"title":5201,"path":5202,"stem":5203},"Застосування AI Native Workflow під час створення цифрового продукту","\u002Fai-core\u002Fverification-security-workflow\u002Fworkflow-in-practice","19.ai-core\u002F04.verification-security-workflow\u002F09.workflow-in-practice",{"title":5205,"icon":5206,"path":5207,"stem":5208,"children":5209,"page":59},"AI Developer: Vibe Coding Sprint","i-lucide-code-xml","\u002Fai-developer","20.ai-developer",[5210,5236,5258,5279],{"title":5211,"icon":5212,"path":5213,"stem":5214,"children":5215,"page":59},"Проєктування і чорнова версія","i-lucide-pencil-ruler","\u002Fai-developer\u002Fdraft-creation","20.ai-developer\u002F01.draft-creation",[5216,5220,5224,5228,5232],{"title":5217,"path":5218,"stem":5219},"Парадигма Vibe Coding Workflow","\u002Fai-developer\u002Fdraft-creation\u002Fvibe-coding-workflow","20.ai-developer\u002F01.draft-creation\u002F01.vibe-coding-workflow",{"title":5221,"path":5222,"stem":5223},"AI-середовище швидкої розробки","\u002Fai-developer\u002Fdraft-creation\u002Fai-ide-environment","20.ai-developer\u002F01.draft-creation\u002F02.ai-ide-environment",{"title":5225,"path":5226,"stem":5227},"Користувацьке завдання та межі першої версії","\u002Fai-developer\u002Fdraft-creation\u002Fproduct-scope-and-mvp","20.ai-developer\u002F01.draft-creation\u002F03.product-scope-and-mvp",{"title":5229,"path":5230,"stem":5231},"Архітектура інтерфейсу та стани застосунку","\u002Fai-developer\u002Fdraft-creation\u002Fapplication-architecture-and-states","20.ai-developer\u002F01.draft-creation\u002F04.application-architecture-and-states",{"title":5233,"path":5234,"stem":5235},"Генерація та фіксація чорнової версії","\u002Fai-developer\u002Fdraft-creation\u002Fgenerating-draft-version","20.ai-developer\u002F01.draft-creation\u002F05.generating-draft-version",{"title":5237,"icon":5238,"path":5239,"stem":5240,"children":5241,"page":59},"Перша робоча версія","i-lucide-play-circle","\u002Fai-developer\u002Ffirst-working-version","20.ai-developer\u002F02.first-working-version",[5242,5246,5250,5254],{"title":5243,"path":5244,"stem":5245},"Уточнення контексту проєкту для AI","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-project-context","20.ai-developer\u002F02.first-working-version\u002F01.refining-project-context",{"title":5247,"path":5248,"stem":5249},"Стратегія завдань для AI-розробки","\u002Fai-developer\u002Ffirst-working-version\u002Fai-prompting-strategy","20.ai-developer\u002F02.first-working-version\u002F02.ai-prompting-strategy",{"title":5251,"path":5252,"stem":5253},"Доопрацювання до першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-to-working-version","20.ai-developer\u002F02.first-working-version\u002F03.refining-to-working-version",{"title":5255,"path":5256,"stem":5257},"Перевірка першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Ftesting-first-working-version","20.ai-developer\u002F02.first-working-version\u002F04.testing-first-working-version",{"title":5259,"icon":3224,"path":5260,"stem":5261,"children":5262,"page":59},"Ітерації, дебагінг та відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery","20.ai-developer\u002F03.iteration-debugging-recovery",[5263,5267,5271,5275],{"title":5264,"path":5265,"stem":5266},"Управління точковими змінами продукту","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fchange-management","20.ai-developer\u002F03.iteration-debugging-recovery\u002F01.change-management",{"title":5268,"path":5269,"stem":5270},"Надійність інтерфейсу та обробка помилок","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fscenario-reliability-and-errors","20.ai-developer\u002F03.iteration-debugging-recovery\u002F02.scenario-reliability-and-errors",{"title":5272,"path":5273,"stem":5274},"Керування контекстом і збереження версій","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fproject-context-and-versions","20.ai-developer\u002F03.iteration-debugging-recovery\u002F03.project-context-and-versions",{"title":5276,"path":5277,"stem":5278},"Збої AI-розробки, ліміти та аварійне відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fai-breakdowns-and-recovery","20.ai-developer\u002F03.iteration-debugging-recovery\u002F04.ai-breakdowns-and-recovery",{"title":5280,"icon":5281,"path":5282,"stem":5283,"children":5284,"page":59},"Перевірка та завершення продукту","i-lucide-check-check","\u002Fai-developer\u002Fverification-and-completion","20.ai-developer\u002F04.verification-and-completion",[5285,5289,5293],{"title":5286,"path":5287,"stem":5288},"Комплексний аудит та підсумкове тестування","\u002Fai-developer\u002Fverification-and-completion\u002Ffinal-product-testing","20.ai-developer\u002F04.verification-and-completion\u002F01.final-product-testing",{"title":5290,"path":5291,"stem":5292},"Підготовка підсумкової версії коду","\u002Fai-developer\u002Fverification-and-completion\u002Fpreparing-release-version","20.ai-developer\u002F04.verification-and-completion\u002F02.preparing-release-version",{"title":5294,"path":5295,"stem":5296},"Демонстрація, публікація та критерії оцінювання","\u002Fai-developer\u002Fverification-and-completion\u002Fproduct-showcase-and-publishing","20.ai-developer\u002F04.verification-and-completion\u002F03.product-showcase-and-publishing",{"title":5298,"path":5299,"stem":5300,"children":5301,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[5302,5306,5310,5314,5318,5322,5326,5330,5334,5338,5342,5346],{"title":5303,"path":5304,"stem":5305},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":5307,"path":5308,"stem":5309},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":5311,"path":5312,"stem":5313},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":5315,"path":5316,"stem":5317},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":5319,"path":5320,"stem":5321},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":5323,"path":5324,"stem":5325},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":5327,"path":5328,"stem":5329},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":5331,"path":5332,"stem":5333},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":5335,"path":5336,"stem":5337},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":5339,"path":5340,"stem":5341},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":5343,"path":5344,"stem":5345},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":5347,"path":5348,"stem":5349},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":5351,"path":5352,"stem":5353,"children":5354,"page":59},"React Typescript","\u002Freact-typescript","22.react-typescript",[5355,5380,5384,5388,5392,5396,5400,5404,5408,5412,5442,5446,5450,5454,5458],{"title":5356,"path":5357,"stem":5358,"children":5359,"page":59},"From Html To Project","\u002Freact-typescript\u002Ffrom-html-to-project","22.react-typescript\u002F01.from-html-to-project",[5360,5364,5368,5372,5376],{"title":5361,"path":5362,"stem":5363},"Від одного HTML-файлу до повноцінного проєкту","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fevolution","22.react-typescript\u002F01.from-html-to-project\u002F01.evolution",{"title":5365,"path":5366,"stem":5367},"Що таке React","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fwhat-is-react","22.react-typescript\u002F01.from-html-to-project\u002F02.what-is-react",{"title":5369,"path":5370,"stem":5371},"JSX та TSX — синтаксичний цукор, а не магія","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fjsx-tsx-syntax","22.react-typescript\u002F01.from-html-to-project\u002F03.jsx-tsx-syntax",{"title":5373,"path":5374,"stem":5375},"Компоненти — будівельні блоки інтерфейсу","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fcomponents","22.react-typescript\u002F01.from-html-to-project\u002F04.components",{"title":5377,"path":5378,"stem":5379},"JSX — розмітка всередині TypeScript","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fjsx-expressions","22.react-typescript\u002F01.from-html-to-project\u002F05.jsx-expressions",{"title":5381,"path":5382,"stem":5383},"Хук useReducer: структуроване управління складним станом","\u002Freact-typescript\u002Fuse-reducer","22.react-typescript\u002F23.use-reducer",{"title":5385,"path":5386,"stem":5387},"Context API: передавання даних без «пропс-дрілінгу»","\u002Freact-typescript\u002Fcontext-api","22.react-typescript\u002F24.context-api",{"title":5389,"path":5390,"stem":5391},"Синхронізація з ефектами: хук useEffect та функції очищення","\u002Freact-typescript\u002Fuse-effect","22.react-typescript\u002F27.use-effect",{"title":5393,"path":5394,"stem":5395},"Можливо, вам не потрібен ефект: антипатерни та альтернативи","\u002Freact-typescript\u002Fyou-might-not-need-effect","22.react-typescript\u002F28.you-might-not-need-effect",{"title":5397,"path":5398,"stem":5399},"Життєвий цикл реактивних ефектів: мислення процесами синхронізації","\u002Freact-typescript\u002Flifecycle-of-reactive-effects","22.react-typescript\u002F29.lifecycle-of-reactive-effects",{"title":5401,"path":5402,"stem":5403},"Розділення подій та ефектів: реактивна проти нереактивної логіки","\u002Freact-typescript\u002Fseparating-events-from-effects","22.react-typescript\u002F30.separating-events-from-effects",{"title":5405,"path":5406,"stem":5407},"Видалення зайвих залежностей ефектів та оптимізація синхронізації","\u002Freact-typescript\u002Fremoving-effect-dependencies","22.react-typescript\u002F31.removing-effect-dependencies",{"title":5409,"path":5410,"stem":5411},"Кастомні хуки: повторне використання та композиція реактивної логіки","\u002Freact-typescript\u002Fcustom-hooks","22.react-typescript\u002F32.custom-hooks",{"title":5413,"path":5414,"stem":5415,"children":5416},"React Router v7: Маршрутизація в SPA","\u002Freact-typescript\u002Freact-router-v7","22.react-typescript\u002F33.react-router-v7\u002Findex",[5417,5418,5422,5426,5430,5434,5438],{"title":5413,"path":5414,"stem":5415},{"title":5419,"path":5420,"stem":5421},"Встановлення та базова конфігурація React Router v7","\u002Freact-typescript\u002Freact-router-v7\u002Finstallation-setup","22.react-typescript\u002F33.react-router-v7\u002F01.installation-setup",{"title":5423,"path":5424,"stem":5425},"Вкладені маршрути та Outlet: архітектура складних макетів","\u002Freact-typescript\u002Freact-router-v7\u002Fnested-routes-outlet","22.react-typescript\u002F33.react-router-v7\u002F02.nested-routes-outlet",{"title":5427,"path":5428,"stem":5429},"Динамічні маршрути та параметри URL","\u002Freact-typescript\u002Freact-router-v7\u002Fdynamic-routes-params","22.react-typescript\u002F33.react-router-v7\u002F03.dynamic-routes-params",{"title":5431,"path":5432,"stem":5433},"Навігація та корисні хуки React Router","\u002Freact-typescript\u002Freact-router-v7\u002Fnavigation-hooks","22.react-typescript\u002F33.react-router-v7\u002F04.navigation-hooks",{"title":5435,"path":5436,"stem":5437},"Обробка помилок та 404: ErrorBoundary і fallback-маршрути","\u002Freact-typescript\u002Freact-router-v7\u002Ferror-handling-404","22.react-typescript\u002F33.react-router-v7\u002F05.error-handling-404",{"title":5439,"path":5440,"stem":5441},"Data Router API: альтернативний синтаксис через createBrowserRouter","\u002Freact-typescript\u002Freact-router-v7\u002Fdata-router-api-examples","22.react-typescript\u002F33.react-router-v7\u002F06.data-router-api-examples",{"title":5443,"path":5444,"stem":5445},"Axios: HTTP-клієнт із розширеними можливостями","\u002Freact-typescript\u002Faxios","22.react-typescript\u002F34.axios",{"title":5447,"path":5448,"stem":5449},"Redux: класичний підхід до глобального стану","\u002Freact-typescript\u002Fredux-classic","22.react-typescript\u002F35.redux-classic",{"title":5451,"path":5452,"stem":5453},"Redux Toolkit: сучасний стандарт Redux","\u002Freact-typescript\u002Fredux-toolkit","22.react-typescript\u002F36.redux-toolkit",{"title":5455,"path":5456,"stem":5457},"RTK Query: запити до сервера без болю","\u002Freact-typescript\u002Frtk-query-tanstack-query","22.react-typescript\u002F38.rtk-query-tanstack-query",{"title":5459,"path":5460,"stem":5461},"React Hook Form + Zod: типобезпечна валідація форм","\u002Freact-typescript\u002Freact-hook-form-zod","22.react-typescript\u002F39.react-hook-form-zod",{"title":5463,"path":5464,"stem":5465},"Тестування компонентів діаграм та пісочниць","\u002Ftest-components","98.test-components",{"id":5467,"title":5377,"body":5468,"description":18586,"extension":18587,"links":18588,"meta":18589,"navigation":5718,"path":5378,"seo":18590,"stem":5379,"__hash__":18591},"docs\u002F22.react-typescript\u002F01.from-html-to-project\u002F05.jsx-expressions.md",{"type":5469,"value":5470,"toc":18547},"minimark",[5471,5475,5581,5606,5609,5614,5621,5634,5639,5825,5830,5889,5899,5998,6002,6008,6305,6310,6373,6377,6602,6609,6638,6640,6644,6650,6663,6821,6825,6884,6891,6894,7075,7080,7194,7199,7435,7620,7624,7635,7904,7908,7955,8017,8019,8022,8029,8036,8039,8167,8175,8184,8356,8363,8366,8420,8576,8580,8583,9007,10867,10869,10875,10882,10890,10988,10994,11126,11134,11216,11224,11319,11323,11382,11387,11437,11579,11581,11587,11596,11600,11747,11751,11840,11844,12285,12463,12467,12473,12896,12898,12902,12905,13263,13265,13269,16578,16583,16643,16645,16649,16759,16773,16775,16779,18544],[5472,5473,5377],"h1",{"id":5474},"jsx-розмітка-всередині-typescript",[5476,5477,5478,5507],"card-group",{},[5479,5480,5483],"card",{"icon":5481,"title":5482},"i-lucide-target","🎯 Мета лекції",[5484,5485,5486,5490,5493,5496,5504],"ul",{},[5487,5488,5489],"li",{},"Опанувати використання TypeScript-виразів усередині JSX через фігурні дужки.",[5487,5491,5492],{},"Навчитися динамічно формувати атрибути, класи та стилі на основі даних.",[5487,5494,5495],{},"Застосовувати умовний рендеринг через тернарні оператори та логічні вирази.",[5487,5497,5498,5499,5503],{},"Зрозуміти обмеження JSX: що можна вставляти через ",[5500,5501,5502],"code",{},"{}",", а що ні.",[5487,5505,5506],{},"Практикувати роботу з масивами, об'єктами та обчислювальними виразами у розмітці.",[5479,5508,5510],{"icon":4854,"title":5509},"🔑 Ключові терміни",[5484,5511,5512,5528,5555,5563,5572],{},[5487,5513,5514,5518,5519,5523,5524,5527],{},[5515,5516,5517],"strong",{},"Вираз"," (",[5520,5521,5522],"em",{},"expression",") — фрагмент коду TypeScript, що ",[5515,5525,5526],{},"повертає значення",": змінна, виклик функції, тернарний оператор.",[5487,5529,5530,5518,5533,5536,5537,5540,5541,5544,5545,5544,5548,5544,5551,5554],{},[5515,5531,5532],{},"Інструкція",[5520,5534,5535],{},"statement",") — команда TypeScript, що ",[5515,5538,5539],{},"виконує дію",", але не повертає значення: ",[5500,5542,5543],{},"if",", ",[5500,5546,5547],{},"for",[5500,5549,5550],{},"while",[5500,5552,5553],{},"const x = 5;",".",[5487,5556,5557,5562],{},[5515,5558,5559,5560],{},"Фігурні дужки ",[5500,5561,5502],{}," — механізм вставки TypeScript-виразів у JSX-розмітку.",[5487,5564,5565,5518,5568,5571],{},[5515,5566,5567],{},"Умовний рендеринг",[5520,5569,5570],{},"conditional rendering",") — відображення різних UI-елементів залежно від умови.",[5487,5573,5574,5518,5577,5580],{},[5515,5575,5576],{},"Обчислювані властивості",[5520,5578,5579],{},"computed properties",") — динамічне формування значень атрибутів на основі даних.",[5582,5583,5584],"blockquote",{},[5585,5586,5587,5588,5591,5594,5601,5602],"p",{},"🔗 ",[5515,5589,5590],{},"Офіційний референс React:",[5592,5593],"br",{},[5595,5596,5600],"a",{"href":5597,"rel":5598},"https:\u002F\u002Fuk.react.dev\u002Flearn\u002Fjavascript-in-jsx-with-curly-braces",[5599],"nofollow","JavaScript у JSX із фігурними дужками"," · ",[5595,5603,5567],{"href":5604,"rel":5605},"https:\u002F\u002Fuk.react.dev\u002Flearn\u002Fconditional-rendering",[5599],[5607,5608],"hr",{},[5610,5611,5613],"h2",{"id":5612},"фігурні-дужки-вікно-у-typescript-світ","Фігурні дужки: вікно у TypeScript-світ",[5585,5615,5616,5617,5620],{},"JSX — це розширення TypeScript, що дозволяє писати HTML-подібну розмітку прямо у коді. Але що робити, коли потрібно вставити ",[5515,5618,5619],{},"динамічні дані"," — значення змінної, результат обчислення, виклик функції?",[5585,5622,5623,5624,5629,5630,5633],{},"Для цього у JSX існує ",[5515,5625,5626,5627],{},"спеціальний синтаксис фігурних дужок ",[5500,5628,5502],{},". Усередині них можна написати будь-який ",[5515,5631,5632],{},"TypeScript-вираз",", і React автоматично обчислить його значення та вставить у розмітку.",[5635,5636,5638],"h3",{"id":5637},"базовий-приклад-вставка-змінних","Базовий приклад: вставка змінних",[5640,5641,5646],"pre",{"className":5642,"code":5643,"language":5644,"meta":5645,"style":5645},"language-tsx shiki shiki-themes light-plus dark-plus dark-plus","function Greeting() {\n  const userName: string = \"Олександр\";\n  const currentYear: number = 2026;\n\n  return (\n    \u003Cdiv>\n      \u003Ch1>Привіт, {userName}!\u003C\u002Fh1>\n      \u003Cp>Поточний рік: {currentYear}\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  );\n}\n","tsx","",[5500,5647,5648,5665,5692,5713,5720,5730,5744,5778,5803,5813,5819],{"__ignoreMap":5645},[5649,5650,5653,5657,5661],"span",{"class":5651,"line":5652},"line",1,[5649,5654,5656],{"class":5655},"su1O8","function",[5649,5658,5660],{"class":5659},"s8Opu"," Greeting",[5649,5662,5664],{"class":5663},"sHH4Y","() {\n",[5649,5666,5668,5671,5675,5678,5682,5685,5689],{"class":5651,"line":5667},2,[5649,5669,5670],{"class":5655},"  const",[5649,5672,5674],{"class":5673},"s-QsJ"," userName",[5649,5676,5677],{"class":5663},": ",[5649,5679,5681],{"class":5680},"sN1BT","string",[5649,5683,5684],{"class":5663}," = ",[5649,5686,5688],{"class":5687},"sbdoH","\"Олександр\"",[5649,5690,5691],{"class":5663},";\n",[5649,5693,5695,5697,5700,5702,5705,5707,5711],{"class":5651,"line":5694},3,[5649,5696,5670],{"class":5655},[5649,5698,5699],{"class":5673}," currentYear",[5649,5701,5677],{"class":5663},[5649,5703,5704],{"class":5680},"number",[5649,5706,5684],{"class":5663},[5649,5708,5710],{"class":5709},"sJj4R","2026",[5649,5712,5691],{"class":5663},[5649,5714,5716],{"class":5651,"line":5715},4,[5649,5717,5719],{"emptyLinePlaceholder":5718},true,"\n",[5649,5721,5723,5727],{"class":5651,"line":5722},5,[5649,5724,5726],{"class":5725},"s8xlr","  return",[5649,5728,5729],{"class":5663}," (\n",[5649,5731,5733,5737,5741],{"class":5651,"line":5732},6,[5649,5734,5736],{"class":5735},"s0P7L","    \u003C",[5649,5738,5740],{"class":5739},"sKtos","div",[5649,5742,5743],{"class":5735},">\n",[5649,5745,5747,5750,5752,5755,5758,5761,5765,5768,5771,5774,5776],{"class":5651,"line":5746},7,[5649,5748,5749],{"class":5735},"      \u003C",[5649,5751,5472],{"class":5739},[5649,5753,5754],{"class":5735},">",[5649,5756,5757],{"class":5663},"Привіт, ",[5649,5759,5760],{"class":5655},"{",[5649,5762,5764],{"class":5763},"siwwj","userName",[5649,5766,5767],{"class":5655},"}",[5649,5769,5770],{"class":5663},"!",[5649,5772,5773],{"class":5735},"\u003C\u002F",[5649,5775,5472],{"class":5739},[5649,5777,5743],{"class":5735},[5649,5779,5781,5783,5785,5787,5790,5792,5795,5797,5799,5801],{"class":5651,"line":5780},8,[5649,5782,5749],{"class":5735},[5649,5784,5585],{"class":5739},[5649,5786,5754],{"class":5735},[5649,5788,5789],{"class":5663},"Поточний рік: ",[5649,5791,5760],{"class":5655},[5649,5793,5794],{"class":5763},"currentYear",[5649,5796,5767],{"class":5655},[5649,5798,5773],{"class":5735},[5649,5800,5585],{"class":5739},[5649,5802,5743],{"class":5735},[5649,5804,5806,5809,5811],{"class":5651,"line":5805},9,[5649,5807,5808],{"class":5735},"    \u003C\u002F",[5649,5810,5740],{"class":5739},[5649,5812,5743],{"class":5735},[5649,5814,5816],{"class":5651,"line":5815},10,[5649,5817,5818],{"class":5663},"  );\n",[5649,5820,5822],{"class":5651,"line":5821},11,[5649,5823,5824],{"class":5663},"}\n",[5585,5826,5827],{},[5515,5828,5829],{},"Результат у DOM:",[5640,5831,5835],{"className":5832,"code":5833,"language":5834,"meta":5645,"style":5645},"language-html shiki shiki-themes light-plus dark-plus dark-plus","\u003Cdiv>\n  \u003Ch1>Привіт, Олександр!\u003C\u002Fh1>\n  \u003Cp>Поточний рік: 2026\u003C\u002Fp>\n\u003C\u002Fdiv>\n","html",[5500,5836,5837,5846,5864,5881],{"__ignoreMap":5645},[5649,5838,5839,5842,5844],{"class":5651,"line":5652},[5649,5840,5841],{"class":5735},"\u003C",[5649,5843,5740],{"class":5739},[5649,5845,5743],{"class":5735},[5649,5847,5848,5851,5853,5855,5858,5860,5862],{"class":5651,"line":5667},[5649,5849,5850],{"class":5735},"  \u003C",[5649,5852,5472],{"class":5739},[5649,5854,5754],{"class":5735},[5649,5856,5857],{"class":5663},"Привіт, Олександр!",[5649,5859,5773],{"class":5735},[5649,5861,5472],{"class":5739},[5649,5863,5743],{"class":5735},[5649,5865,5866,5868,5870,5872,5875,5877,5879],{"class":5651,"line":5694},[5649,5867,5850],{"class":5735},[5649,5869,5585],{"class":5739},[5649,5871,5754],{"class":5735},[5649,5873,5874],{"class":5663},"Поточний рік: 2026",[5649,5876,5773],{"class":5735},[5649,5878,5585],{"class":5739},[5649,5880,5743],{"class":5735},[5649,5882,5883,5885,5887],{"class":5651,"line":5715},[5649,5884,5773],{"class":5735},[5649,5886,5740],{"class":5739},[5649,5888,5743],{"class":5735},[5585,5890,5891,5892,5895,5896,5898],{},"React ",[5515,5893,5894],{},"виконує вираз"," усередині ",[5500,5897,5502],{},", отримує результат та вставляє його як текстовий вузол.",[5900,5901,5902,5907,5918,5961,5977],"note",{},[5585,5903,5904],{},[5515,5905,5906],{},"Що таке вираз у TypeScript?",[5585,5908,5909,5518,5911,5913,5914,5917],{},[5515,5910,5517],{},[5520,5912,5522],{},") — це фрагмент коду, що ",[5515,5915,5916],{},"обчислюється до певного значення",". Приклади виразів:",[5484,5919,5920,5925,5931,5937,5943,5949,5955],{},[5487,5921,5922,5923],{},"Змінна: ",[5500,5924,5764],{},[5487,5926,5927,5928],{},"Число: ",[5500,5929,5930],{},"42",[5487,5932,5933,5934],{},"Рядок: ",[5500,5935,5936],{},"\"Привіт\"",[5487,5938,5939,5940],{},"Арифметика: ",[5500,5941,5942],{},"5 + 3",[5487,5944,5945,5946],{},"Виклик функції: ",[5500,5947,5948],{},"Math.random()",[5487,5950,5951,5952],{},"Тернарний оператор: ",[5500,5953,5954],{},"isActive ? \"Так\" : \"Ні\"",[5487,5956,5957,5958],{},"Логічні оператори: ",[5500,5959,5960],{},"isLoggedIn && \u003CMenu \u002F>",[5585,5962,5963,5518,5966,5969,5970,5973,5974,5976],{},[5515,5964,5965],{},"Інструкції",[5520,5967,5968],{},"statements",") ",[5515,5971,5972],{},"не є виразами"," і не можуть бути вставлені через ",[5500,5975,5502],{},":",[5484,5978,5979,5984,5989,5994],{},[5487,5980,5981],{},[5500,5982,5983],{},"if (...) { ... }",[5487,5985,5986],{},[5500,5987,5988],{},"for (...) { ... }",[5487,5990,5991],{},[5500,5992,5993],{},"while (...) { ... }",[5487,5995,5996],{},[5500,5997,5553],{},[5635,5999,6001],{"id":6000},"обчислювані-вирази","Обчислювані вирази",[5585,6003,6004,6005,6007],{},"Усередині ",[5500,6006,5502],{}," можна не лише використовувати змінні, а й виконувати обчислення:",[5640,6009,6011],{"className":5642,"code":6010,"language":5644,"meta":5645,"style":5645},"function PriceDisplay() {\n  const basePrice: number = 1000;\n  const tax: number = 0.20; \u002F\u002F 20% податок\n  const discount: number = 0.10; \u002F\u002F 10% знижка\n\n  const finalPrice: number = basePrice * (1 + tax) * (1 - discount);\n\n  return (\n    \u003Cdiv>\n      \u003Cp>Базова ціна: {basePrice} грн\u003C\u002Fp>\n      \u003Cp>Податок (20%): {basePrice * tax} грн\u003C\u002Fp>\n      \u003Cp>Знижка (10%): {basePrice * discount} грн\u003C\u002Fp>\n      \u003Cp>\u003Cstrong>Підсумкова ціна: {finalPrice.toFixed(2)} грн\u003C\u002Fstrong>\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  );\n}\n",[5500,6012,6013,6022,6040,6063,6084,6088,6130,6134,6140,6148,6174,6204,6234,6286,6295,6300],{"__ignoreMap":5645},[5649,6014,6015,6017,6020],{"class":5651,"line":5652},[5649,6016,5656],{"class":5655},[5649,6018,6019],{"class":5659}," PriceDisplay",[5649,6021,5664],{"class":5663},[5649,6023,6024,6026,6029,6031,6033,6035,6038],{"class":5651,"line":5667},[5649,6025,5670],{"class":5655},[5649,6027,6028],{"class":5673}," basePrice",[5649,6030,5677],{"class":5663},[5649,6032,5704],{"class":5680},[5649,6034,5684],{"class":5663},[5649,6036,6037],{"class":5709},"1000",[5649,6039,5691],{"class":5663},[5649,6041,6042,6044,6047,6049,6051,6053,6056,6059],{"class":5651,"line":5694},[5649,6043,5670],{"class":5655},[5649,6045,6046],{"class":5673}," tax",[5649,6048,5677],{"class":5663},[5649,6050,5704],{"class":5680},[5649,6052,5684],{"class":5663},[5649,6054,6055],{"class":5709},"0.20",[5649,6057,6058],{"class":5663},"; ",[5649,6060,6062],{"class":6061},"spJ8K","\u002F\u002F 20% податок\n",[5649,6064,6065,6067,6070,6072,6074,6076,6079,6081],{"class":5651,"line":5715},[5649,6066,5670],{"class":5655},[5649,6068,6069],{"class":5673}," discount",[5649,6071,5677],{"class":5663},[5649,6073,5704],{"class":5680},[5649,6075,5684],{"class":5663},[5649,6077,6078],{"class":5709},"0.10",[5649,6080,6058],{"class":5663},[5649,6082,6083],{"class":6061},"\u002F\u002F 10% знижка\n",[5649,6085,6086],{"class":5651,"line":5722},[5649,6087,5719],{"emptyLinePlaceholder":5718},[5649,6089,6090,6092,6095,6097,6099,6101,6104,6107,6110,6113,6116,6119,6121,6124,6127],{"class":5651,"line":5732},[5649,6091,5670],{"class":5655},[5649,6093,6094],{"class":5673}," finalPrice",[5649,6096,5677],{"class":5663},[5649,6098,5704],{"class":5680},[5649,6100,5684],{"class":5663},[5649,6102,6103],{"class":5763},"basePrice",[5649,6105,6106],{"class":5663}," * (",[5649,6108,6109],{"class":5709},"1",[5649,6111,6112],{"class":5663}," + ",[5649,6114,6115],{"class":5763},"tax",[5649,6117,6118],{"class":5663},") * (",[5649,6120,6109],{"class":5709},[5649,6122,6123],{"class":5663}," - ",[5649,6125,6126],{"class":5763},"discount",[5649,6128,6129],{"class":5663},");\n",[5649,6131,6132],{"class":5651,"line":5746},[5649,6133,5719],{"emptyLinePlaceholder":5718},[5649,6135,6136,6138],{"class":5651,"line":5780},[5649,6137,5726],{"class":5725},[5649,6139,5729],{"class":5663},[5649,6141,6142,6144,6146],{"class":5651,"line":5805},[5649,6143,5736],{"class":5735},[5649,6145,5740],{"class":5739},[5649,6147,5743],{"class":5735},[5649,6149,6150,6152,6154,6156,6159,6161,6163,6165,6168,6170,6172],{"class":5651,"line":5815},[5649,6151,5749],{"class":5735},[5649,6153,5585],{"class":5739},[5649,6155,5754],{"class":5735},[5649,6157,6158],{"class":5663},"Базова ціна: ",[5649,6160,5760],{"class":5655},[5649,6162,6103],{"class":5763},[5649,6164,5767],{"class":5655},[5649,6166,6167],{"class":5663}," грн",[5649,6169,5773],{"class":5735},[5649,6171,5585],{"class":5739},[5649,6173,5743],{"class":5735},[5649,6175,6176,6178,6180,6182,6185,6187,6189,6192,6194,6196,6198,6200,6202],{"class":5651,"line":5821},[5649,6177,5749],{"class":5735},[5649,6179,5585],{"class":5739},[5649,6181,5754],{"class":5735},[5649,6183,6184],{"class":5663},"Податок (20%): ",[5649,6186,5760],{"class":5655},[5649,6188,6103],{"class":5763},[5649,6190,6191],{"class":5663}," *",[5649,6193,6046],{"class":5763},[5649,6195,5767],{"class":5655},[5649,6197,6167],{"class":5663},[5649,6199,5773],{"class":5735},[5649,6201,5585],{"class":5739},[5649,6203,5743],{"class":5735},[5649,6205,6207,6209,6211,6213,6216,6218,6220,6222,6224,6226,6228,6230,6232],{"class":5651,"line":6206},12,[5649,6208,5749],{"class":5735},[5649,6210,5585],{"class":5739},[5649,6212,5754],{"class":5735},[5649,6214,6215],{"class":5663},"Знижка (10%): ",[5649,6217,5760],{"class":5655},[5649,6219,6103],{"class":5763},[5649,6221,6191],{"class":5663},[5649,6223,6069],{"class":5763},[5649,6225,5767],{"class":5655},[5649,6227,6167],{"class":5663},[5649,6229,5773],{"class":5735},[5649,6231,5585],{"class":5739},[5649,6233,5743],{"class":5735},[5649,6235,6237,6239,6241,6244,6246,6248,6251,6253,6256,6259,6262,6265,6268,6271,6273,6275,6277,6279,6282,6284],{"class":5651,"line":6236},13,[5649,6238,5749],{"class":5735},[5649,6240,5585],{"class":5739},[5649,6242,6243],{"class":5735},">\u003C",[5649,6245,5515],{"class":5739},[5649,6247,5754],{"class":5735},[5649,6249,6250],{"class":5663},"Підсумкова ціна: ",[5649,6252,5760],{"class":5655},[5649,6254,6255],{"class":5763},"finalPrice",[5649,6257,5554],{"class":6258},"sD7JJ",[5649,6260,6261],{"class":5659},"toFixed",[5649,6263,6264],{"class":6258},"(",[5649,6266,6267],{"class":5709},"2",[5649,6269,6270],{"class":6258},")",[5649,6272,5767],{"class":5655},[5649,6274,6167],{"class":5663},[5649,6276,5773],{"class":5735},[5649,6278,5515],{"class":5739},[5649,6280,6281],{"class":5735},">\u003C\u002F",[5649,6283,5585],{"class":5739},[5649,6285,5743],{"class":5735},[5649,6287,6289,6291,6293],{"class":5651,"line":6288},14,[5649,6290,5808],{"class":5735},[5649,6292,5740],{"class":5739},[5649,6294,5743],{"class":5735},[5649,6296,6298],{"class":5651,"line":6297},15,[5649,6299,5818],{"class":5663},[5649,6301,6303],{"class":5651,"line":6302},16,[5649,6304,5824],{"class":5663},[5585,6306,6307],{},[5515,6308,6309],{},"TypeScript перевіряє типи:",[5640,6311,6313],{"className":5642,"code":6312,"language":5644,"meta":5645,"style":5645},"const price: number = 1000;\nconst label: string = \"Ціна: \" + price; \u002F\u002F ✅ OK\n\n\u002F\u002F ❌ TypeScript покаже помилку:\n\u002F\u002F const invalid: number = \"текст\" + 5;\n",[5500,6314,6315,6333,6359,6363,6368],{"__ignoreMap":5645},[5649,6316,6317,6320,6323,6325,6327,6329,6331],{"class":5651,"line":5652},[5649,6318,6319],{"class":5655},"const",[5649,6321,6322],{"class":5673}," price",[5649,6324,5677],{"class":5663},[5649,6326,5704],{"class":5680},[5649,6328,5684],{"class":5663},[5649,6330,6037],{"class":5709},[5649,6332,5691],{"class":5663},[5649,6334,6335,6337,6340,6342,6344,6346,6349,6351,6354,6356],{"class":5651,"line":5667},[5649,6336,6319],{"class":5655},[5649,6338,6339],{"class":5673}," label",[5649,6341,5677],{"class":5663},[5649,6343,5681],{"class":5680},[5649,6345,5684],{"class":5663},[5649,6347,6348],{"class":5687},"\"Ціна: \"",[5649,6350,6112],{"class":5663},[5649,6352,6353],{"class":5763},"price",[5649,6355,6058],{"class":5663},[5649,6357,6358],{"class":6061},"\u002F\u002F ✅ OK\n",[5649,6360,6361],{"class":5651,"line":5694},[5649,6362,5719],{"emptyLinePlaceholder":5718},[5649,6364,6365],{"class":5651,"line":5715},[5649,6366,6367],{"class":6061},"\u002F\u002F ❌ TypeScript покаже помилку:\n",[5649,6369,6370],{"class":5651,"line":5722},[5649,6371,6372],{"class":6061},"\u002F\u002F const invalid: number = \"текст\" + 5;\n",[5635,6374,6376],{"id":6375},"виклики-функцій","Виклики функцій",[5640,6378,6380],{"className":5642,"code":6379,"language":5644,"meta":5645,"style":5645},"function formatDate(date: Date): string {\n  return date.toLocaleDateString(\"uk-UA\", {\n    year: \"numeric\",\n    month: \"long\",\n    day: \"numeric\",\n  });\n}\n\nfunction DateDisplay() {\n  const today: Date = new Date();\n\n  return (\n    \u003Cdiv>\n      \u003Cp>Сьогодні: {formatDate(today)}\u003C\u002Fp>\n      \u003Cp>Час: {today.toLocaleTimeString(\"uk-UA\")}\u003C\u002Fp>\n    \u003C\u002Fdiv>\n  );\n}\n",[5500,6381,6382,6407,6427,6438,6448,6457,6462,6466,6470,6479,6501,6505,6511,6519,6550,6584,6592,6597],{"__ignoreMap":5645},[5649,6383,6384,6386,6389,6391,6394,6396,6399,6402,6404],{"class":5651,"line":5652},[5649,6385,5656],{"class":5655},[5649,6387,6388],{"class":5659}," formatDate",[5649,6390,6264],{"class":5663},[5649,6392,6393],{"class":5763},"date",[5649,6395,5677],{"class":5663},[5649,6397,6398],{"class":5680},"Date",[5649,6400,6401],{"class":5663},"): ",[5649,6403,5681],{"class":5680},[5649,6405,6406],{"class":5663}," {\n",[5649,6408,6409,6411,6414,6416,6419,6421,6424],{"class":5651,"line":5667},[5649,6410,5726],{"class":5725},[5649,6412,6413],{"class":5763}," date",[5649,6415,5554],{"class":5663},[5649,6417,6418],{"class":5659},"toLocaleDateString",[5649,6420,6264],{"class":5663},[5649,6422,6423],{"class":5687},"\"uk-UA\"",[5649,6425,6426],{"class":5663},", {\n",[5649,6428,6429,6432,6435],{"class":5651,"line":5694},[5649,6430,6431],{"class":5763},"    year:",[5649,6433,6434],{"class":5687}," \"numeric\"",[5649,6436,6437],{"class":5663},",\n",[5649,6439,6440,6443,6446],{"class":5651,"line":5715},[5649,6441,6442],{"class":5763},"    month:",[5649,6444,6445],{"class":5687}," \"long\"",[5649,6447,6437],{"class":5663},[5649,6449,6450,6453,6455],{"class":5651,"line":5722},[5649,6451,6452],{"class":5763},"    day:",[5649,6454,6434],{"class":5687},[5649,6456,6437],{"class":5663},[5649,6458,6459],{"class":5651,"line":5732},[5649,6460,6461],{"class":5663},"  });\n",[5649,6463,6464],{"class":5651,"line":5746},[5649,6465,5824],{"class":5663},[5649,6467,6468],{"class":5651,"line":5780},[5649,6469,5719],{"emptyLinePlaceholder":5718},[5649,6471,6472,6474,6477],{"class":5651,"line":5805},[5649,6473,5656],{"class":5655},[5649,6475,6476],{"class":5659}," DateDisplay",[5649,6478,5664],{"class":5663},[5649,6480,6481,6483,6486,6488,6490,6492,6495,6498],{"class":5651,"line":5815},[5649,6482,5670],{"class":5655},[5649,6484,6485],{"class":5673}," today",[5649,6487,5677],{"class":5663},[5649,6489,6398],{"class":5680},[5649,6491,5684],{"class":5663},[5649,6493,6494],{"class":5655},"new",[5649,6496,6497],{"class":5659}," Date",[5649,6499,6500],{"class":5663},"();\n",[5649,6502,6503],{"class":5651,"line":5821},[5649,6504,5719],{"emptyLinePlaceholder":5718},[5649,6506,6507,6509],{"class":5651,"line":6206},[5649,6508,5726],{"class":5725},[5649,6510,5729],{"class":5663},[5649,6512,6513,6515,6517],{"class":5651,"line":6236},[5649,6514,5736],{"class":5735},[5649,6516,5740],{"class":5739},[5649,6518,5743],{"class":5735},[5649,6520,6521,6523,6525,6527,6530,6532,6535,6537,6540,6542,6544,6546,6548],{"class":5651,"line":6288},[5649,6522,5749],{"class":5735},[5649,6524,5585],{"class":5739},[5649,6526,5754],{"class":5735},[5649,6528,6529],{"class":5663},"Сьогодні: ",[5649,6531,5760],{"class":5655},[5649,6533,6534],{"class":5659},"formatDate",[5649,6536,6264],{"class":6258},[5649,6538,6539],{"class":5763},"today",[5649,6541,6270],{"class":6258},[5649,6543,5767],{"class":5655},[5649,6545,5773],{"class":5735},[5649,6547,5585],{"class":5739},[5649,6549,5743],{"class":5735},[5649,6551,6552,6554,6556,6558,6561,6563,6565,6567,6570,6572,6574,6576,6578,6580,6582],{"class":5651,"line":6297},[5649,6553,5749],{"class":5735},[5649,6555,5585],{"class":5739},[5649,6557,5754],{"class":5735},[5649,6559,6560],{"class":5663},"Час: ",[5649,6562,5760],{"class":5655},[5649,6564,6539],{"class":5763},[5649,6566,5554],{"class":6258},[5649,6568,6569],{"class":5659},"toLocaleTimeString",[5649,6571,6264],{"class":6258},[5649,6573,6423],{"class":5687},[5649,6575,6270],{"class":6258},[5649,6577,5767],{"class":5655},[5649,6579,5773],{"class":5735},[5649,6581,5585],{"class":5739},[5649,6583,5743],{"class":5735},[5649,6585,6586,6588,6590],{"class":5651,"line":6302},[5649,6587,5808],{"class":5735},[5649,6589,5740],{"class":5739},[5649,6591,5743],{"class":5735},[5649,6593,6595],{"class":5651,"line":6594},17,[5649,6596,5818],{"class":5663},[5649,6598,6600],{"class":5651,"line":6599},18,[5649,6601,5824],{"class":5663},[5585,6603,6604,6605,6608],{},"React викличе функцію ",[5500,6606,6607],{},"formatDate(today)",", отримає рядок і вставить його як текст.",[6610,6611,6612,6617,6627],"tip",{},[5585,6613,6614],{},[5515,6615,6616],{},"Чисті функції у виразах JSX:",[5585,6618,6619,6620,6622,6623,6626],{},"Функції, які викликаються всередині ",[5500,6621,5502],{},", мають бути ",[5515,6624,6625],{},"чистими"," — повертати однаковий результат для однакових вхідних даних без побічних ефектів (не змінювати зовнішній стан, не викликати мережеві запити).",[5585,6628,6629,6630,6633,6634,6637],{},"Якщо функція має побічні ефекти (наприклад, ",[5500,6631,6632],{},"console.log","), вона виконається ",[5515,6635,6636],{},"при кожному рендері",", що може призвести до несподіваної поведінки.",[5607,6639],{},[5610,6641,6643],{"id":6642},"динамічне-формування-атрибутів","Динамічне формування атрибутів",[5585,6645,6646,6647,5554],{},"Фігурні дужки можна використовувати не лише для текстового контенту, а й для ",[5515,6648,6649],{},"значень атрибутів",[5635,6651,6653,6654,5544,6657,5544,6660],{"id":6652},"динамічні-src-alt-href","Динамічні ",[5500,6655,6656],{},"src",[5500,6658,6659],{},"alt",[5500,6661,6662],{},"href",[5640,6664,6666],{"className":5642,"code":6665,"language":5644,"meta":5645,"style":5645},"function ProductImage() {\n  \u002F\u002F Локальні змінні всередині компонента\n  const imageUrl: string = \"\u002Fimages\u002Flaptop.jpg\";\n  const productName: string = \"Ноутбук Lenovo ThinkPad\";\n\n  return (\n    \u003Cimg \n      src={imageUrl} \n      alt={`Зображення товару: ${productName}`}\n      width={300}\n      height={300}\n    \u002F>\n  );\n}\n",[5500,6667,6668,6677,6682,6700,6718,6722,6728,6738,6756,6781,6795,6808,6813,6817],{"__ignoreMap":5645},[5649,6669,6670,6672,6675],{"class":5651,"line":5652},[5649,6671,5656],{"class":5655},[5649,6673,6674],{"class":5659}," ProductImage",[5649,6676,5664],{"class":5663},[5649,6678,6679],{"class":5651,"line":5667},[5649,6680,6681],{"class":6061},"  \u002F\u002F Локальні змінні всередині компонента\n",[5649,6683,6684,6686,6689,6691,6693,6695,6698],{"class":5651,"line":5694},[5649,6685,5670],{"class":5655},[5649,6687,6688],{"class":5673}," imageUrl",[5649,6690,5677],{"class":5663},[5649,6692,5681],{"class":5680},[5649,6694,5684],{"class":5663},[5649,6696,6697],{"class":5687},"\"\u002Fimages\u002Flaptop.jpg\"",[5649,6699,5691],{"class":5663},[5649,6701,6702,6704,6707,6709,6711,6713,6716],{"class":5651,"line":5715},[5649,6703,5670],{"class":5655},[5649,6705,6706],{"class":5673}," productName",[5649,6708,5677],{"class":5663},[5649,6710,5681],{"class":5680},[5649,6712,5684],{"class":5663},[5649,6714,6715],{"class":5687},"\"Ноутбук Lenovo ThinkPad\"",[5649,6717,5691],{"class":5663},[5649,6719,6720],{"class":5651,"line":5722},[5649,6721,5719],{"emptyLinePlaceholder":5718},[5649,6723,6724,6726],{"class":5651,"line":5732},[5649,6725,5726],{"class":5725},[5649,6727,5729],{"class":5663},[5649,6729,6730,6732,6735],{"class":5651,"line":5746},[5649,6731,5736],{"class":5735},[5649,6733,6734],{"class":5739},"img",[5649,6736,6737],{"class":5663}," \n",[5649,6739,6740,6744,6747,6749,6752,6754],{"class":5651,"line":5780},[5649,6741,6743],{"class":6742},"sa4r_","      src",[5649,6745,6746],{"class":5663},"=",[5649,6748,5760],{"class":5655},[5649,6750,6751],{"class":5763},"imageUrl",[5649,6753,5767],{"class":5655},[5649,6755,6737],{"class":5663},[5649,6757,6758,6761,6763,6765,6768,6771,6774,6776,6779],{"class":5651,"line":5805},[5649,6759,6760],{"class":6742},"      alt",[5649,6762,6746],{"class":5663},[5649,6764,5760],{"class":5655},[5649,6766,6767],{"class":5687},"`Зображення товару: ",[5649,6769,6770],{"class":5655},"${",[5649,6772,6773],{"class":5763},"productName",[5649,6775,5767],{"class":5655},[5649,6777,6778],{"class":5687},"`",[5649,6780,5824],{"class":5655},[5649,6782,6783,6786,6788,6790,6793],{"class":5651,"line":5815},[5649,6784,6785],{"class":6742},"      width",[5649,6787,6746],{"class":5663},[5649,6789,5760],{"class":5655},[5649,6791,6792],{"class":5709},"300",[5649,6794,5824],{"class":5655},[5649,6796,6797,6800,6802,6804,6806],{"class":5651,"line":5821},[5649,6798,6799],{"class":6742},"      height",[5649,6801,6746],{"class":5663},[5649,6803,5760],{"class":5655},[5649,6805,6792],{"class":5709},[5649,6807,5824],{"class":5655},[5649,6809,6810],{"class":5651,"line":6206},[5649,6811,6812],{"class":5735},"    \u002F>\n",[5649,6814,6815],{"class":5651,"line":6236},[5649,6816,5818],{"class":5663},[5649,6818,6819],{"class":5651,"line":6288},[5649,6820,5824],{"class":5663},[5585,6822,6823],{},[5515,6824,5829],{},[5640,6826,6828],{"className":5832,"code":6827,"language":5834,"meta":5645,"style":5645},"\u003Cimg \n  src=\"\u002Fimages\u002Flaptop.jpg\" \n  alt=\"Зображення товару: Ноутбук Lenovo ThinkPad\"\n  width=\"300\"\n  height=\"300\"\n\u002F>\n",[5500,6829,6830,6838,6850,6860,6870,6879],{"__ignoreMap":5645},[5649,6831,6832,6834,6836],{"class":5651,"line":5652},[5649,6833,5841],{"class":5735},[5649,6835,6734],{"class":5739},[5649,6837,6737],{"class":5663},[5649,6839,6840,6843,6845,6848],{"class":5651,"line":5667},[5649,6841,6842],{"class":6742},"  src",[5649,6844,6746],{"class":5663},[5649,6846,6697],{"class":6847},"su9tN",[5649,6849,6737],{"class":5663},[5649,6851,6852,6855,6857],{"class":5651,"line":5694},[5649,6853,6854],{"class":6742},"  alt",[5649,6856,6746],{"class":5663},[5649,6858,6859],{"class":6847},"\"Зображення товару: Ноутбук Lenovo ThinkPad\"\n",[5649,6861,6862,6865,6867],{"class":5651,"line":5715},[5649,6863,6864],{"class":6742},"  width",[5649,6866,6746],{"class":5663},[5649,6868,6869],{"class":6847},"\"300\"\n",[5649,6871,6872,6875,6877],{"class":5651,"line":5722},[5649,6873,6874],{"class":6742},"  height",[5649,6876,6746],{"class":5663},[5649,6878,6869],{"class":6847},[5649,6880,6881],{"class":5651,"line":5732},[5649,6882,6883],{"class":5735},"\u002F>\n",[5635,6885,6887,6888],{"id":6886},"динамічні-класи-через-classname","Динамічні класи через ",[5500,6889,6890],{},"className",[5585,6892,6893],{},"Найпоширеніший випадок — зміна класу залежно від даних:",[5640,6895,6897],{"className":5642,"code":6896,"language":5644,"meta":5645,"style":5645},"function StatusMessage() {\n  \u002F\u002F Локальні змінні\n  const isError: boolean = false;\n  const messageType: string = isError ? \"error\" : \"success\";\n  \n  \u002F\u002F Формуємо рядок класів динамічно\n  const messageClass: string = `message message-${messageType}`;\n\n  return (\n    \u003Cdiv className={messageClass}>\n      {isError ? \"Сталася помилка\" : \"Операція успішна\"}\n    \u003C\u002Fdiv>\n  );\n}\n\n\u002F\u002F Результат: \u003Cdiv class=\"message message-success\">Операція успішна\u003C\u002Fdiv>\n",[5500,6898,6899,6908,6913,6932,6962,6967,6972,6999,7003,7009,7029,7050,7058,7062,7066,7070],{"__ignoreMap":5645},[5649,6900,6901,6903,6906],{"class":5651,"line":5652},[5649,6902,5656],{"class":5655},[5649,6904,6905],{"class":5659}," StatusMessage",[5649,6907,5664],{"class":5663},[5649,6909,6910],{"class":5651,"line":5667},[5649,6911,6912],{"class":6061},"  \u002F\u002F Локальні змінні\n",[5649,6914,6915,6917,6920,6922,6925,6927,6930],{"class":5651,"line":5694},[5649,6916,5670],{"class":5655},[5649,6918,6919],{"class":5673}," isError",[5649,6921,5677],{"class":5663},[5649,6923,6924],{"class":5680},"boolean",[5649,6926,5684],{"class":5663},[5649,6928,6929],{"class":5655},"false",[5649,6931,5691],{"class":5663},[5649,6933,6934,6936,6939,6941,6943,6945,6948,6951,6954,6957,6960],{"class":5651,"line":5715},[5649,6935,5670],{"class":5655},[5649,6937,6938],{"class":5673}," messageType",[5649,6940,5677],{"class":5663},[5649,6942,5681],{"class":5680},[5649,6944,5684],{"class":5663},[5649,6946,6947],{"class":5763},"isError",[5649,6949,6950],{"class":5663}," ? ",[5649,6952,6953],{"class":5687},"\"error\"",[5649,6955,6956],{"class":5663}," : ",[5649,6958,6959],{"class":5687},"\"success\"",[5649,6961,5691],{"class":5663},[5649,6963,6964],{"class":5651,"line":5722},[5649,6965,6966],{"class":5663},"  \n",[5649,6968,6969],{"class":5651,"line":5732},[5649,6970,6971],{"class":6061},"  \u002F\u002F Формуємо рядок класів динамічно\n",[5649,6973,6974,6976,6979,6981,6983,6985,6988,6990,6993,6995,6997],{"class":5651,"line":5746},[5649,6975,5670],{"class":5655},[5649,6977,6978],{"class":5673}," messageClass",[5649,6980,5677],{"class":5663},[5649,6982,5681],{"class":5680},[5649,6984,5684],{"class":5663},[5649,6986,6987],{"class":5687},"`message message-",[5649,6989,6770],{"class":5655},[5649,6991,6992],{"class":5763},"messageType",[5649,6994,5767],{"class":5655},[5649,6996,6778],{"class":5687},[5649,6998,5691],{"class":5663},[5649,7000,7001],{"class":5651,"line":5780},[5649,7002,5719],{"emptyLinePlaceholder":5718},[5649,7004,7005,7007],{"class":5651,"line":5805},[5649,7006,5726],{"class":5725},[5649,7008,5729],{"class":5663},[5649,7010,7011,7013,7015,7018,7020,7022,7025,7027],{"class":5651,"line":5815},[5649,7012,5736],{"class":5735},[5649,7014,5740],{"class":5739},[5649,7016,7017],{"class":6742}," className",[5649,7019,6746],{"class":5663},[5649,7021,5760],{"class":5655},[5649,7023,7024],{"class":5763},"messageClass",[5649,7026,5767],{"class":5655},[5649,7028,5743],{"class":5735},[5649,7030,7031,7034,7036,7039,7042,7045,7048],{"class":5651,"line":5821},[5649,7032,7033],{"class":5655},"      {",[5649,7035,6947],{"class":5763},[5649,7037,7038],{"class":5663}," ?",[5649,7040,7041],{"class":5687}," \"Сталася помилка\"",[5649,7043,7044],{"class":5663}," :",[5649,7046,7047],{"class":5687}," \"Операція успішна\"",[5649,7049,5824],{"class":5655},[5649,7051,7052,7054,7056],{"class":5651,"line":6206},[5649,7053,5808],{"class":5735},[5649,7055,5740],{"class":5739},[5649,7057,5743],{"class":5735},[5649,7059,7060],{"class":5651,"line":6236},[5649,7061,5818],{"class":5663},[5649,7063,7064],{"class":5651,"line":6288},[5649,7065,5824],{"class":5663},[5649,7067,7068],{"class":5651,"line":6297},[5649,7069,5719],{"emptyLinePlaceholder":5718},[5649,7071,7072],{"class":5651,"line":6302},[5649,7073,7074],{"class":6061},"\u002F\u002F Результат: \u003Cdiv class=\"message message-success\">Операція успішна\u003C\u002Fdiv>\n",[5585,7076,7077],{},[5515,7078,7079],{},"Альтернативний підхід через умовний вираз:",[5640,7081,7083],{"className":5642,"code":7082,"language":5644,"meta":5645,"style":5645},"function ToggleButton() {\n  const isActive: boolean = true;\n  const label: string = \"Натисни мене\";\n\n  return (\n    \u003Cbutton className={isActive ? \"btn btn-active\" : \"btn btn-inactive\"}>\n      {label}\n    \u003C\u002Fbutton>\n  );\n}\n",[5500,7084,7085,7094,7112,7129,7133,7139,7169,7178,7186,7190],{"__ignoreMap":5645},[5649,7086,7087,7089,7092],{"class":5651,"line":5652},[5649,7088,5656],{"class":5655},[5649,7090,7091],{"class":5659}," ToggleButton",[5649,7093,5664],{"class":5663},[5649,7095,7096,7098,7101,7103,7105,7107,7110],{"class":5651,"line":5667},[5649,7097,5670],{"class":5655},[5649,7099,7100],{"class":5673}," isActive",[5649,7102,5677],{"class":5663},[5649,7104,6924],{"class":5680},[5649,7106,5684],{"class":5663},[5649,7108,7109],{"class":5655},"true",[5649,7111,5691],{"class":5663},[5649,7113,7114,7116,7118,7120,7122,7124,7127],{"class":5651,"line":5694},[5649,7115,5670],{"class":5655},[5649,7117,6339],{"class":5673},[5649,7119,5677],{"class":5663},[5649,7121,5681],{"class":5680},[5649,7123,5684],{"class":5663},[5649,7125,7126],{"class":5687},"\"Натисни мене\"",[5649,7128,5691],{"class":5663},[5649,7130,7131],{"class":5651,"line":5715},[5649,7132,5719],{"emptyLinePlaceholder":5718},[5649,7134,7135,7137],{"class":5651,"line":5722},[5649,7136,5726],{"class":5725},[5649,7138,5729],{"class":5663},[5649,7140,7141,7143,7146,7148,7150,7152,7155,7157,7160,7162,7165,7167],{"class":5651,"line":5732},[5649,7142,5736],{"class":5735},[5649,7144,7145],{"class":5739},"button",[5649,7147,7017],{"class":6742},[5649,7149,6746],{"class":5663},[5649,7151,5760],{"class":5655},[5649,7153,7154],{"class":5763},"isActive",[5649,7156,7038],{"class":5663},[5649,7158,7159],{"class":5687}," \"btn btn-active\"",[5649,7161,7044],{"class":5663},[5649,7163,7164],{"class":5687}," \"btn btn-inactive\"",[5649,7166,5767],{"class":5655},[5649,7168,5743],{"class":5735},[5649,7170,7171,7173,7176],{"class":5651,"line":5746},[5649,7172,7033],{"class":5655},[5649,7174,7175],{"class":5763},"label",[5649,7177,5824],{"class":5655},[5649,7179,7180,7182,7184],{"class":5651,"line":5780},[5649,7181,5808],{"class":5735},[5649,7183,7145],{"class":5739},[5649,7185,5743],{"class":5735},[5649,7187,7188],{"class":5651,"line":5805},[5649,7189,5818],{"class":5663},[5649,7191,7192],{"class":5651,"line":5815},[5649,7193,5824],{"class":5663},[5585,7195,7196],{},[5515,7197,7198],{},"Складніший приклад із кількома умовами:",[5640,7200,7202],{"className":5642,"code":7201,"language":5644,"meta":5645,"style":5645},"function StatusBadge() {\n  const status: \"success\" | \"warning\" | \"error\" = \"success\";\n  const size: \"small\" | \"medium\" | \"large\" = \"medium\";\n\n  const baseClass = \"badge\";\n  const statusClass = `badge-${status}`;\n  const sizeClass = `badge-${size}`;\n\n  \u002F\u002F Об'єднуємо класи\n  const className = [baseClass, statusClass, sizeClass].join(\" \");\n\n  return \u003Cspan className={className}>{status.toUpperCase()}\u003C\u002Fspan>;\n}\n\n\u002F\u002F Результат: \u003Cspan class=\"badge badge-success badge-medium\">SUCCESS\u003C\u002Fspan>\n",[5500,7203,7204,7213,7240,7268,7272,7286,7309,7331,7335,7340,7375,7379,7422,7426,7430],{"__ignoreMap":5645},[5649,7205,7206,7208,7211],{"class":5651,"line":5652},[5649,7207,5656],{"class":5655},[5649,7209,7210],{"class":5659}," StatusBadge",[5649,7212,5664],{"class":5663},[5649,7214,7215,7217,7220,7222,7224,7227,7230,7232,7234,7236,7238],{"class":5651,"line":5667},[5649,7216,5670],{"class":5655},[5649,7218,7219],{"class":5673}," status",[5649,7221,5677],{"class":5663},[5649,7223,6959],{"class":5687},[5649,7225,7226],{"class":5663}," | ",[5649,7228,7229],{"class":5687},"\"warning\"",[5649,7231,7226],{"class":5663},[5649,7233,6953],{"class":5687},[5649,7235,5684],{"class":5663},[5649,7237,6959],{"class":5687},[5649,7239,5691],{"class":5663},[5649,7241,7242,7244,7247,7249,7252,7254,7257,7259,7262,7264,7266],{"class":5651,"line":5694},[5649,7243,5670],{"class":5655},[5649,7245,7246],{"class":5673}," size",[5649,7248,5677],{"class":5663},[5649,7250,7251],{"class":5687},"\"small\"",[5649,7253,7226],{"class":5663},[5649,7255,7256],{"class":5687},"\"medium\"",[5649,7258,7226],{"class":5663},[5649,7260,7261],{"class":5687},"\"large\"",[5649,7263,5684],{"class":5663},[5649,7265,7256],{"class":5687},[5649,7267,5691],{"class":5663},[5649,7269,7270],{"class":5651,"line":5715},[5649,7271,5719],{"emptyLinePlaceholder":5718},[5649,7273,7274,7276,7279,7281,7284],{"class":5651,"line":5722},[5649,7275,5670],{"class":5655},[5649,7277,7278],{"class":5673}," baseClass",[5649,7280,5684],{"class":5663},[5649,7282,7283],{"class":5687},"\"badge\"",[5649,7285,5691],{"class":5663},[5649,7287,7288,7290,7293,7295,7298,7300,7303,7305,7307],{"class":5651,"line":5732},[5649,7289,5670],{"class":5655},[5649,7291,7292],{"class":5673}," statusClass",[5649,7294,5684],{"class":5663},[5649,7296,7297],{"class":5687},"`badge-",[5649,7299,6770],{"class":5655},[5649,7301,7302],{"class":5763},"status",[5649,7304,5767],{"class":5655},[5649,7306,6778],{"class":5687},[5649,7308,5691],{"class":5663},[5649,7310,7311,7313,7316,7318,7320,7322,7325,7327,7329],{"class":5651,"line":5746},[5649,7312,5670],{"class":5655},[5649,7314,7315],{"class":5673}," sizeClass",[5649,7317,5684],{"class":5663},[5649,7319,7297],{"class":5687},[5649,7321,6770],{"class":5655},[5649,7323,7324],{"class":5763},"size",[5649,7326,5767],{"class":5655},[5649,7328,6778],{"class":5687},[5649,7330,5691],{"class":5663},[5649,7332,7333],{"class":5651,"line":5780},[5649,7334,5719],{"emptyLinePlaceholder":5718},[5649,7336,7337],{"class":5651,"line":5805},[5649,7338,7339],{"class":6061},"  \u002F\u002F Об'єднуємо класи\n",[5649,7341,7342,7344,7346,7349,7352,7354,7357,7359,7362,7365,7368,7370,7373],{"class":5651,"line":5815},[5649,7343,5670],{"class":5655},[5649,7345,7017],{"class":5673},[5649,7347,7348],{"class":5663}," = [",[5649,7350,7351],{"class":5763},"baseClass",[5649,7353,5544],{"class":5663},[5649,7355,7356],{"class":5763},"statusClass",[5649,7358,5544],{"class":5663},[5649,7360,7361],{"class":5763},"sizeClass",[5649,7363,7364],{"class":5663},"].",[5649,7366,7367],{"class":5659},"join",[5649,7369,6264],{"class":5663},[5649,7371,7372],{"class":5687},"\" \"",[5649,7374,6129],{"class":5663},[5649,7376,7377],{"class":5651,"line":5821},[5649,7378,5719],{"emptyLinePlaceholder":5718},[5649,7380,7381,7383,7386,7388,7390,7392,7394,7396,7398,7400,7402,7404,7406,7409,7412,7414,7416,7418,7420],{"class":5651,"line":6206},[5649,7382,5726],{"class":5725},[5649,7384,7385],{"class":5735}," \u003C",[5649,7387,5649],{"class":5739},[5649,7389,7017],{"class":6742},[5649,7391,6746],{"class":5663},[5649,7393,5760],{"class":5655},[5649,7395,6890],{"class":5763},[5649,7397,5767],{"class":5655},[5649,7399,5754],{"class":5735},[5649,7401,5760],{"class":5655},[5649,7403,7302],{"class":5763},[5649,7405,5554],{"class":6258},[5649,7407,7408],{"class":5659},"toUpperCase",[5649,7410,7411],{"class":6258},"()",[5649,7413,5767],{"class":5655},[5649,7415,5773],{"class":5735},[5649,7417,5649],{"class":5739},[5649,7419,5754],{"class":5735},[5649,7421,5691],{"class":5663},[5649,7423,7424],{"class":5651,"line":6236},[5649,7425,5824],{"class":5663},[5649,7427,7428],{"class":5651,"line":6288},[5649,7429,5719],{"emptyLinePlaceholder":5718},[5649,7431,7432],{"class":5651,"line":6297},[5649,7433,7434],{"class":6061},"\u002F\u002F Результат: \u003Cspan class=\"badge badge-success badge-medium\">SUCCESS\u003C\u002Fspan>\n",[6610,7436,7437,7446,7451],{},[5585,7438,7439],{},[5515,7440,7441,7442,7445],{},"Бібліотека ",[5500,7443,7444],{},"clsx"," для складних класів:",[5585,7447,7448,7449,5976],{},"Для проєктів із великою кількістю умовних класів рекомендується бібліотека ",[5500,7450,7444],{},[5640,7452,7454],{"className":5642,"code":7453,"language":5644,"meta":5645,"style":5645},"import clsx from \"clsx\";\n\nfunction Button({ variant, size, disabled }: ButtonProps) {\n  return (\n    \u003Cbutton \n      className={clsx(\n        \"btn\",\n        `btn-${variant}`,\n        `btn-${size}`,\n        { \"btn-disabled\": disabled }\n      )}\n    >\n      Кнопка\n    \u003C\u002Fbutton>\n  );\n}\n",[5500,7455,7456,7472,7476,7507,7513,7521,7535,7542,7557,7571,7587,7594,7599,7604,7612,7616],{"__ignoreMap":5645},[5649,7457,7458,7461,7464,7467,7470],{"class":5651,"line":5652},[5649,7459,7460],{"class":5725},"import",[5649,7462,7463],{"class":5763}," clsx",[5649,7465,7466],{"class":5725}," from",[5649,7468,7469],{"class":5687}," \"clsx\"",[5649,7471,5691],{"class":5663},[5649,7473,7474],{"class":5651,"line":5667},[5649,7475,5719],{"emptyLinePlaceholder":5718},[5649,7477,7478,7480,7483,7486,7489,7491,7493,7495,7498,7501,7504],{"class":5651,"line":5694},[5649,7479,5656],{"class":5655},[5649,7481,7482],{"class":5659}," Button",[5649,7484,7485],{"class":5663},"({ ",[5649,7487,7488],{"class":5763},"variant",[5649,7490,5544],{"class":5663},[5649,7492,7324],{"class":5763},[5649,7494,5544],{"class":5663},[5649,7496,7497],{"class":5763},"disabled",[5649,7499,7500],{"class":5663}," }: ",[5649,7502,7503],{"class":5680},"ButtonProps",[5649,7505,7506],{"class":5663},") {\n",[5649,7508,7509,7511],{"class":5651,"line":5715},[5649,7510,5726],{"class":5725},[5649,7512,5729],{"class":5663},[5649,7514,7515,7517,7519],{"class":5651,"line":5722},[5649,7516,5736],{"class":5735},[5649,7518,7145],{"class":5739},[5649,7520,6737],{"class":5663},[5649,7522,7523,7526,7528,7530,7532],{"class":5651,"line":5732},[5649,7524,7525],{"class":6742},"      className",[5649,7527,6746],{"class":5663},[5649,7529,5760],{"class":5655},[5649,7531,7444],{"class":5659},[5649,7533,7534],{"class":6258},"(\n",[5649,7536,7537,7540],{"class":5651,"line":5746},[5649,7538,7539],{"class":5687},"        \"btn\"",[5649,7541,6437],{"class":6258},[5649,7543,7544,7547,7549,7551,7553,7555],{"class":5651,"line":5780},[5649,7545,7546],{"class":5687},"        `btn-",[5649,7548,6770],{"class":5655},[5649,7550,7488],{"class":5763},[5649,7552,5767],{"class":5655},[5649,7554,6778],{"class":5687},[5649,7556,6437],{"class":6258},[5649,7558,7559,7561,7563,7565,7567,7569],{"class":5651,"line":5805},[5649,7560,7546],{"class":5687},[5649,7562,6770],{"class":5655},[5649,7564,7324],{"class":5763},[5649,7566,5767],{"class":5655},[5649,7568,6778],{"class":5687},[5649,7570,6437],{"class":6258},[5649,7572,7573,7576,7579,7581,7584],{"class":5651,"line":5815},[5649,7574,7575],{"class":6258},"        { ",[5649,7577,7578],{"class":5687},"\"btn-disabled\"",[5649,7580,5976],{"class":5763},[5649,7582,7583],{"class":5763}," disabled",[5649,7585,7586],{"class":6258}," }\n",[5649,7588,7589,7592],{"class":5651,"line":5821},[5649,7590,7591],{"class":6258},"      )",[5649,7593,5824],{"class":5655},[5649,7595,7596],{"class":5651,"line":6206},[5649,7597,7598],{"class":5735},"    >\n",[5649,7600,7601],{"class":5651,"line":6236},[5649,7602,7603],{"class":5663},"      Кнопка\n",[5649,7605,7606,7608,7610],{"class":5651,"line":6288},[5649,7607,5808],{"class":5735},[5649,7609,7145],{"class":5739},[5649,7611,5743],{"class":5735},[5649,7613,7614],{"class":5651,"line":6297},[5649,7615,5818],{"class":5663},[5649,7617,7618],{"class":5651,"line":6302},[5649,7619,5824],{"class":5663},[5635,7621,7623],{"id":7622},"динамічні-інлайнові-стилі","Динамічні інлайнові стилі",[5585,7625,7626,7627,7630,7631,7634],{},"Атрибут ",[5500,7628,7629],{},"style"," у JSX приймає ",[5515,7632,7633],{},"об'єкт"," із CSS-властивостями у camelCase:",[5640,7636,7638],{"className":5642,"code":7637,"language":5644,"meta":5645,"style":5645},"function ProgressBar() {\n  \u002F\u002F Локальні дані\n  const progress: number = 75; \u002F\u002F від 0 до 100\n  const color: string = \"#10b981\";\n\n  const barStyle: React.CSSProperties = {\n    width: `${progress}%`,\n    height: \"20px\",\n    backgroundColor: color,\n    borderRadius: \"10px\",\n    transition: \"width 0.3s ease\",\n  };\n\n  const containerStyle: React.CSSProperties = {\n    width: \"100%\",\n    backgroundColor: \"#e2e8f0\",\n    borderRadius: \"10px\",\n  };\n\n  return (\n    \u003Cdiv style={containerStyle}>\n      \u003Cdiv style={barStyle} \u002F>\n    \u003C\u002Fdiv>\n  );\n}\n",[5500,7639,7640,7649,7654,7675,7693,7697,7716,7736,7746,7755,7765,7775,7780,7784,7801,7810,7819,7827,7831,7836,7843,7864,7885,7894,7899],{"__ignoreMap":5645},[5649,7641,7642,7644,7647],{"class":5651,"line":5652},[5649,7643,5656],{"class":5655},[5649,7645,7646],{"class":5659}," ProgressBar",[5649,7648,5664],{"class":5663},[5649,7650,7651],{"class":5651,"line":5667},[5649,7652,7653],{"class":6061},"  \u002F\u002F Локальні дані\n",[5649,7655,7656,7658,7661,7663,7665,7667,7670,7672],{"class":5651,"line":5694},[5649,7657,5670],{"class":5655},[5649,7659,7660],{"class":5673}," progress",[5649,7662,5677],{"class":5663},[5649,7664,5704],{"class":5680},[5649,7666,5684],{"class":5663},[5649,7668,7669],{"class":5709},"75",[5649,7671,6058],{"class":5663},[5649,7673,7674],{"class":6061},"\u002F\u002F від 0 до 100\n",[5649,7676,7677,7679,7682,7684,7686,7688,7691],{"class":5651,"line":5715},[5649,7678,5670],{"class":5655},[5649,7680,7681],{"class":5673}," color",[5649,7683,5677],{"class":5663},[5649,7685,5681],{"class":5680},[5649,7687,5684],{"class":5663},[5649,7689,7690],{"class":5687},"\"#10b981\"",[5649,7692,5691],{"class":5663},[5649,7694,7695],{"class":5651,"line":5722},[5649,7696,5719],{"emptyLinePlaceholder":5718},[5649,7698,7699,7701,7704,7706,7708,7710,7713],{"class":5651,"line":5732},[5649,7700,5670],{"class":5655},[5649,7702,7703],{"class":5673}," barStyle",[5649,7705,5677],{"class":5663},[5649,7707,2303],{"class":5680},[5649,7709,5554],{"class":5663},[5649,7711,7712],{"class":5680},"CSSProperties",[5649,7714,7715],{"class":5663}," = {\n",[5649,7717,7718,7721,7724,7726,7729,7731,7734],{"class":5651,"line":5746},[5649,7719,7720],{"class":5763},"    width:",[5649,7722,7723],{"class":5687}," `",[5649,7725,6770],{"class":5655},[5649,7727,7728],{"class":5763},"progress",[5649,7730,5767],{"class":5655},[5649,7732,7733],{"class":5687},"%`",[5649,7735,6437],{"class":5663},[5649,7737,7738,7741,7744],{"class":5651,"line":5780},[5649,7739,7740],{"class":5763},"    height:",[5649,7742,7743],{"class":5687}," \"20px\"",[5649,7745,6437],{"class":5663},[5649,7747,7748,7751,7753],{"class":5651,"line":5805},[5649,7749,7750],{"class":5763},"    backgroundColor:",[5649,7752,7681],{"class":5763},[5649,7754,6437],{"class":5663},[5649,7756,7757,7760,7763],{"class":5651,"line":5815},[5649,7758,7759],{"class":5763},"    borderRadius:",[5649,7761,7762],{"class":5687}," \"10px\"",[5649,7764,6437],{"class":5663},[5649,7766,7767,7770,7773],{"class":5651,"line":5821},[5649,7768,7769],{"class":5763},"    transition:",[5649,7771,7772],{"class":5687}," \"width 0.3s ease\"",[5649,7774,6437],{"class":5663},[5649,7776,7777],{"class":5651,"line":6206},[5649,7778,7779],{"class":5663},"  };\n",[5649,7781,7782],{"class":5651,"line":6236},[5649,7783,5719],{"emptyLinePlaceholder":5718},[5649,7785,7786,7788,7791,7793,7795,7797,7799],{"class":5651,"line":6288},[5649,7787,5670],{"class":5655},[5649,7789,7790],{"class":5673}," containerStyle",[5649,7792,5677],{"class":5663},[5649,7794,2303],{"class":5680},[5649,7796,5554],{"class":5663},[5649,7798,7712],{"class":5680},[5649,7800,7715],{"class":5663},[5649,7802,7803,7805,7808],{"class":5651,"line":6297},[5649,7804,7720],{"class":5763},[5649,7806,7807],{"class":5687}," \"100%\"",[5649,7809,6437],{"class":5663},[5649,7811,7812,7814,7817],{"class":5651,"line":6302},[5649,7813,7750],{"class":5763},[5649,7815,7816],{"class":5687}," \"#e2e8f0\"",[5649,7818,6437],{"class":5663},[5649,7820,7821,7823,7825],{"class":5651,"line":6594},[5649,7822,7759],{"class":5763},[5649,7824,7762],{"class":5687},[5649,7826,6437],{"class":5663},[5649,7828,7829],{"class":5651,"line":6599},[5649,7830,7779],{"class":5663},[5649,7832,7834],{"class":5651,"line":7833},19,[5649,7835,5719],{"emptyLinePlaceholder":5718},[5649,7837,7839,7841],{"class":5651,"line":7838},20,[5649,7840,5726],{"class":5725},[5649,7842,5729],{"class":5663},[5649,7844,7846,7848,7850,7853,7855,7857,7860,7862],{"class":5651,"line":7845},21,[5649,7847,5736],{"class":5735},[5649,7849,5740],{"class":5739},[5649,7851,7852],{"class":6742}," style",[5649,7854,6746],{"class":5663},[5649,7856,5760],{"class":5655},[5649,7858,7859],{"class":5763},"containerStyle",[5649,7861,5767],{"class":5655},[5649,7863,5743],{"class":5735},[5649,7865,7867,7869,7871,7873,7875,7877,7880,7882],{"class":5651,"line":7866},22,[5649,7868,5749],{"class":5735},[5649,7870,5740],{"class":5739},[5649,7872,7852],{"class":6742},[5649,7874,6746],{"class":5663},[5649,7876,5760],{"class":5655},[5649,7878,7879],{"class":5763},"barStyle",[5649,7881,5767],{"class":5655},[5649,7883,7884],{"class":5735}," \u002F>\n",[5649,7886,7888,7890,7892],{"class":5651,"line":7887},23,[5649,7889,5808],{"class":5735},[5649,7891,5740],{"class":5739},[5649,7893,5743],{"class":5735},[5649,7895,7897],{"class":5651,"line":7896},24,[5649,7898,5818],{"class":5663},[5649,7900,7902],{"class":5651,"line":7901},25,[5649,7903,5824],{"class":5663},[5585,7905,7906],{},[5515,7907,5829],{},[5640,7909,7911],{"className":5832,"code":7910,"language":5834,"meta":5645,"style":5645},"\u003Cdiv style=\"width: 100%; background-color: rgb(226, 232, 240); border-radius: 10px;\">\n  \u003Cdiv style=\"width: 75%; height: 20px; background-color: rgb(16, 185, 129); border-radius: 10px; transition: width 0.3s ease;\">\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n",[5500,7912,7913,7928,7947],{"__ignoreMap":5645},[5649,7914,7915,7917,7919,7921,7923,7926],{"class":5651,"line":5652},[5649,7916,5841],{"class":5735},[5649,7918,5740],{"class":5739},[5649,7920,7852],{"class":6742},[5649,7922,6746],{"class":5663},[5649,7924,7925],{"class":6847},"\"width: 100%; background-color: rgb(226, 232, 240); border-radius: 10px;\"",[5649,7927,5743],{"class":5735},[5649,7929,7930,7932,7934,7936,7938,7941,7943,7945],{"class":5651,"line":5667},[5649,7931,5850],{"class":5735},[5649,7933,5740],{"class":5739},[5649,7935,7852],{"class":6742},[5649,7937,6746],{"class":5663},[5649,7939,7940],{"class":6847},"\"width: 75%; height: 20px; background-color: rgb(16, 185, 129); border-radius: 10px; transition: width 0.3s ease;\"",[5649,7942,6281],{"class":5735},[5649,7944,5740],{"class":5739},[5649,7946,5743],{"class":5735},[5649,7948,7949,7951,7953],{"class":5651,"line":5694},[5649,7950,5773],{"class":5735},[5649,7952,5740],{"class":5739},[5649,7954,5743],{"class":5735},[7956,7957,7958,7963,8001,8006,8014],"warning",{},[5585,7959,7960],{},[5515,7961,7962],{},"Обмеження інлайнових стилів:",[7964,7965,7966,7984,7995],"ol",{},[5487,7967,7968,7971,7972,5544,7975,5544,7978,7981,7982,5554],{},[5515,7969,7970],{},"Немає псевдокласів:"," ",[5500,7973,7974],{},":hover",[5500,7976,7977],{},":focus",[5500,7979,7980],{},":active"," не працюють у ",[5500,7983,7629],{},[5487,7985,7986,7971,7989,7992,7993,5554],{},[5515,7987,7988],{},"Немає медіа-запитів:",[5500,7990,7991],{},"@media"," не працює у ",[5500,7994,7629],{},[5487,7996,7997,8000],{},[5515,7998,7999],{},"Погана продуктивність:"," Інлайнові стилі створюють новий об'єкт при кожному рендері (якщо не винесені у константу), що може уповільнити великі списки.",[5585,8002,8003],{},[5515,8004,8005],{},"Використовуйте інлайнові стилі лише для:",[5484,8007,8008,8011],{},[5487,8009,8010],{},"Динамічних значень (прогрес-бари, анімації, позиціонування).",[5487,8012,8013],{},"Швидких прототипів.",[5585,8015,8016],{},"Для статичних стилів використовуйте CSS Modules або Tailwind CSS.",[5607,8018],{},[5610,8020,5567],{"id":8021},"умовний-рендеринг",[5585,8023,8024,8025,8028],{},"Одна з найпотужніших можливостей JSX — ",[5515,8026,8027],{},"умовний рендеринг",": відображення різних елементів залежно від умови.",[5635,8030,8032,8033],{"id":8031},"тернарний-оператор","Тернарний оператор ",[5500,8034,8035],{},"? :",[5585,8037,8038],{},"Найпоширеніший спосіб умовного рендерингу:",[5640,8040,8042],{"className":5642,"code":8041,"language":5644,"meta":5645,"style":5645},"function Message() {\n  const isError: boolean = false;\n  const text: string = \"Операція виконана успішно\";\n\n  return (\n    \u003Cdiv className={isError ? \"message-error\" : \"message-success\"}>\n      {isError ? \"❌\" : \"✅\"} {text}\n    \u003C\u002Fdiv>\n  );\n}\n",[5500,8043,8044,8053,8069,8087,8091,8097,8125,8151,8159,8163],{"__ignoreMap":5645},[5649,8045,8046,8048,8051],{"class":5651,"line":5652},[5649,8047,5656],{"class":5655},[5649,8049,8050],{"class":5659}," Message",[5649,8052,5664],{"class":5663},[5649,8054,8055,8057,8059,8061,8063,8065,8067],{"class":5651,"line":5667},[5649,8056,5670],{"class":5655},[5649,8058,6919],{"class":5673},[5649,8060,5677],{"class":5663},[5649,8062,6924],{"class":5680},[5649,8064,5684],{"class":5663},[5649,8066,6929],{"class":5655},[5649,8068,5691],{"class":5663},[5649,8070,8071,8073,8076,8078,8080,8082,8085],{"class":5651,"line":5694},[5649,8072,5670],{"class":5655},[5649,8074,8075],{"class":5673}," text",[5649,8077,5677],{"class":5663},[5649,8079,5681],{"class":5680},[5649,8081,5684],{"class":5663},[5649,8083,8084],{"class":5687},"\"Операція виконана успішно\"",[5649,8086,5691],{"class":5663},[5649,8088,8089],{"class":5651,"line":5715},[5649,8090,5719],{"emptyLinePlaceholder":5718},[5649,8092,8093,8095],{"class":5651,"line":5722},[5649,8094,5726],{"class":5725},[5649,8096,5729],{"class":5663},[5649,8098,8099,8101,8103,8105,8107,8109,8111,8113,8116,8118,8121,8123],{"class":5651,"line":5732},[5649,8100,5736],{"class":5735},[5649,8102,5740],{"class":5739},[5649,8104,7017],{"class":6742},[5649,8106,6746],{"class":5663},[5649,8108,5760],{"class":5655},[5649,8110,6947],{"class":5763},[5649,8112,7038],{"class":5663},[5649,8114,8115],{"class":5687}," \"message-error\"",[5649,8117,7044],{"class":5663},[5649,8119,8120],{"class":5687}," \"message-success\"",[5649,8122,5767],{"class":5655},[5649,8124,5743],{"class":5735},[5649,8126,8127,8129,8131,8133,8136,8138,8141,8143,8146,8149],{"class":5651,"line":5746},[5649,8128,7033],{"class":5655},[5649,8130,6947],{"class":5763},[5649,8132,7038],{"class":5663},[5649,8134,8135],{"class":5687}," \"❌\"",[5649,8137,7044],{"class":5663},[5649,8139,8140],{"class":5687}," \"✅\"",[5649,8142,5767],{"class":5655},[5649,8144,8145],{"class":5655}," {",[5649,8147,8148],{"class":5763},"text",[5649,8150,5824],{"class":5655},[5649,8152,8153,8155,8157],{"class":5651,"line":5780},[5649,8154,5808],{"class":5735},[5649,8156,5740],{"class":5739},[5649,8158,5743],{"class":5735},[5649,8160,8161],{"class":5651,"line":5805},[5649,8162,5818],{"class":5663},[5649,8164,8165],{"class":5651,"line":5815},[5649,8166,5824],{"class":5663},[5635,8168,8170,8171,8174],{"id":8169},"логічний-оператор-для-умовного-відображення","Логічний оператор ",[5500,8172,8173],{},"&&"," для умовного відображення",[5585,8176,8177,8178,8181,8182,5976],{},"Якщо потрібно ",[5515,8179,8180],{},"або показати елемент, або нічого",", використовуйте ",[5500,8183,8173],{},[5640,8185,8187],{"className":5642,"code":8186,"language":5644,"meta":5645,"style":5645},"function Notification() {\n  const hasNewMessages: boolean = true;\n  const messageCount: number = 5;\n\n  return (\n    \u003Cdiv>\n      \u003Ch2>Сповіщення\u003C\u002Fh2>\n      {hasNewMessages && (\n        \u003Cp className=\"notification\">\n          У вас {messageCount} нових повідомлень!\n        \u003C\u002Fp>\n      )}\n    \u003C\u002Fdiv>\n  );\n}\n\n\u002F\u002F Якщо hasNewMessages === true, показується \u003Cp>\n\u002F\u002F Якщо hasNewMessages === false, нічого не показується\n",[5500,8188,8189,8198,8215,8233,8237,8243,8251,8268,8280,8296,8311,8320,8326,8334,8338,8342,8346,8351],{"__ignoreMap":5645},[5649,8190,8191,8193,8196],{"class":5651,"line":5652},[5649,8192,5656],{"class":5655},[5649,8194,8195],{"class":5659}," Notification",[5649,8197,5664],{"class":5663},[5649,8199,8200,8202,8205,8207,8209,8211,8213],{"class":5651,"line":5667},[5649,8201,5670],{"class":5655},[5649,8203,8204],{"class":5673}," hasNewMessages",[5649,8206,5677],{"class":5663},[5649,8208,6924],{"class":5680},[5649,8210,5684],{"class":5663},[5649,8212,7109],{"class":5655},[5649,8214,5691],{"class":5663},[5649,8216,8217,8219,8222,8224,8226,8228,8231],{"class":5651,"line":5694},[5649,8218,5670],{"class":5655},[5649,8220,8221],{"class":5673}," messageCount",[5649,8223,5677],{"class":5663},[5649,8225,5704],{"class":5680},[5649,8227,5684],{"class":5663},[5649,8229,8230],{"class":5709},"5",[5649,8232,5691],{"class":5663},[5649,8234,8235],{"class":5651,"line":5715},[5649,8236,5719],{"emptyLinePlaceholder":5718},[5649,8238,8239,8241],{"class":5651,"line":5722},[5649,8240,5726],{"class":5725},[5649,8242,5729],{"class":5663},[5649,8244,8245,8247,8249],{"class":5651,"line":5732},[5649,8246,5736],{"class":5735},[5649,8248,5740],{"class":5739},[5649,8250,5743],{"class":5735},[5649,8252,8253,8255,8257,8259,8262,8264,8266],{"class":5651,"line":5746},[5649,8254,5749],{"class":5735},[5649,8256,5610],{"class":5739},[5649,8258,5754],{"class":5735},[5649,8260,8261],{"class":5663},"Сповіщення",[5649,8263,5773],{"class":5735},[5649,8265,5610],{"class":5739},[5649,8267,5743],{"class":5735},[5649,8269,8270,8272,8275,8278],{"class":5651,"line":5780},[5649,8271,7033],{"class":5655},[5649,8273,8274],{"class":5763},"hasNewMessages",[5649,8276,8277],{"class":5663}," &&",[5649,8279,5729],{"class":6258},[5649,8281,8282,8285,8287,8289,8291,8294],{"class":5651,"line":5805},[5649,8283,8284],{"class":5735},"        \u003C",[5649,8286,5585],{"class":5739},[5649,8288,7017],{"class":6742},[5649,8290,6746],{"class":5663},[5649,8292,8293],{"class":5687},"\"notification\"",[5649,8295,5743],{"class":5735},[5649,8297,8298,8301,8303,8306,8308],{"class":5651,"line":5815},[5649,8299,8300],{"class":6258},"          У вас ",[5649,8302,5760],{"class":5655},[5649,8304,8305],{"class":5763},"messageCount",[5649,8307,5767],{"class":5655},[5649,8309,8310],{"class":6258}," нових повідомлень!\n",[5649,8312,8313,8316,8318],{"class":5651,"line":5821},[5649,8314,8315],{"class":5735},"        \u003C\u002F",[5649,8317,5585],{"class":5739},[5649,8319,5743],{"class":5735},[5649,8321,8322,8324],{"class":5651,"line":6206},[5649,8323,7591],{"class":6258},[5649,8325,5824],{"class":5655},[5649,8327,8328,8330,8332],{"class":5651,"line":6236},[5649,8329,5808],{"class":5735},[5649,8331,5740],{"class":5739},[5649,8333,5743],{"class":5735},[5649,8335,8336],{"class":5651,"line":6288},[5649,8337,5818],{"class":5663},[5649,8339,8340],{"class":5651,"line":6297},[5649,8341,5824],{"class":5663},[5649,8343,8344],{"class":5651,"line":6302},[5649,8345,5719],{"emptyLinePlaceholder":5718},[5649,8347,8348],{"class":5651,"line":6594},[5649,8349,8350],{"class":6061},"\u002F\u002F Якщо hasNewMessages === true, показується \u003Cp>\n",[5649,8352,8353],{"class":5651,"line":6599},[5649,8354,8355],{"class":6061},"\u002F\u002F Якщо hasNewMessages === false, нічого не показується\n",[5585,8357,8358],{},[5515,8359,8360,8361,5976],{},"Як працює ",[5500,8362,8173],{},[5585,8364,8365],{},"TypeScript\u002FJavaScript оцінює вираз зліва направо:",[5640,8367,8369],{"className":5642,"code":8368,"language":5644,"meta":5645,"style":5645},"true && \u003Cp>Показується\u003C\u002Fp>   \u002F\u002F Результат: \u003Cp>Показується\u003C\u002Fp>\nfalse && \u003Cp>Не показується\u003C\u002Fp> \u002F\u002F Результат: false (React не рендерить false)\n",[5500,8370,8371,8396],{"__ignoreMap":5645},[5649,8372,8373,8375,8378,8380,8382,8384,8387,8389,8391,8393],{"class":5651,"line":5652},[5649,8374,7109],{"class":5655},[5649,8376,8377],{"class":5663}," && ",[5649,8379,5841],{"class":5735},[5649,8381,5585],{"class":5739},[5649,8383,5754],{"class":5735},[5649,8385,8386],{"class":5663},"Показується",[5649,8388,5773],{"class":5735},[5649,8390,5585],{"class":5739},[5649,8392,5754],{"class":5735},[5649,8394,8395],{"class":6061},"   \u002F\u002F Результат: \u003Cp>Показується\u003C\u002Fp>\n",[5649,8397,8398,8400,8402,8404,8406,8408,8411,8413,8415,8417],{"class":5651,"line":5667},[5649,8399,6929],{"class":5655},[5649,8401,8377],{"class":5663},[5649,8403,5841],{"class":5735},[5649,8405,5585],{"class":5739},[5649,8407,5754],{"class":5735},[5649,8409,8410],{"class":5663},"Не показується",[5649,8412,5773],{"class":5735},[5649,8414,5585],{"class":5739},[5649,8416,5754],{"class":5735},[5649,8418,8419],{"class":6061}," \u002F\u002F Результат: false (React не рендерить false)\n",[7956,8421,8422,8430,8534,8559],{},[5585,8423,8424],{},[5515,8425,8426,8427,8429],{},"Пастка ",[5500,8428,8173],{}," із числами:",[5640,8431,8433],{"className":5642,"code":8432,"language":5644,"meta":5645,"style":5645},"const count = 0;\n\n\u002F\u002F ❌ НЕПРАВИЛЬНО — у DOM з'явиться \"0\"!\n{count && \u003Cp>{count} повідомлень\u003C\u002Fp>}\n\n\u002F\u002F ✅ ПРАВИЛЬНО — явна перевірка на булеве значення\n{count > 0 && \u003Cp>{count} повідомлень\u003C\u002Fp>}\n",[5500,8434,8435,8449,8453,8458,8490,8494,8499],{"__ignoreMap":5645},[5649,8436,8437,8439,8442,8444,8447],{"class":5651,"line":5652},[5649,8438,6319],{"class":5655},[5649,8440,8441],{"class":5673}," count",[5649,8443,5684],{"class":5663},[5649,8445,8446],{"class":5709},"0",[5649,8448,5691],{"class":5663},[5649,8450,8451],{"class":5651,"line":5667},[5649,8452,5719],{"emptyLinePlaceholder":5718},[5649,8454,8455],{"class":5651,"line":5694},[5649,8456,8457],{"class":6061},"\u002F\u002F ❌ НЕПРАВИЛЬНО — у DOM з'явиться \"0\"!\n",[5649,8459,8460,8462,8465,8467,8469,8471,8473,8475,8477,8479,8482,8484,8486,8488],{"class":5651,"line":5715},[5649,8461,5760],{"class":5663},[5649,8463,8464],{"class":5763},"count",[5649,8466,8377],{"class":5663},[5649,8468,5841],{"class":5735},[5649,8470,5585],{"class":5739},[5649,8472,5754],{"class":5735},[5649,8474,5760],{"class":5655},[5649,8476,8464],{"class":5763},[5649,8478,5767],{"class":5655},[5649,8480,8481],{"class":5663}," повідомлень",[5649,8483,5773],{"class":5735},[5649,8485,5585],{"class":5739},[5649,8487,5754],{"class":5735},[5649,8489,5824],{"class":5663},[5649,8491,8492],{"class":5651,"line":5722},[5649,8493,5719],{"emptyLinePlaceholder":5718},[5649,8495,8496],{"class":5651,"line":5732},[5649,8497,8498],{"class":6061},"\u002F\u002F ✅ ПРАВИЛЬНО — явна перевірка на булеве значення\n",[5649,8500,8501,8503,8505,8508,8510,8512,8514,8516,8518,8520,8522,8524,8526,8528,8530,8532],{"class":5651,"line":5746},[5649,8502,5760],{"class":5663},[5649,8504,8464],{"class":5763},[5649,8506,8507],{"class":5663}," > ",[5649,8509,8446],{"class":5709},[5649,8511,8377],{"class":5663},[5649,8513,5841],{"class":5735},[5649,8515,5585],{"class":5739},[5649,8517,5754],{"class":5735},[5649,8519,5760],{"class":5655},[5649,8521,8464],{"class":5763},[5649,8523,5767],{"class":5655},[5649,8525,8481],{"class":5663},[5649,8527,5773],{"class":5735},[5649,8529,5585],{"class":5739},[5649,8531,5754],{"class":5735},[5649,8533,5824],{"class":5663},[5585,8535,8536,8539,8540,8542,8543,8546,8547,8549,8550,8553,8554,8556,8557,5554],{},[5515,8537,8538],{},"Чому?"," У JavaScript ",[5500,8541,8446],{}," є ",[5520,8544,8545],{},"falsy",", але React рендерить число ",[5500,8548,8446],{}," як текст. Тому при ",[5500,8551,8552],{},"count = 0"," вираз повертає ",[5500,8555,8446],{},", а не ",[5500,8558,6929],{},[5585,8560,8561,8564,8565,7971,8567,5518,8570,8572,8573,8575],{},[5515,8562,8563],{},"Правило:"," Ліва частина ",[5500,8566,8173],{},[5515,8568,8569],{},"завжди має бути булевим значенням",[5500,8571,7109],{}," \u002F ",[5500,8574,6929],{},").",[5635,8577,8579],{"id":8578},"складний-умовний-рендеринг-через-змінні","Складний умовний рендеринг через змінні",[5585,8581,8582],{},"Для складніших умов виносьте логіку у змінні:",[5640,8584,8586],{"className":5642,"code":8585,"language":5644,"meta":5645,"style":5645},"function UserDashboard() {\n  const role: \"admin\" | \"user\" | \"guest\" = \"admin\";\n  \n  let content: React.ReactNode;\n\n  if (role === \"admin\") {\n    content = (\n      \u003Cdiv className=\"admin-panel\">\n        \u003Ch2>Панель адміністратора\u003C\u002Fh2>\n        \u003Cbutton>Управління користувачами\u003C\u002Fbutton>\n        \u003Cbutton>Налаштування системи\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n    );\n  } else if (role === \"user\") {\n    content = (\n      \u003Cdiv className=\"user-panel\">\n        \u003Ch2>Панель користувача\u003C\u002Fh2>\n        \u003Cbutton>Мій профіль\u003C\u002Fbutton>\n        \u003Cbutton>Мої замовлення\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n    );\n  } else {\n    content = (\n      \u003Cdiv className=\"guest-panel\">\n        \u003Ch2>Вітаємо, гість!\u003C\u002Fh2>\n        \u003Cbutton>Увійти\u003C\u002Fbutton>\n        \u003Cbutton>Зареєструватися\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n    );\n  }\n\n  return \u003Cdiv className=\"dashboard\">{content}\u003C\u002Fdiv>;\n}\n",[5500,8587,8588,8597,8625,8629,8648,8652,8669,8677,8692,8709,8726,8743,8752,8757,8778,8784,8799,8816,8833,8850,8858,8862,8870,8876,8891,8908,8926,8944,8953,8958,8964,8969,9002],{"__ignoreMap":5645},[5649,8589,8590,8592,8595],{"class":5651,"line":5652},[5649,8591,5656],{"class":5655},[5649,8593,8594],{"class":5659}," UserDashboard",[5649,8596,5664],{"class":5663},[5649,8598,8599,8601,8604,8606,8609,8611,8614,8616,8619,8621,8623],{"class":5651,"line":5667},[5649,8600,5670],{"class":5655},[5649,8602,8603],{"class":5673}," role",[5649,8605,5677],{"class":5663},[5649,8607,8608],{"class":5687},"\"admin\"",[5649,8610,7226],{"class":5663},[5649,8612,8613],{"class":5687},"\"user\"",[5649,8615,7226],{"class":5663},[5649,8617,8618],{"class":5687},"\"guest\"",[5649,8620,5684],{"class":5663},[5649,8622,8608],{"class":5687},[5649,8624,5691],{"class":5663},[5649,8626,8627],{"class":5651,"line":5694},[5649,8628,6966],{"class":5663},[5649,8630,8631,8634,8637,8639,8641,8643,8646],{"class":5651,"line":5715},[5649,8632,8633],{"class":5655},"  let",[5649,8635,8636],{"class":5763}," content",[5649,8638,5677],{"class":5663},[5649,8640,2303],{"class":5680},[5649,8642,5554],{"class":5663},[5649,8644,8645],{"class":5680},"ReactNode",[5649,8647,5691],{"class":5663},[5649,8649,8650],{"class":5651,"line":5722},[5649,8651,5719],{"emptyLinePlaceholder":5718},[5649,8653,8654,8657,8659,8662,8665,8667],{"class":5651,"line":5732},[5649,8655,8656],{"class":5725},"  if",[5649,8658,5518],{"class":5663},[5649,8660,8661],{"class":5763},"role",[5649,8663,8664],{"class":5663}," === ",[5649,8666,8608],{"class":5687},[5649,8668,7506],{"class":5663},[5649,8670,8671,8674],{"class":5651,"line":5746},[5649,8672,8673],{"class":5659},"    content",[5649,8675,8676],{"class":5663}," = (\n",[5649,8678,8679,8681,8683,8685,8687,8690],{"class":5651,"line":5780},[5649,8680,5749],{"class":5735},[5649,8682,5740],{"class":5739},[5649,8684,7017],{"class":6742},[5649,8686,6746],{"class":5663},[5649,8688,8689],{"class":5687},"\"admin-panel\"",[5649,8691,5743],{"class":5735},[5649,8693,8694,8696,8698,8700,8703,8705,8707],{"class":5651,"line":5805},[5649,8695,8284],{"class":5735},[5649,8697,5610],{"class":5739},[5649,8699,5754],{"class":5735},[5649,8701,8702],{"class":5663},"Панель адміністратора",[5649,8704,5773],{"class":5735},[5649,8706,5610],{"class":5739},[5649,8708,5743],{"class":5735},[5649,8710,8711,8713,8715,8717,8720,8722,8724],{"class":5651,"line":5815},[5649,8712,8284],{"class":5735},[5649,8714,7145],{"class":5739},[5649,8716,5754],{"class":5735},[5649,8718,8719],{"class":5663},"Управління користувачами",[5649,8721,5773],{"class":5735},[5649,8723,7145],{"class":5739},[5649,8725,5743],{"class":5735},[5649,8727,8728,8730,8732,8734,8737,8739,8741],{"class":5651,"line":5821},[5649,8729,8284],{"class":5735},[5649,8731,7145],{"class":5739},[5649,8733,5754],{"class":5735},[5649,8735,8736],{"class":5663},"Налаштування системи",[5649,8738,5773],{"class":5735},[5649,8740,7145],{"class":5739},[5649,8742,5743],{"class":5735},[5649,8744,8745,8748,8750],{"class":5651,"line":6206},[5649,8746,8747],{"class":5735},"      \u003C\u002F",[5649,8749,5740],{"class":5739},[5649,8751,5743],{"class":5735},[5649,8753,8754],{"class":5651,"line":6236},[5649,8755,8756],{"class":5663},"    );\n",[5649,8758,8759,8762,8765,8768,8770,8772,8774,8776],{"class":5651,"line":6288},[5649,8760,8761],{"class":5663},"  } ",[5649,8763,8764],{"class":5725},"else",[5649,8766,8767],{"class":5725}," if",[5649,8769,5518],{"class":5663},[5649,8771,8661],{"class":5763},[5649,8773,8664],{"class":5663},[5649,8775,8613],{"class":5687},[5649,8777,7506],{"class":5663},[5649,8779,8780,8782],{"class":5651,"line":6297},[5649,8781,8673],{"class":5659},[5649,8783,8676],{"class":5663},[5649,8785,8786,8788,8790,8792,8794,8797],{"class":5651,"line":6302},[5649,8787,5749],{"class":5735},[5649,8789,5740],{"class":5739},[5649,8791,7017],{"class":6742},[5649,8793,6746],{"class":5663},[5649,8795,8796],{"class":5687},"\"user-panel\"",[5649,8798,5743],{"class":5735},[5649,8800,8801,8803,8805,8807,8810,8812,8814],{"class":5651,"line":6594},[5649,8802,8284],{"class":5735},[5649,8804,5610],{"class":5739},[5649,8806,5754],{"class":5735},[5649,8808,8809],{"class":5663},"Панель користувача",[5649,8811,5773],{"class":5735},[5649,8813,5610],{"class":5739},[5649,8815,5743],{"class":5735},[5649,8817,8818,8820,8822,8824,8827,8829,8831],{"class":5651,"line":6599},[5649,8819,8284],{"class":5735},[5649,8821,7145],{"class":5739},[5649,8823,5754],{"class":5735},[5649,8825,8826],{"class":5663},"Мій профіль",[5649,8828,5773],{"class":5735},[5649,8830,7145],{"class":5739},[5649,8832,5743],{"class":5735},[5649,8834,8835,8837,8839,8841,8844,8846,8848],{"class":5651,"line":7833},[5649,8836,8284],{"class":5735},[5649,8838,7145],{"class":5739},[5649,8840,5754],{"class":5735},[5649,8842,8843],{"class":5663},"Мої замовлення",[5649,8845,5773],{"class":5735},[5649,8847,7145],{"class":5739},[5649,8849,5743],{"class":5735},[5649,8851,8852,8854,8856],{"class":5651,"line":7838},[5649,8853,8747],{"class":5735},[5649,8855,5740],{"class":5739},[5649,8857,5743],{"class":5735},[5649,8859,8860],{"class":5651,"line":7845},[5649,8861,8756],{"class":5663},[5649,8863,8864,8866,8868],{"class":5651,"line":7866},[5649,8865,8761],{"class":5663},[5649,8867,8764],{"class":5725},[5649,8869,6406],{"class":5663},[5649,8871,8872,8874],{"class":5651,"line":7887},[5649,8873,8673],{"class":5659},[5649,8875,8676],{"class":5663},[5649,8877,8878,8880,8882,8884,8886,8889],{"class":5651,"line":7896},[5649,8879,5749],{"class":5735},[5649,8881,5740],{"class":5739},[5649,8883,7017],{"class":6742},[5649,8885,6746],{"class":5663},[5649,8887,8888],{"class":5687},"\"guest-panel\"",[5649,8890,5743],{"class":5735},[5649,8892,8893,8895,8897,8899,8902,8904,8906],{"class":5651,"line":7901},[5649,8894,8284],{"class":5735},[5649,8896,5610],{"class":5739},[5649,8898,5754],{"class":5735},[5649,8900,8901],{"class":5663},"Вітаємо, гість!",[5649,8903,5773],{"class":5735},[5649,8905,5610],{"class":5739},[5649,8907,5743],{"class":5735},[5649,8909,8911,8913,8915,8917,8920,8922,8924],{"class":5651,"line":8910},26,[5649,8912,8284],{"class":5735},[5649,8914,7145],{"class":5739},[5649,8916,5754],{"class":5735},[5649,8918,8919],{"class":5663},"Увійти",[5649,8921,5773],{"class":5735},[5649,8923,7145],{"class":5739},[5649,8925,5743],{"class":5735},[5649,8927,8929,8931,8933,8935,8938,8940,8942],{"class":5651,"line":8928},27,[5649,8930,8284],{"class":5735},[5649,8932,7145],{"class":5739},[5649,8934,5754],{"class":5735},[5649,8936,8937],{"class":5663},"Зареєструватися",[5649,8939,5773],{"class":5735},[5649,8941,7145],{"class":5739},[5649,8943,5743],{"class":5735},[5649,8945,8947,8949,8951],{"class":5651,"line":8946},28,[5649,8948,8747],{"class":5735},[5649,8950,5740],{"class":5739},[5649,8952,5743],{"class":5735},[5649,8954,8956],{"class":5651,"line":8955},29,[5649,8957,8756],{"class":5663},[5649,8959,8961],{"class":5651,"line":8960},30,[5649,8962,8963],{"class":5663},"  }\n",[5649,8965,8967],{"class":5651,"line":8966},31,[5649,8968,5719],{"emptyLinePlaceholder":5718},[5649,8970,8972,8974,8976,8978,8980,8982,8985,8987,8989,8992,8994,8996,8998,9000],{"class":5651,"line":8971},32,[5649,8973,5726],{"class":5725},[5649,8975,7385],{"class":5735},[5649,8977,5740],{"class":5739},[5649,8979,7017],{"class":6742},[5649,8981,6746],{"class":5663},[5649,8983,8984],{"class":5687},"\"dashboard\"",[5649,8986,5754],{"class":5735},[5649,8988,5760],{"class":5655},[5649,8990,8991],{"class":5763},"content",[5649,8993,5767],{"class":5655},[5649,8995,5773],{"class":5735},[5649,8997,5740],{"class":5739},[5649,8999,5754],{"class":5735},[5649,9001,5691],{"class":5663},[5649,9003,9005],{"class":5651,"line":9004},33,[5649,9006,5824],{"class":5663},[9008,9009,9013,9955],"react-project-preview",{":height":9010,"entry":9011,"title":9012},"600","src\u002FApp.tsx","Умовний рендеринг залежно від ролі",[5640,9014,9016],{"className":5642,"code":9015,"filename":9011,"language":5644,"meta":5645,"style":5645},"import '.\u002FApp.css';\n\ntype Role = 'admin' | 'user' | 'guest';\n\nfunction RolePanel({ role }: { role: Role }) {\n  if (role === 'admin') {\n    return (\n      \u003Cdiv className=\"panel admin-panel\">\n        \u003Cdiv className=\"panel-icon\">👑\u003C\u002Fdiv>\n        \u003Ch2>Панель адміністратора\u003C\u002Fh2>\n        \u003Cp className=\"panel-description\">\n          Повний доступ до всіх функцій системи\n        \u003C\u002Fp>\n        \u003Cdiv className=\"panel-actions\">\n          \u003Cbutton className=\"btn btn-primary\">Управління користувачами\u003C\u002Fbutton>\n          \u003Cbutton className=\"btn btn-primary\">Налаштування системи\u003C\u002Fbutton>\n          \u003Cbutton className=\"btn btn-secondary\">Звіти та аналітика\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    );\n  }\n\n  if (role === 'user') {\n    return (\n      \u003Cdiv className=\"panel user-panel\">\n        \u003Cdiv className=\"panel-icon\">👤\u003C\u002Fdiv>\n        \u003Ch2>Панель користувача\u003C\u002Fh2>\n        \u003Cp className=\"panel-description\">\n          Особистий кабінет та історія активності\n        \u003C\u002Fp>\n        \u003Cdiv className=\"panel-actions\">\n          \u003Cbutton className=\"btn btn-primary\">Мій профіль\u003C\u002Fbutton>\n          \u003Cbutton className=\"btn btn-primary\">Мої замовлення\u003C\u002Fbutton>\n          \u003Cbutton className=\"btn btn-secondary\">Налаштування\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    );\n  }\n\n  return (\n    \u003Cdiv className=\"panel guest-panel\">\n      \u003Cdiv className=\"panel-icon\">🚪\u003C\u002Fdiv>\n      \u003Ch2>Вітаємо, гість!\u003C\u002Fh2>\n      \u003Cp className=\"panel-description\">\n        Увійдіть або зареєструйтеся для доступу до всіх функцій\n      \u003C\u002Fp>\n      \u003Cdiv className=\"panel-actions\">\n        \u003Cbutton className=\"btn btn-primary\">Увійти\u003C\u002Fbutton>\n        \u003Cbutton className=\"btn btn-secondary\">Зареєструватися\u003C\u002Fbutton>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n\nfunction App() {\n  \u002F\u002F Демонструємо три варіанти одночасно\n  const roles: Role[] = ['admin', 'user', 'guest'];\n\n  return (\n    \u003Cdiv className=\"container\">\n      \u003Ch1>Умовний рендеринг через `if`\u003C\u002Fh1>\n      \u003Cp className=\"subtitle\">\n        Компонент `RolePanel` відображає різний UI залежно від ролі\n      \u003C\u002Fp>\n\n      \u003Cdiv className=\"panels-grid\">\n        {roles.map(role => (\n          \u003CRolePanel key={role} role={role} \u002F>\n        ))}\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n\nexport default App;\n",[5500,9017,9018,9027,9031,9056,9060,9084,9098,9105,9120,9144,9160,9175,9180,9188,9203,9227,9249,9273,9281,9289,9293,9297,9301,9315,9321,9336,9359,9375,9389,9394,9402,9416,9438,9460,9484,9493,9502,9507,9512,9517,9524,9540,9564,9581,9596,9602,9611,9626,9649,9672,9681,9690,9695,9700,9705,9715,9721,9749,9754,9761,9777,9795,9811,9817,9826,9831,9847,9870,9901,9909,9918,9927,9932,9937,9942],{"__ignoreMap":5645},[5649,9019,9020,9022,9025],{"class":5651,"line":5652},[5649,9021,7460],{"class":5725},[5649,9023,9024],{"class":5687}," '.\u002FApp.css'",[5649,9026,5691],{"class":5663},[5649,9028,9029],{"class":5651,"line":5667},[5649,9030,5719],{"emptyLinePlaceholder":5718},[5649,9032,9033,9036,9039,9041,9044,9046,9049,9051,9054],{"class":5651,"line":5694},[5649,9034,9035],{"class":5655},"type",[5649,9037,9038],{"class":5680}," Role",[5649,9040,5684],{"class":5663},[5649,9042,9043],{"class":5687},"'admin'",[5649,9045,7226],{"class":5663},[5649,9047,9048],{"class":5687},"'user'",[5649,9050,7226],{"class":5663},[5649,9052,9053],{"class":5687},"'guest'",[5649,9055,5691],{"class":5663},[5649,9057,9058],{"class":5651,"line":5715},[5649,9059,5719],{"emptyLinePlaceholder":5718},[5649,9061,9062,9064,9067,9069,9071,9074,9076,9078,9081],{"class":5651,"line":5722},[5649,9063,5656],{"class":5655},[5649,9065,9066],{"class":5659}," RolePanel",[5649,9068,7485],{"class":5663},[5649,9070,8661],{"class":5763},[5649,9072,9073],{"class":5663}," }: { ",[5649,9075,8661],{"class":5763},[5649,9077,5677],{"class":5663},[5649,9079,9080],{"class":5680},"Role",[5649,9082,9083],{"class":5663}," }) {\n",[5649,9085,9086,9088,9090,9092,9094,9096],{"class":5651,"line":5732},[5649,9087,8656],{"class":5725},[5649,9089,5518],{"class":5663},[5649,9091,8661],{"class":5763},[5649,9093,8664],{"class":5663},[5649,9095,9043],{"class":5687},[5649,9097,7506],{"class":5663},[5649,9099,9100,9103],{"class":5651,"line":5746},[5649,9101,9102],{"class":5725},"    return",[5649,9104,5729],{"class":5663},[5649,9106,9107,9109,9111,9113,9115,9118],{"class":5651,"line":5780},[5649,9108,5749],{"class":5735},[5649,9110,5740],{"class":5739},[5649,9112,7017],{"class":6742},[5649,9114,6746],{"class":5663},[5649,9116,9117],{"class":5687},"\"panel admin-panel\"",[5649,9119,5743],{"class":5735},[5649,9121,9122,9124,9126,9128,9130,9133,9135,9138,9140,9142],{"class":5651,"line":5805},[5649,9123,8284],{"class":5735},[5649,9125,5740],{"class":5739},[5649,9127,7017],{"class":6742},[5649,9129,6746],{"class":5663},[5649,9131,9132],{"class":5687},"\"panel-icon\"",[5649,9134,5754],{"class":5735},[5649,9136,9137],{"class":5663},"👑",[5649,9139,5773],{"class":5735},[5649,9141,5740],{"class":5739},[5649,9143,5743],{"class":5735},[5649,9145,9146,9148,9150,9152,9154,9156,9158],{"class":5651,"line":5815},[5649,9147,8284],{"class":5735},[5649,9149,5610],{"class":5739},[5649,9151,5754],{"class":5735},[5649,9153,8702],{"class":5663},[5649,9155,5773],{"class":5735},[5649,9157,5610],{"class":5739},[5649,9159,5743],{"class":5735},[5649,9161,9162,9164,9166,9168,9170,9173],{"class":5651,"line":5821},[5649,9163,8284],{"class":5735},[5649,9165,5585],{"class":5739},[5649,9167,7017],{"class":6742},[5649,9169,6746],{"class":5663},[5649,9171,9172],{"class":5687},"\"panel-description\"",[5649,9174,5743],{"class":5735},[5649,9176,9177],{"class":5651,"line":6206},[5649,9178,9179],{"class":5663},"          Повний доступ до всіх функцій системи\n",[5649,9181,9182,9184,9186],{"class":5651,"line":6236},[5649,9183,8315],{"class":5735},[5649,9185,5585],{"class":5739},[5649,9187,5743],{"class":5735},[5649,9189,9190,9192,9194,9196,9198,9201],{"class":5651,"line":6288},[5649,9191,8284],{"class":5735},[5649,9193,5740],{"class":5739},[5649,9195,7017],{"class":6742},[5649,9197,6746],{"class":5663},[5649,9199,9200],{"class":5687},"\"panel-actions\"",[5649,9202,5743],{"class":5735},[5649,9204,9205,9208,9210,9212,9214,9217,9219,9221,9223,9225],{"class":5651,"line":6297},[5649,9206,9207],{"class":5735},"          \u003C",[5649,9209,7145],{"class":5739},[5649,9211,7017],{"class":6742},[5649,9213,6746],{"class":5663},[5649,9215,9216],{"class":5687},"\"btn btn-primary\"",[5649,9218,5754],{"class":5735},[5649,9220,8719],{"class":5663},[5649,9222,5773],{"class":5735},[5649,9224,7145],{"class":5739},[5649,9226,5743],{"class":5735},[5649,9228,9229,9231,9233,9235,9237,9239,9241,9243,9245,9247],{"class":5651,"line":6302},[5649,9230,9207],{"class":5735},[5649,9232,7145],{"class":5739},[5649,9234,7017],{"class":6742},[5649,9236,6746],{"class":5663},[5649,9238,9216],{"class":5687},[5649,9240,5754],{"class":5735},[5649,9242,8736],{"class":5663},[5649,9244,5773],{"class":5735},[5649,9246,7145],{"class":5739},[5649,9248,5743],{"class":5735},[5649,9250,9251,9253,9255,9257,9259,9262,9264,9267,9269,9271],{"class":5651,"line":6594},[5649,9252,9207],{"class":5735},[5649,9254,7145],{"class":5739},[5649,9256,7017],{"class":6742},[5649,9258,6746],{"class":5663},[5649,9260,9261],{"class":5687},"\"btn btn-secondary\"",[5649,9263,5754],{"class":5735},[5649,9265,9266],{"class":5663},"Звіти та аналітика",[5649,9268,5773],{"class":5735},[5649,9270,7145],{"class":5739},[5649,9272,5743],{"class":5735},[5649,9274,9275,9277,9279],{"class":5651,"line":6599},[5649,9276,8315],{"class":5735},[5649,9278,5740],{"class":5739},[5649,9280,5743],{"class":5735},[5649,9282,9283,9285,9287],{"class":5651,"line":7833},[5649,9284,8747],{"class":5735},[5649,9286,5740],{"class":5739},[5649,9288,5743],{"class":5735},[5649,9290,9291],{"class":5651,"line":7838},[5649,9292,8756],{"class":5663},[5649,9294,9295],{"class":5651,"line":7845},[5649,9296,8963],{"class":5663},[5649,9298,9299],{"class":5651,"line":7866},[5649,9300,5719],{"emptyLinePlaceholder":5718},[5649,9302,9303,9305,9307,9309,9311,9313],{"class":5651,"line":7887},[5649,9304,8656],{"class":5725},[5649,9306,5518],{"class":5663},[5649,9308,8661],{"class":5763},[5649,9310,8664],{"class":5663},[5649,9312,9048],{"class":5687},[5649,9314,7506],{"class":5663},[5649,9316,9317,9319],{"class":5651,"line":7896},[5649,9318,9102],{"class":5725},[5649,9320,5729],{"class":5663},[5649,9322,9323,9325,9327,9329,9331,9334],{"class":5651,"line":7901},[5649,9324,5749],{"class":5735},[5649,9326,5740],{"class":5739},[5649,9328,7017],{"class":6742},[5649,9330,6746],{"class":5663},[5649,9332,9333],{"class":5687},"\"panel user-panel\"",[5649,9335,5743],{"class":5735},[5649,9337,9338,9340,9342,9344,9346,9348,9350,9353,9355,9357],{"class":5651,"line":8910},[5649,9339,8284],{"class":5735},[5649,9341,5740],{"class":5739},[5649,9343,7017],{"class":6742},[5649,9345,6746],{"class":5663},[5649,9347,9132],{"class":5687},[5649,9349,5754],{"class":5735},[5649,9351,9352],{"class":5663},"👤",[5649,9354,5773],{"class":5735},[5649,9356,5740],{"class":5739},[5649,9358,5743],{"class":5735},[5649,9360,9361,9363,9365,9367,9369,9371,9373],{"class":5651,"line":8928},[5649,9362,8284],{"class":5735},[5649,9364,5610],{"class":5739},[5649,9366,5754],{"class":5735},[5649,9368,8809],{"class":5663},[5649,9370,5773],{"class":5735},[5649,9372,5610],{"class":5739},[5649,9374,5743],{"class":5735},[5649,9376,9377,9379,9381,9383,9385,9387],{"class":5651,"line":8946},[5649,9378,8284],{"class":5735},[5649,9380,5585],{"class":5739},[5649,9382,7017],{"class":6742},[5649,9384,6746],{"class":5663},[5649,9386,9172],{"class":5687},[5649,9388,5743],{"class":5735},[5649,9390,9391],{"class":5651,"line":8955},[5649,9392,9393],{"class":5663},"          Особистий кабінет та історія активності\n",[5649,9395,9396,9398,9400],{"class":5651,"line":8960},[5649,9397,8315],{"class":5735},[5649,9399,5585],{"class":5739},[5649,9401,5743],{"class":5735},[5649,9403,9404,9406,9408,9410,9412,9414],{"class":5651,"line":8966},[5649,9405,8284],{"class":5735},[5649,9407,5740],{"class":5739},[5649,9409,7017],{"class":6742},[5649,9411,6746],{"class":5663},[5649,9413,9200],{"class":5687},[5649,9415,5743],{"class":5735},[5649,9417,9418,9420,9422,9424,9426,9428,9430,9432,9434,9436],{"class":5651,"line":8971},[5649,9419,9207],{"class":5735},[5649,9421,7145],{"class":5739},[5649,9423,7017],{"class":6742},[5649,9425,6746],{"class":5663},[5649,9427,9216],{"class":5687},[5649,9429,5754],{"class":5735},[5649,9431,8826],{"class":5663},[5649,9433,5773],{"class":5735},[5649,9435,7145],{"class":5739},[5649,9437,5743],{"class":5735},[5649,9439,9440,9442,9444,9446,9448,9450,9452,9454,9456,9458],{"class":5651,"line":9004},[5649,9441,9207],{"class":5735},[5649,9443,7145],{"class":5739},[5649,9445,7017],{"class":6742},[5649,9447,6746],{"class":5663},[5649,9449,9216],{"class":5687},[5649,9451,5754],{"class":5735},[5649,9453,8843],{"class":5663},[5649,9455,5773],{"class":5735},[5649,9457,7145],{"class":5739},[5649,9459,5743],{"class":5735},[5649,9461,9463,9465,9467,9469,9471,9473,9475,9478,9480,9482],{"class":5651,"line":9462},34,[5649,9464,9207],{"class":5735},[5649,9466,7145],{"class":5739},[5649,9468,7017],{"class":6742},[5649,9470,6746],{"class":5663},[5649,9472,9261],{"class":5687},[5649,9474,5754],{"class":5735},[5649,9476,9477],{"class":5663},"Налаштування",[5649,9479,5773],{"class":5735},[5649,9481,7145],{"class":5739},[5649,9483,5743],{"class":5735},[5649,9485,9487,9489,9491],{"class":5651,"line":9486},35,[5649,9488,8315],{"class":5735},[5649,9490,5740],{"class":5739},[5649,9492,5743],{"class":5735},[5649,9494,9496,9498,9500],{"class":5651,"line":9495},36,[5649,9497,8747],{"class":5735},[5649,9499,5740],{"class":5739},[5649,9501,5743],{"class":5735},[5649,9503,9505],{"class":5651,"line":9504},37,[5649,9506,8756],{"class":5663},[5649,9508,9510],{"class":5651,"line":9509},38,[5649,9511,8963],{"class":5663},[5649,9513,9515],{"class":5651,"line":9514},39,[5649,9516,5719],{"emptyLinePlaceholder":5718},[5649,9518,9520,9522],{"class":5651,"line":9519},40,[5649,9521,5726],{"class":5725},[5649,9523,5729],{"class":5663},[5649,9525,9527,9529,9531,9533,9535,9538],{"class":5651,"line":9526},41,[5649,9528,5736],{"class":5735},[5649,9530,5740],{"class":5739},[5649,9532,7017],{"class":6742},[5649,9534,6746],{"class":5663},[5649,9536,9537],{"class":5687},"\"panel guest-panel\"",[5649,9539,5743],{"class":5735},[5649,9541,9543,9545,9547,9549,9551,9553,9555,9558,9560,9562],{"class":5651,"line":9542},42,[5649,9544,5749],{"class":5735},[5649,9546,5740],{"class":5739},[5649,9548,7017],{"class":6742},[5649,9550,6746],{"class":5663},[5649,9552,9132],{"class":5687},[5649,9554,5754],{"class":5735},[5649,9556,9557],{"class":5663},"🚪",[5649,9559,5773],{"class":5735},[5649,9561,5740],{"class":5739},[5649,9563,5743],{"class":5735},[5649,9565,9567,9569,9571,9573,9575,9577,9579],{"class":5651,"line":9566},43,[5649,9568,5749],{"class":5735},[5649,9570,5610],{"class":5739},[5649,9572,5754],{"class":5735},[5649,9574,8901],{"class":5663},[5649,9576,5773],{"class":5735},[5649,9578,5610],{"class":5739},[5649,9580,5743],{"class":5735},[5649,9582,9584,9586,9588,9590,9592,9594],{"class":5651,"line":9583},44,[5649,9585,5749],{"class":5735},[5649,9587,5585],{"class":5739},[5649,9589,7017],{"class":6742},[5649,9591,6746],{"class":5663},[5649,9593,9172],{"class":5687},[5649,9595,5743],{"class":5735},[5649,9597,9599],{"class":5651,"line":9598},45,[5649,9600,9601],{"class":5663},"        Увійдіть або зареєструйтеся для доступу до всіх функцій\n",[5649,9603,9605,9607,9609],{"class":5651,"line":9604},46,[5649,9606,8747],{"class":5735},[5649,9608,5585],{"class":5739},[5649,9610,5743],{"class":5735},[5649,9612,9614,9616,9618,9620,9622,9624],{"class":5651,"line":9613},47,[5649,9615,5749],{"class":5735},[5649,9617,5740],{"class":5739},[5649,9619,7017],{"class":6742},[5649,9621,6746],{"class":5663},[5649,9623,9200],{"class":5687},[5649,9625,5743],{"class":5735},[5649,9627,9629,9631,9633,9635,9637,9639,9641,9643,9645,9647],{"class":5651,"line":9628},48,[5649,9630,8284],{"class":5735},[5649,9632,7145],{"class":5739},[5649,9634,7017],{"class":6742},[5649,9636,6746],{"class":5663},[5649,9638,9216],{"class":5687},[5649,9640,5754],{"class":5735},[5649,9642,8919],{"class":5663},[5649,9644,5773],{"class":5735},[5649,9646,7145],{"class":5739},[5649,9648,5743],{"class":5735},[5649,9650,9652,9654,9656,9658,9660,9662,9664,9666,9668,9670],{"class":5651,"line":9651},49,[5649,9653,8284],{"class":5735},[5649,9655,7145],{"class":5739},[5649,9657,7017],{"class":6742},[5649,9659,6746],{"class":5663},[5649,9661,9261],{"class":5687},[5649,9663,5754],{"class":5735},[5649,9665,8937],{"class":5663},[5649,9667,5773],{"class":5735},[5649,9669,7145],{"class":5739},[5649,9671,5743],{"class":5735},[5649,9673,9675,9677,9679],{"class":5651,"line":9674},50,[5649,9676,8747],{"class":5735},[5649,9678,5740],{"class":5739},[5649,9680,5743],{"class":5735},[5649,9682,9684,9686,9688],{"class":5651,"line":9683},51,[5649,9685,5808],{"class":5735},[5649,9687,5740],{"class":5739},[5649,9689,5743],{"class":5735},[5649,9691,9693],{"class":5651,"line":9692},52,[5649,9694,5818],{"class":5663},[5649,9696,9698],{"class":5651,"line":9697},53,[5649,9699,5824],{"class":5663},[5649,9701,9703],{"class":5651,"line":9702},54,[5649,9704,5719],{"emptyLinePlaceholder":5718},[5649,9706,9708,9710,9713],{"class":5651,"line":9707},55,[5649,9709,5656],{"class":5655},[5649,9711,9712],{"class":5659}," App",[5649,9714,5664],{"class":5663},[5649,9716,9718],{"class":5651,"line":9717},56,[5649,9719,9720],{"class":6061},"  \u002F\u002F Демонструємо три варіанти одночасно\n",[5649,9722,9724,9726,9729,9731,9733,9736,9738,9740,9742,9744,9746],{"class":5651,"line":9723},57,[5649,9725,5670],{"class":5655},[5649,9727,9728],{"class":5673}," roles",[5649,9730,5677],{"class":5663},[5649,9732,9080],{"class":5680},[5649,9734,9735],{"class":5663},"[] = [",[5649,9737,9043],{"class":5687},[5649,9739,5544],{"class":5663},[5649,9741,9048],{"class":5687},[5649,9743,5544],{"class":5663},[5649,9745,9053],{"class":5687},[5649,9747,9748],{"class":5663},"];\n",[5649,9750,9752],{"class":5651,"line":9751},58,[5649,9753,5719],{"emptyLinePlaceholder":5718},[5649,9755,9757,9759],{"class":5651,"line":9756},59,[5649,9758,5726],{"class":5725},[5649,9760,5729],{"class":5663},[5649,9762,9764,9766,9768,9770,9772,9775],{"class":5651,"line":9763},60,[5649,9765,5736],{"class":5735},[5649,9767,5740],{"class":5739},[5649,9769,7017],{"class":6742},[5649,9771,6746],{"class":5663},[5649,9773,9774],{"class":5687},"\"container\"",[5649,9776,5743],{"class":5735},[5649,9778,9780,9782,9784,9786,9789,9791,9793],{"class":5651,"line":9779},61,[5649,9781,5749],{"class":5735},[5649,9783,5472],{"class":5739},[5649,9785,5754],{"class":5735},[5649,9787,9788],{"class":5663},"Умовний рендеринг через `if`",[5649,9790,5773],{"class":5735},[5649,9792,5472],{"class":5739},[5649,9794,5743],{"class":5735},[5649,9796,9798,9800,9802,9804,9806,9809],{"class":5651,"line":9797},62,[5649,9799,5749],{"class":5735},[5649,9801,5585],{"class":5739},[5649,9803,7017],{"class":6742},[5649,9805,6746],{"class":5663},[5649,9807,9808],{"class":5687},"\"subtitle\"",[5649,9810,5743],{"class":5735},[5649,9812,9814],{"class":5651,"line":9813},63,[5649,9815,9816],{"class":5663},"        Компонент `RolePanel` відображає різний UI залежно від ролі\n",[5649,9818,9820,9822,9824],{"class":5651,"line":9819},64,[5649,9821,8747],{"class":5735},[5649,9823,5585],{"class":5739},[5649,9825,5743],{"class":5735},[5649,9827,9829],{"class":5651,"line":9828},65,[5649,9830,5719],{"emptyLinePlaceholder":5718},[5649,9832,9834,9836,9838,9840,9842,9845],{"class":5651,"line":9833},66,[5649,9835,5749],{"class":5735},[5649,9837,5740],{"class":5739},[5649,9839,7017],{"class":6742},[5649,9841,6746],{"class":5663},[5649,9843,9844],{"class":5687},"\"panels-grid\"",[5649,9846,5743],{"class":5735},[5649,9848,9850,9853,9856,9858,9861,9863,9865,9868],{"class":5651,"line":9849},67,[5649,9851,9852],{"class":5655},"        {",[5649,9854,9855],{"class":5763},"roles",[5649,9857,5554],{"class":6258},[5649,9859,9860],{"class":5659},"map",[5649,9862,6264],{"class":6258},[5649,9864,8661],{"class":5763},[5649,9866,9867],{"class":5655}," =>",[5649,9869,5729],{"class":6258},[5649,9871,9873,9875,9878,9881,9883,9885,9887,9889,9891,9893,9895,9897,9899],{"class":5651,"line":9872},68,[5649,9874,9207],{"class":5735},[5649,9876,9877],{"class":5680},"RolePanel",[5649,9879,9880],{"class":6742}," key",[5649,9882,6746],{"class":5663},[5649,9884,5760],{"class":5655},[5649,9886,8661],{"class":5763},[5649,9888,5767],{"class":5655},[5649,9890,8603],{"class":6742},[5649,9892,6746],{"class":5663},[5649,9894,5760],{"class":5655},[5649,9896,8661],{"class":5763},[5649,9898,5767],{"class":5655},[5649,9900,7884],{"class":5735},[5649,9902,9904,9907],{"class":5651,"line":9903},69,[5649,9905,9906],{"class":6258},"        ))",[5649,9908,5824],{"class":5655},[5649,9910,9912,9914,9916],{"class":5651,"line":9911},70,[5649,9913,8747],{"class":5735},[5649,9915,5740],{"class":5739},[5649,9917,5743],{"class":5735},[5649,9919,9921,9923,9925],{"class":5651,"line":9920},71,[5649,9922,5808],{"class":5735},[5649,9924,5740],{"class":5739},[5649,9926,5743],{"class":5735},[5649,9928,9930],{"class":5651,"line":9929},72,[5649,9931,5818],{"class":5663},[5649,9933,9935],{"class":5651,"line":9934},73,[5649,9936,5824],{"class":5663},[5649,9938,9940],{"class":5651,"line":9939},74,[5649,9941,5719],{"emptyLinePlaceholder":5718},[5649,9943,9945,9948,9951,9953],{"class":5651,"line":9944},75,[5649,9946,9947],{"class":5725},"export",[5649,9949,9950],{"class":5725}," default",[5649,9952,9712],{"class":5763},[5649,9954,5691],{"class":5663},[5640,9956,9961],{"className":9957,"code":9958,"filename":9959,"language":9960,"meta":5645,"style":5645},"language-css shiki shiki-themes light-plus dark-plus dark-plus",".container {\n  max-width: 1200px;\n  margin: 2rem auto;\n  font-family: system-ui, -apple-system, sans-serif;\n  padding: 0 1rem;\n}\n\nh1 {\n  text-align: center;\n  color: #1e293b;\n  font-size: 1.75rem;\n  margin-bottom: 0.5rem;\n}\n\n.subtitle {\n  text-align: center;\n  color: #64748b;\n  margin: 0 0 2rem;\n}\n\n.panels-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n  gap: 1.5rem;\n}\n\n.panel {\n  background: white;\n  padding: 2rem;\n  border-radius: 0.75rem;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  text-align: center;\n}\n\n.panel-icon {\n  font-size: 4rem;\n  margin-bottom: 1rem;\n}\n\n.panel h2 {\n  margin: 0 0 0.5rem;\n  color: #1e293b;\n  font-size: 1.5rem;\n}\n\n.panel-description {\n  color: #64748b;\n  margin: 0 0 1.5rem;\n  line-height: 1.6;\n}\n\n.panel-actions {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.btn {\n  padding: 0.75rem 1.5rem;\n  border: none;\n  border-radius: 0.5rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\n.btn-primary {\n  background: #3b82f6;\n  color: white;\n}\n\n.btn-primary:hover {\n  background: #2563eb;\n}\n\n.btn-secondary {\n  background: #e2e8f0;\n  color: #334155;\n}\n\n.btn-secondary:hover {\n  background: #cbd5e1;\n}\n\n.btn:active {\n  transform: scale(0.98);\n}\n\n.admin-panel {\n  border-top: 4px solid #8b5cf6;\n}\n\n.user-panel {\n  border-top: 4px solid #3b82f6;\n}\n\n.guest-panel {\n  border-top: 4px solid #64748b;\n}\n","src\u002FApp.css","css",[5500,9962,9963,9971,9983,9999,10017,10031,10035,10039,10045,10057,10069,10081,10093,10097,10101,10108,10118,10129,10145,10149,10153,10160,10172,10205,10217,10221,10225,10232,10244,10254,10266,10303,10313,10317,10321,10328,10339,10350,10354,10358,10367,10382,10392,10402,10406,10410,10417,10427,10442,10454,10458,10462,10469,10480,10492,10502,10506,10510,10517,10529,10541,10551,10562,10574,10589,10593,10597,10604,10615,10625,10629,10633,10640,10651,10655,10659,10667,10679,10691,10696,10701,10709,10721,10726,10731,10739,10757,10762,10767,10775,10794,10799,10804,10812,10828,10833,10838,10846,10862],{"__ignoreMap":5645},[5649,9964,9965,9969],{"class":5651,"line":5652},[5649,9966,9968],{"class":9967},"sqdDX",".container",[5649,9970,6406],{"class":5663},[5649,9972,9973,9976,9978,9981],{"class":5651,"line":5667},[5649,9974,9975],{"class":6742},"  max-width",[5649,9977,5677],{"class":5663},[5649,9979,9980],{"class":5709},"1200px",[5649,9982,5691],{"class":5663},[5649,9984,9985,9988,9990,9993,9997],{"class":5651,"line":5694},[5649,9986,9987],{"class":6742},"  margin",[5649,9989,5677],{"class":5663},[5649,9991,9992],{"class":5709},"2rem",[5649,9994,9996],{"class":9995},"sDUd3"," auto",[5649,9998,5691],{"class":5663},[5649,10000,10001,10004,10006,10009,10012,10015],{"class":5651,"line":5715},[5649,10002,10003],{"class":6742},"  font-family",[5649,10005,5677],{"class":5663},[5649,10007,10008],{"class":9995},"system-ui",[5649,10010,10011],{"class":5663},", -apple-system, ",[5649,10013,10014],{"class":9995},"sans-serif",[5649,10016,5691],{"class":5663},[5649,10018,10019,10022,10024,10026,10029],{"class":5651,"line":5722},[5649,10020,10021],{"class":6742},"  padding",[5649,10023,5677],{"class":5663},[5649,10025,8446],{"class":5709},[5649,10027,10028],{"class":5709}," 1rem",[5649,10030,5691],{"class":5663},[5649,10032,10033],{"class":5651,"line":5732},[5649,10034,5824],{"class":5663},[5649,10036,10037],{"class":5651,"line":5746},[5649,10038,5719],{"emptyLinePlaceholder":5718},[5649,10040,10041,10043],{"class":5651,"line":5780},[5649,10042,5472],{"class":9967},[5649,10044,6406],{"class":5663},[5649,10046,10047,10050,10052,10055],{"class":5651,"line":5805},[5649,10048,10049],{"class":6742},"  text-align",[5649,10051,5677],{"class":5663},[5649,10053,10054],{"class":9995},"center",[5649,10056,5691],{"class":5663},[5649,10058,10059,10062,10064,10067],{"class":5651,"line":5815},[5649,10060,10061],{"class":6742},"  color",[5649,10063,5677],{"class":5663},[5649,10065,10066],{"class":9995},"#1e293b",[5649,10068,5691],{"class":5663},[5649,10070,10071,10074,10076,10079],{"class":5651,"line":5821},[5649,10072,10073],{"class":6742},"  font-size",[5649,10075,5677],{"class":5663},[5649,10077,10078],{"class":5709},"1.75rem",[5649,10080,5691],{"class":5663},[5649,10082,10083,10086,10088,10091],{"class":5651,"line":6206},[5649,10084,10085],{"class":6742},"  margin-bottom",[5649,10087,5677],{"class":5663},[5649,10089,10090],{"class":5709},"0.5rem",[5649,10092,5691],{"class":5663},[5649,10094,10095],{"class":5651,"line":6236},[5649,10096,5824],{"class":5663},[5649,10098,10099],{"class":5651,"line":6288},[5649,10100,5719],{"emptyLinePlaceholder":5718},[5649,10102,10103,10106],{"class":5651,"line":6297},[5649,10104,10105],{"class":9967},".subtitle",[5649,10107,6406],{"class":5663},[5649,10109,10110,10112,10114,10116],{"class":5651,"line":6302},[5649,10111,10049],{"class":6742},[5649,10113,5677],{"class":5663},[5649,10115,10054],{"class":9995},[5649,10117,5691],{"class":5663},[5649,10119,10120,10122,10124,10127],{"class":5651,"line":6594},[5649,10121,10061],{"class":6742},[5649,10123,5677],{"class":5663},[5649,10125,10126],{"class":9995},"#64748b",[5649,10128,5691],{"class":5663},[5649,10130,10131,10133,10135,10137,10140,10143],{"class":5651,"line":6599},[5649,10132,9987],{"class":6742},[5649,10134,5677],{"class":5663},[5649,10136,8446],{"class":5709},[5649,10138,10139],{"class":5709}," 0",[5649,10141,10142],{"class":5709}," 2rem",[5649,10144,5691],{"class":5663},[5649,10146,10147],{"class":5651,"line":7833},[5649,10148,5824],{"class":5663},[5649,10150,10151],{"class":5651,"line":7838},[5649,10152,5719],{"emptyLinePlaceholder":5718},[5649,10154,10155,10158],{"class":5651,"line":7845},[5649,10156,10157],{"class":9967},".panels-grid",[5649,10159,6406],{"class":5663},[5649,10161,10162,10165,10167,10170],{"class":5651,"line":7866},[5649,10163,10164],{"class":6742},"  display",[5649,10166,5677],{"class":5663},[5649,10168,10169],{"class":9995},"grid",[5649,10171,5691],{"class":5663},[5649,10173,10174,10177,10179,10182,10184,10187,10189,10192,10194,10197,10199,10202],{"class":5651,"line":7887},[5649,10175,10176],{"class":6742},"  grid-template-columns",[5649,10178,5677],{"class":5663},[5649,10180,10181],{"class":5659},"repeat",[5649,10183,6264],{"class":5663},[5649,10185,10186],{"class":9995},"auto-fit",[5649,10188,5544],{"class":5663},[5649,10190,10191],{"class":5659},"minmax",[5649,10193,6264],{"class":5663},[5649,10195,10196],{"class":5709},"300px",[5649,10198,5544],{"class":5663},[5649,10200,10201],{"class":5709},"1fr",[5649,10203,10204],{"class":5663},"));\n",[5649,10206,10207,10210,10212,10215],{"class":5651,"line":7896},[5649,10208,10209],{"class":6742},"  gap",[5649,10211,5677],{"class":5663},[5649,10213,10214],{"class":5709},"1.5rem",[5649,10216,5691],{"class":5663},[5649,10218,10219],{"class":5651,"line":7901},[5649,10220,5824],{"class":5663},[5649,10222,10223],{"class":5651,"line":8910},[5649,10224,5719],{"emptyLinePlaceholder":5718},[5649,10226,10227,10230],{"class":5651,"line":8928},[5649,10228,10229],{"class":9967},".panel",[5649,10231,6406],{"class":5663},[5649,10233,10234,10237,10239,10242],{"class":5651,"line":8946},[5649,10235,10236],{"class":6742},"  background",[5649,10238,5677],{"class":5663},[5649,10240,10241],{"class":9995},"white",[5649,10243,5691],{"class":5663},[5649,10245,10246,10248,10250,10252],{"class":5651,"line":8955},[5649,10247,10021],{"class":6742},[5649,10249,5677],{"class":5663},[5649,10251,9992],{"class":5709},[5649,10253,5691],{"class":5663},[5649,10255,10256,10259,10261,10264],{"class":5651,"line":8960},[5649,10257,10258],{"class":6742},"  border-radius",[5649,10260,5677],{"class":5663},[5649,10262,10263],{"class":5709},"0.75rem",[5649,10265,5691],{"class":5663},[5649,10267,10268,10271,10273,10275,10278,10281,10284,10286,10288,10290,10292,10294,10296,10298,10301],{"class":5651,"line":8966},[5649,10269,10270],{"class":6742},"  box-shadow",[5649,10272,5677],{"class":5663},[5649,10274,8446],{"class":5709},[5649,10276,10277],{"class":5709}," 2px",[5649,10279,10280],{"class":5709}," 8px",[5649,10282,10283],{"class":5659}," rgba",[5649,10285,6264],{"class":5663},[5649,10287,8446],{"class":5709},[5649,10289,5544],{"class":5663},[5649,10291,8446],{"class":5709},[5649,10293,5544],{"class":5663},[5649,10295,8446],{"class":5709},[5649,10297,5544],{"class":5663},[5649,10299,10300],{"class":5709},"0.1",[5649,10302,6129],{"class":5663},[5649,10304,10305,10307,10309,10311],{"class":5651,"line":8971},[5649,10306,10049],{"class":6742},[5649,10308,5677],{"class":5663},[5649,10310,10054],{"class":9995},[5649,10312,5691],{"class":5663},[5649,10314,10315],{"class":5651,"line":9004},[5649,10316,5824],{"class":5663},[5649,10318,10319],{"class":5651,"line":9462},[5649,10320,5719],{"emptyLinePlaceholder":5718},[5649,10322,10323,10326],{"class":5651,"line":9486},[5649,10324,10325],{"class":9967},".panel-icon",[5649,10327,6406],{"class":5663},[5649,10329,10330,10332,10334,10337],{"class":5651,"line":9495},[5649,10331,10073],{"class":6742},[5649,10333,5677],{"class":5663},[5649,10335,10336],{"class":5709},"4rem",[5649,10338,5691],{"class":5663},[5649,10340,10341,10343,10345,10348],{"class":5651,"line":9504},[5649,10342,10085],{"class":6742},[5649,10344,5677],{"class":5663},[5649,10346,10347],{"class":5709},"1rem",[5649,10349,5691],{"class":5663},[5649,10351,10352],{"class":5651,"line":9509},[5649,10353,5824],{"class":5663},[5649,10355,10356],{"class":5651,"line":9514},[5649,10357,5719],{"emptyLinePlaceholder":5718},[5649,10359,10360,10362,10365],{"class":5651,"line":9519},[5649,10361,10229],{"class":9967},[5649,10363,10364],{"class":9967}," h2",[5649,10366,6406],{"class":5663},[5649,10368,10369,10371,10373,10375,10377,10380],{"class":5651,"line":9526},[5649,10370,9987],{"class":6742},[5649,10372,5677],{"class":5663},[5649,10374,8446],{"class":5709},[5649,10376,10139],{"class":5709},[5649,10378,10379],{"class":5709}," 0.5rem",[5649,10381,5691],{"class":5663},[5649,10383,10384,10386,10388,10390],{"class":5651,"line":9542},[5649,10385,10061],{"class":6742},[5649,10387,5677],{"class":5663},[5649,10389,10066],{"class":9995},[5649,10391,5691],{"class":5663},[5649,10393,10394,10396,10398,10400],{"class":5651,"line":9566},[5649,10395,10073],{"class":6742},[5649,10397,5677],{"class":5663},[5649,10399,10214],{"class":5709},[5649,10401,5691],{"class":5663},[5649,10403,10404],{"class":5651,"line":9583},[5649,10405,5824],{"class":5663},[5649,10407,10408],{"class":5651,"line":9598},[5649,10409,5719],{"emptyLinePlaceholder":5718},[5649,10411,10412,10415],{"class":5651,"line":9604},[5649,10413,10414],{"class":9967},".panel-description",[5649,10416,6406],{"class":5663},[5649,10418,10419,10421,10423,10425],{"class":5651,"line":9613},[5649,10420,10061],{"class":6742},[5649,10422,5677],{"class":5663},[5649,10424,10126],{"class":9995},[5649,10426,5691],{"class":5663},[5649,10428,10429,10431,10433,10435,10437,10440],{"class":5651,"line":9628},[5649,10430,9987],{"class":6742},[5649,10432,5677],{"class":5663},[5649,10434,8446],{"class":5709},[5649,10436,10139],{"class":5709},[5649,10438,10439],{"class":5709}," 1.5rem",[5649,10441,5691],{"class":5663},[5649,10443,10444,10447,10449,10452],{"class":5651,"line":9651},[5649,10445,10446],{"class":6742},"  line-height",[5649,10448,5677],{"class":5663},[5649,10450,10451],{"class":5709},"1.6",[5649,10453,5691],{"class":5663},[5649,10455,10456],{"class":5651,"line":9674},[5649,10457,5824],{"class":5663},[5649,10459,10460],{"class":5651,"line":9683},[5649,10461,5719],{"emptyLinePlaceholder":5718},[5649,10463,10464,10467],{"class":5651,"line":9692},[5649,10465,10466],{"class":9967},".panel-actions",[5649,10468,6406],{"class":5663},[5649,10470,10471,10473,10475,10478],{"class":5651,"line":9697},[5649,10472,10164],{"class":6742},[5649,10474,5677],{"class":5663},[5649,10476,10477],{"class":9995},"flex",[5649,10479,5691],{"class":5663},[5649,10481,10482,10485,10487,10490],{"class":5651,"line":9702},[5649,10483,10484],{"class":6742},"  flex-direction",[5649,10486,5677],{"class":5663},[5649,10488,10489],{"class":9995},"column",[5649,10491,5691],{"class":5663},[5649,10493,10494,10496,10498,10500],{"class":5651,"line":9707},[5649,10495,10209],{"class":6742},[5649,10497,5677],{"class":5663},[5649,10499,10263],{"class":5709},[5649,10501,5691],{"class":5663},[5649,10503,10504],{"class":5651,"line":9717},[5649,10505,5824],{"class":5663},[5649,10507,10508],{"class":5651,"line":9723},[5649,10509,5719],{"emptyLinePlaceholder":5718},[5649,10511,10512,10515],{"class":5651,"line":9751},[5649,10513,10514],{"class":9967},".btn",[5649,10516,6406],{"class":5663},[5649,10518,10519,10521,10523,10525,10527],{"class":5651,"line":9756},[5649,10520,10021],{"class":6742},[5649,10522,5677],{"class":5663},[5649,10524,10263],{"class":5709},[5649,10526,10439],{"class":5709},[5649,10528,5691],{"class":5663},[5649,10530,10531,10534,10536,10539],{"class":5651,"line":9763},[5649,10532,10533],{"class":6742},"  border",[5649,10535,5677],{"class":5663},[5649,10537,10538],{"class":9995},"none",[5649,10540,5691],{"class":5663},[5649,10542,10543,10545,10547,10549],{"class":5651,"line":9779},[5649,10544,10258],{"class":6742},[5649,10546,5677],{"class":5663},[5649,10548,10090],{"class":5709},[5649,10550,5691],{"class":5663},[5649,10552,10553,10556,10558,10560],{"class":5651,"line":9797},[5649,10554,10555],{"class":6742},"  font-weight",[5649,10557,5677],{"class":5663},[5649,10559,9010],{"class":5709},[5649,10561,5691],{"class":5663},[5649,10563,10564,10567,10569,10572],{"class":5651,"line":9813},[5649,10565,10566],{"class":6742},"  cursor",[5649,10568,5677],{"class":5663},[5649,10570,10571],{"class":9995},"pointer",[5649,10573,5691],{"class":5663},[5649,10575,10576,10579,10581,10584,10587],{"class":5651,"line":9819},[5649,10577,10578],{"class":6742},"  transition",[5649,10580,5677],{"class":5663},[5649,10582,10583],{"class":9995},"all",[5649,10585,10586],{"class":5709}," 0.2s",[5649,10588,5691],{"class":5663},[5649,10590,10591],{"class":5651,"line":9828},[5649,10592,5824],{"class":5663},[5649,10594,10595],{"class":5651,"line":9833},[5649,10596,5719],{"emptyLinePlaceholder":5718},[5649,10598,10599,10602],{"class":5651,"line":9849},[5649,10600,10601],{"class":9967},".btn-primary",[5649,10603,6406],{"class":5663},[5649,10605,10606,10608,10610,10613],{"class":5651,"line":9872},[5649,10607,10236],{"class":6742},[5649,10609,5677],{"class":5663},[5649,10611,10612],{"class":9995},"#3b82f6",[5649,10614,5691],{"class":5663},[5649,10616,10617,10619,10621,10623],{"class":5651,"line":9903},[5649,10618,10061],{"class":6742},[5649,10620,5677],{"class":5663},[5649,10622,10241],{"class":9995},[5649,10624,5691],{"class":5663},[5649,10626,10627],{"class":5651,"line":9911},[5649,10628,5824],{"class":5663},[5649,10630,10631],{"class":5651,"line":9920},[5649,10632,5719],{"emptyLinePlaceholder":5718},[5649,10634,10635,10638],{"class":5651,"line":9929},[5649,10636,10637],{"class":9967},".btn-primary:hover",[5649,10639,6406],{"class":5663},[5649,10641,10642,10644,10646,10649],{"class":5651,"line":9934},[5649,10643,10236],{"class":6742},[5649,10645,5677],{"class":5663},[5649,10647,10648],{"class":9995},"#2563eb",[5649,10650,5691],{"class":5663},[5649,10652,10653],{"class":5651,"line":9939},[5649,10654,5824],{"class":5663},[5649,10656,10657],{"class":5651,"line":9944},[5649,10658,5719],{"emptyLinePlaceholder":5718},[5649,10660,10662,10665],{"class":5651,"line":10661},76,[5649,10663,10664],{"class":9967},".btn-secondary",[5649,10666,6406],{"class":5663},[5649,10668,10670,10672,10674,10677],{"class":5651,"line":10669},77,[5649,10671,10236],{"class":6742},[5649,10673,5677],{"class":5663},[5649,10675,10676],{"class":9995},"#e2e8f0",[5649,10678,5691],{"class":5663},[5649,10680,10682,10684,10686,10689],{"class":5651,"line":10681},78,[5649,10683,10061],{"class":6742},[5649,10685,5677],{"class":5663},[5649,10687,10688],{"class":9995},"#334155",[5649,10690,5691],{"class":5663},[5649,10692,10694],{"class":5651,"line":10693},79,[5649,10695,5824],{"class":5663},[5649,10697,10699],{"class":5651,"line":10698},80,[5649,10700,5719],{"emptyLinePlaceholder":5718},[5649,10702,10704,10707],{"class":5651,"line":10703},81,[5649,10705,10706],{"class":9967},".btn-secondary:hover",[5649,10708,6406],{"class":5663},[5649,10710,10712,10714,10716,10719],{"class":5651,"line":10711},82,[5649,10713,10236],{"class":6742},[5649,10715,5677],{"class":5663},[5649,10717,10718],{"class":9995},"#cbd5e1",[5649,10720,5691],{"class":5663},[5649,10722,10724],{"class":5651,"line":10723},83,[5649,10725,5824],{"class":5663},[5649,10727,10729],{"class":5651,"line":10728},84,[5649,10730,5719],{"emptyLinePlaceholder":5718},[5649,10732,10734,10737],{"class":5651,"line":10733},85,[5649,10735,10736],{"class":9967},".btn:active",[5649,10738,6406],{"class":5663},[5649,10740,10742,10745,10747,10750,10752,10755],{"class":5651,"line":10741},86,[5649,10743,10744],{"class":6742},"  transform",[5649,10746,5677],{"class":5663},[5649,10748,10749],{"class":5659},"scale",[5649,10751,6264],{"class":5663},[5649,10753,10754],{"class":5709},"0.98",[5649,10756,6129],{"class":5663},[5649,10758,10760],{"class":5651,"line":10759},87,[5649,10761,5824],{"class":5663},[5649,10763,10765],{"class":5651,"line":10764},88,[5649,10766,5719],{"emptyLinePlaceholder":5718},[5649,10768,10770,10773],{"class":5651,"line":10769},89,[5649,10771,10772],{"class":9967},".admin-panel",[5649,10774,6406],{"class":5663},[5649,10776,10778,10781,10783,10786,10789,10792],{"class":5651,"line":10777},90,[5649,10779,10780],{"class":6742},"  border-top",[5649,10782,5677],{"class":5663},[5649,10784,10785],{"class":5709},"4px",[5649,10787,10788],{"class":9995}," solid",[5649,10790,10791],{"class":9995}," #8b5cf6",[5649,10793,5691],{"class":5663},[5649,10795,10797],{"class":5651,"line":10796},91,[5649,10798,5824],{"class":5663},[5649,10800,10802],{"class":5651,"line":10801},92,[5649,10803,5719],{"emptyLinePlaceholder":5718},[5649,10805,10807,10810],{"class":5651,"line":10806},93,[5649,10808,10809],{"class":9967},".user-panel",[5649,10811,6406],{"class":5663},[5649,10813,10815,10817,10819,10821,10823,10826],{"class":5651,"line":10814},94,[5649,10816,10780],{"class":6742},[5649,10818,5677],{"class":5663},[5649,10820,10785],{"class":5709},[5649,10822,10788],{"class":9995},[5649,10824,10825],{"class":9995}," #3b82f6",[5649,10827,5691],{"class":5663},[5649,10829,10831],{"class":5651,"line":10830},95,[5649,10832,5824],{"class":5663},[5649,10834,10836],{"class":5651,"line":10835},96,[5649,10837,5719],{"emptyLinePlaceholder":5718},[5649,10839,10841,10844],{"class":5651,"line":10840},97,[5649,10842,10843],{"class":9967},".guest-panel",[5649,10845,6406],{"class":5663},[5649,10847,10849,10851,10853,10855,10857,10860],{"class":5651,"line":10848},98,[5649,10850,10780],{"class":6742},[5649,10852,5677],{"class":5663},[5649,10854,10785],{"class":5709},[5649,10856,10788],{"class":9995},[5649,10858,10859],{"class":9995}," #64748b",[5649,10861,5691],{"class":5663},[5649,10863,10865],{"class":5651,"line":10864},99,[5649,10866,5824],{"class":5663},[5607,10868],{},[5610,10870,10872,10873],{"id":10871},"що-не-можна-вставляти-через","Що НЕ можна вставляти через ",[5500,10874,5502],{},[5585,10876,10877,10878,10881],{},"Фігурні дужки приймають ",[5515,10879,10880],{},"лише вирази",", а не інструкції.",[5635,10883,10885,10886,8572,10888],{"id":10884},"не-працює-if-else","❌ Не працює: ",[5500,10887,5543],{},[5500,10889,8764],{},[5640,10891,10893],{"className":5642,"code":10892,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ❌ НЕПРАВИЛЬНО — if є інструкцією, а не виразом\nfunction Message({ isError }: { isError: boolean }) {\n  return (\n    \u003Cdiv>\n      {if (isError) {\n        return \u003Cp>Помилка!\u003C\u002Fp>;\n      } else {\n        return \u003Cp>Успіх!\u003C\u002Fp>;\n      }}\n    \u003C\u002Fdiv>\n  );\n}\n",[5500,10894,10895,10900,10920,10926,10934,10946,10951,10960,10965,10972,10980,10984],{"__ignoreMap":5645},[5649,10896,10897],{"class":5651,"line":5652},[5649,10898,10899],{"class":6061},"\u002F\u002F ❌ НЕПРАВИЛЬНО — if є інструкцією, а не виразом\n",[5649,10901,10902,10904,10906,10908,10910,10912,10914,10916,10918],{"class":5651,"line":5667},[5649,10903,5656],{"class":5655},[5649,10905,8050],{"class":5659},[5649,10907,7485],{"class":5663},[5649,10909,6947],{"class":5763},[5649,10911,9073],{"class":5663},[5649,10913,6947],{"class":5763},[5649,10915,5677],{"class":5663},[5649,10917,6924],{"class":5680},[5649,10919,9083],{"class":5663},[5649,10921,10922,10924],{"class":5651,"line":5694},[5649,10923,5726],{"class":5725},[5649,10925,5729],{"class":5663},[5649,10927,10928,10930,10932],{"class":5651,"line":5715},[5649,10929,5736],{"class":5735},[5649,10931,5740],{"class":5739},[5649,10933,5743],{"class":5735},[5649,10935,10936,10938,10940,10942,10944],{"class":5651,"line":5722},[5649,10937,7033],{"class":5655},[5649,10939,5543],{"class":5659},[5649,10941,5518],{"class":6258},[5649,10943,6947],{"class":5763},[5649,10945,7506],{"class":6258},[5649,10947,10948],{"class":5651,"line":5732},[5649,10949,10950],{"class":6258},"        return \u003Cp>Помилка!\u003C\u002Fp>;\n",[5649,10952,10953,10956,10958],{"class":5651,"line":5746},[5649,10954,10955],{"class":6258},"      } ",[5649,10957,8764],{"class":5763},[5649,10959,6406],{"class":6258},[5649,10961,10962],{"class":5651,"line":5780},[5649,10963,10964],{"class":6258},"        return \u003Cp>Успіх!\u003C\u002Fp>;\n",[5649,10966,10967,10970],{"class":5651,"line":5805},[5649,10968,10969],{"class":6258},"      }",[5649,10971,5824],{"class":5655},[5649,10973,10974,10976,10978],{"class":5651,"line":5815},[5649,10975,5808],{"class":5735},[5649,10977,5740],{"class":5739},[5649,10979,5743],{"class":5735},[5649,10981,10982],{"class":5651,"line":5821},[5649,10983,5818],{"class":5663},[5649,10985,10986],{"class":5651,"line":6206},[5649,10987,5824],{"class":5663},[5585,10989,10990,10993],{},[5515,10991,10992],{},"Рішення:"," Тернарний оператор або змінна:",[5640,10995,10997],{"className":5642,"code":10996,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ✅ Тернарний оператор\n{isError ? \u003Cp>Помилка!\u003C\u002Fp> : \u003Cp>Успіх!\u003C\u002Fp>}\n\n\u002F\u002F ✅ Змінна\nconst message = isError ? \u003Cp>Помилка!\u003C\u002Fp> : \u003Cp>Успіх!\u003C\u002Fp>;\nreturn \u003Cdiv>{message}\u003C\u002Fdiv>;\n",[5500,10998,10999,11004,11046,11050,11055,11100],{"__ignoreMap":5645},[5649,11000,11001],{"class":5651,"line":5652},[5649,11002,11003],{"class":6061},"\u002F\u002F ✅ Тернарний оператор\n",[5649,11005,11006,11008,11010,11012,11014,11016,11018,11021,11023,11025,11027,11029,11031,11033,11035,11038,11040,11042,11044],{"class":5651,"line":5667},[5649,11007,5760],{"class":5663},[5649,11009,6947],{"class":5763},[5649,11011,6950],{"class":5663},[5649,11013,5841],{"class":5735},[5649,11015,5585],{"class":5739},[5649,11017,5754],{"class":5735},[5649,11019,11020],{"class":5663},"Помилка!",[5649,11022,5773],{"class":5735},[5649,11024,5585],{"class":5739},[5649,11026,5754],{"class":5735},[5649,11028,6956],{"class":5663},[5649,11030,5841],{"class":5735},[5649,11032,5585],{"class":5739},[5649,11034,5754],{"class":5735},[5649,11036,11037],{"class":5663},"Успіх!",[5649,11039,5773],{"class":5735},[5649,11041,5585],{"class":5739},[5649,11043,5754],{"class":5735},[5649,11045,5824],{"class":5663},[5649,11047,11048],{"class":5651,"line":5694},[5649,11049,5719],{"emptyLinePlaceholder":5718},[5649,11051,11052],{"class":5651,"line":5715},[5649,11053,11054],{"class":6061},"\u002F\u002F ✅ Змінна\n",[5649,11056,11057,11059,11062,11064,11066,11068,11070,11072,11074,11076,11078,11080,11082,11084,11086,11088,11090,11092,11094,11096,11098],{"class":5651,"line":5722},[5649,11058,6319],{"class":5655},[5649,11060,11061],{"class":5673}," message",[5649,11063,5684],{"class":5663},[5649,11065,6947],{"class":5763},[5649,11067,6950],{"class":5663},[5649,11069,5841],{"class":5735},[5649,11071,5585],{"class":5739},[5649,11073,5754],{"class":5735},[5649,11075,11020],{"class":5663},[5649,11077,5773],{"class":5735},[5649,11079,5585],{"class":5739},[5649,11081,5754],{"class":5735},[5649,11083,6956],{"class":5663},[5649,11085,5841],{"class":5735},[5649,11087,5585],{"class":5739},[5649,11089,5754],{"class":5735},[5649,11091,11037],{"class":5663},[5649,11093,5773],{"class":5735},[5649,11095,5585],{"class":5739},[5649,11097,5754],{"class":5735},[5649,11099,5691],{"class":5663},[5649,11101,11102,11105,11107,11109,11111,11113,11116,11118,11120,11122,11124],{"class":5651,"line":5732},[5649,11103,11104],{"class":5725},"return",[5649,11106,7385],{"class":5735},[5649,11108,5740],{"class":5739},[5649,11110,5754],{"class":5735},[5649,11112,5760],{"class":5655},[5649,11114,11115],{"class":5763},"message",[5649,11117,5767],{"class":5655},[5649,11119,5773],{"class":5735},[5649,11121,5740],{"class":5739},[5649,11123,5754],{"class":5735},[5649,11125,5691],{"class":5663},[5635,11127,11129,11130,8572,11132],{"id":11128},"не-працює-цикли-for-while","❌ Не працює: цикли ",[5500,11131,5547],{},[5500,11133,5550],{},[5640,11135,11137],{"className":5642,"code":11136,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ❌ НЕПРАВИЛЬНО — for є інструкцією\n\u003Cul>\n  {for (let i = 0; i \u003C 5; i++) {\n    \u003Cli>{i}\u003C\u002Fli>\n  }}\n\u003C\u002Ful>\n",[5500,11138,11139,11144,11152,11191,11201,11208],{"__ignoreMap":5645},[5649,11140,11141],{"class":5651,"line":5652},[5649,11142,11143],{"class":6061},"\u002F\u002F ❌ НЕПРАВИЛЬНО — for є інструкцією\n",[5649,11145,11146,11148,11150],{"class":5651,"line":5667},[5649,11147,5841],{"class":5735},[5649,11149,5484],{"class":5739},[5649,11151,5743],{"class":5735},[5649,11153,11154,11157,11159,11161,11164,11167,11170,11172,11174,11177,11179,11182,11184,11186,11189],{"class":5651,"line":5694},[5649,11155,11156],{"class":5655},"  {",[5649,11158,5547],{"class":5659},[5649,11160,5518],{"class":6258},[5649,11162,11163],{"class":5763},"let",[5649,11165,11166],{"class":5763}," i",[5649,11168,11169],{"class":5663}," =",[5649,11171,10139],{"class":5709},[5649,11173,6058],{"class":6258},[5649,11175,11176],{"class":5763},"i",[5649,11178,7385],{"class":5663},[5649,11180,11181],{"class":5709}," 5",[5649,11183,6058],{"class":6258},[5649,11185,11176],{"class":5763},[5649,11187,11188],{"class":5663},"++",[5649,11190,7506],{"class":6258},[5649,11192,11193,11196,11198],{"class":5651,"line":5715},[5649,11194,11195],{"class":6258},"    \u003Cli>{",[5649,11197,11176],{"class":5763},[5649,11199,11200],{"class":6258},"}\u003C\u002Fli>\n",[5649,11202,11203,11206],{"class":5651,"line":5722},[5649,11204,11205],{"class":6258},"  }",[5649,11207,5824],{"class":5655},[5649,11209,11210,11212,11214],{"class":5651,"line":5732},[5649,11211,5773],{"class":5735},[5649,11213,5484],{"class":5739},[5649,11215,5743],{"class":5735},[5585,11217,11218,7971,11220,11223],{},[5515,11219,10992],{},[5500,11221,11222],{},".map()"," для масивів:",[5640,11225,11227],{"className":5642,"code":11226,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ✅ Використовуйте .map()\n\u003Cul>\n  {[0, 1, 2, 3, 4].map(i => \u003Cli key={i}>{i}\u003C\u002Fli>)}\n\u003C\u002Ful>\n",[5500,11228,11229,11234,11242,11311],{"__ignoreMap":5645},[5649,11230,11231],{"class":5651,"line":5652},[5649,11232,11233],{"class":6061},"\u002F\u002F ✅ Використовуйте .map()\n",[5649,11235,11236,11238,11240],{"class":5651,"line":5667},[5649,11237,5841],{"class":5735},[5649,11239,5484],{"class":5739},[5649,11241,5743],{"class":5735},[5649,11243,11244,11246,11249,11251,11253,11255,11257,11259,11261,11264,11266,11269,11271,11273,11275,11277,11279,11281,11283,11285,11287,11289,11291,11293,11295,11297,11299,11301,11303,11305,11307,11309],{"class":5651,"line":5694},[5649,11245,11156],{"class":5655},[5649,11247,11248],{"class":6258},"[",[5649,11250,8446],{"class":5709},[5649,11252,5544],{"class":6258},[5649,11254,6109],{"class":5709},[5649,11256,5544],{"class":6258},[5649,11258,6267],{"class":5709},[5649,11260,5544],{"class":6258},[5649,11262,11263],{"class":5709},"3",[5649,11265,5544],{"class":6258},[5649,11267,11268],{"class":5709},"4",[5649,11270,7364],{"class":6258},[5649,11272,9860],{"class":5659},[5649,11274,6264],{"class":6258},[5649,11276,11176],{"class":5763},[5649,11278,9867],{"class":5655},[5649,11280,7385],{"class":5735},[5649,11282,5487],{"class":5739},[5649,11284,9880],{"class":6742},[5649,11286,6746],{"class":5663},[5649,11288,5760],{"class":5655},[5649,11290,11176],{"class":5763},[5649,11292,5767],{"class":5655},[5649,11294,5754],{"class":5735},[5649,11296,5760],{"class":5655},[5649,11298,11176],{"class":5763},[5649,11300,5767],{"class":5655},[5649,11302,5773],{"class":5735},[5649,11304,5487],{"class":5739},[5649,11306,5754],{"class":5735},[5649,11308,6270],{"class":6258},[5649,11310,5824],{"class":5655},[5649,11312,11313,11315,11317],{"class":5651,"line":5715},[5649,11314,5773],{"class":5735},[5649,11316,5484],{"class":5739},[5649,11318,5743],{"class":5735},[5635,11320,11322],{"id":11321},"не-працює-оголошення-змінних","❌ Не працює: оголошення змінних",[5640,11324,11326],{"className":5642,"code":11325,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ❌ НЕПРАВИЛЬНО — const є інструкцією\n\u003Cdiv>\n  {const x = 5;}\n  {x + 10}\n\u003C\u002Fdiv>\n",[5500,11327,11328,11333,11341,11359,11374],{"__ignoreMap":5645},[5649,11329,11330],{"class":5651,"line":5652},[5649,11331,11332],{"class":6061},"\u002F\u002F ❌ НЕПРАВИЛЬНО — const є інструкцією\n",[5649,11334,11335,11337,11339],{"class":5651,"line":5667},[5649,11336,5841],{"class":5735},[5649,11338,5740],{"class":5739},[5649,11340,5743],{"class":5735},[5649,11342,11343,11345,11347,11350,11352,11354,11357],{"class":5651,"line":5694},[5649,11344,11156],{"class":5655},[5649,11346,6319],{"class":5763},[5649,11348,11349],{"class":5763}," x",[5649,11351,11169],{"class":5663},[5649,11353,11181],{"class":5709},[5649,11355,11356],{"class":6258},";",[5649,11358,5824],{"class":5655},[5649,11360,11361,11363,11366,11369,11372],{"class":5651,"line":5715},[5649,11362,11156],{"class":5655},[5649,11364,11365],{"class":5763},"x",[5649,11367,11368],{"class":5663}," +",[5649,11370,11371],{"class":5709}," 10",[5649,11373,5824],{"class":5655},[5649,11375,11376,11378,11380],{"class":5651,"line":5722},[5649,11377,5773],{"class":5735},[5649,11379,5740],{"class":5739},[5649,11381,5743],{"class":5735},[5585,11383,11384,11386],{},[5515,11385,10992],{}," Виносьте оголошення за межі JSX:",[5640,11388,11390],{"className":5642,"code":11389,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ✅ Оголошуйте змінні ДО return\nconst x = 5;\nreturn \u003Cdiv>{x + 10}\u003C\u002Fdiv>;\n",[5500,11391,11392,11397,11409],{"__ignoreMap":5645},[5649,11393,11394],{"class":5651,"line":5652},[5649,11395,11396],{"class":6061},"\u002F\u002F ✅ Оголошуйте змінні ДО return\n",[5649,11398,11399,11401,11403,11405,11407],{"class":5651,"line":5667},[5649,11400,6319],{"class":5655},[5649,11402,11349],{"class":5673},[5649,11404,5684],{"class":5663},[5649,11406,8230],{"class":5709},[5649,11408,5691],{"class":5663},[5649,11410,11411,11413,11415,11417,11419,11421,11423,11425,11427,11429,11431,11433,11435],{"class":5651,"line":5694},[5649,11412,11104],{"class":5725},[5649,11414,7385],{"class":5735},[5649,11416,5740],{"class":5739},[5649,11418,5754],{"class":5735},[5649,11420,5760],{"class":5655},[5649,11422,11365],{"class":5763},[5649,11424,11368],{"class":5663},[5649,11426,11371],{"class":5709},[5649,11428,5767],{"class":5655},[5649,11430,5773],{"class":5735},[5649,11432,5740],{"class":5739},[5649,11434,5754],{"class":5735},[5649,11436,5691],{"class":5663},[6610,11438,11439,11444,11453],{},[5585,11440,11441],{},[5515,11442,11443],{},"Правило великого пальця:",[5585,11445,11446,11447,7971,11450,11452],{},"Якщо ви можете написати щось ",[5515,11448,11449],{},"після",[5500,11451,6746],{}," у присвоєнні — це вираз:",[5640,11454,11456],{"className":5642,"code":11455,"language":5644,"meta":5645,"style":5645},"const result = 5 + 3;        \u002F\u002F ✅ Вираз: 5 + 3\nconst result = Math.max(a, b); \u002F\u002F ✅ Вираз: виклик функції\nconst result = isActive ? \"Так\" : \"Ні\"; \u002F\u002F ✅ Вираз: тернарний оператор\n\n\u002F\u002F Інструкції не можна присвоїти:\nconst result = if (true) { }; \u002F\u002F ❌ Синтаксична помилка\nconst result = for (;;) { };  \u002F\u002F ❌ Синтаксична помилка\n",[5500,11457,11458,11479,11510,11535,11539,11544,11564],{"__ignoreMap":5645},[5649,11459,11460,11462,11465,11467,11469,11471,11473,11476],{"class":5651,"line":5652},[5649,11461,6319],{"class":5655},[5649,11463,11464],{"class":5673}," result",[5649,11466,5684],{"class":5663},[5649,11468,8230],{"class":5709},[5649,11470,6112],{"class":5663},[5649,11472,11263],{"class":5709},[5649,11474,11475],{"class":5663},";        ",[5649,11477,11478],{"class":6061},"\u002F\u002F ✅ Вираз: 5 + 3\n",[5649,11480,11481,11483,11485,11487,11490,11492,11495,11497,11499,11501,11504,11507],{"class":5651,"line":5667},[5649,11482,6319],{"class":5655},[5649,11484,11464],{"class":5673},[5649,11486,5684],{"class":5663},[5649,11488,11489],{"class":5763},"Math",[5649,11491,5554],{"class":5663},[5649,11493,11494],{"class":5659},"max",[5649,11496,6264],{"class":5663},[5649,11498,5595],{"class":5763},[5649,11500,5544],{"class":5663},[5649,11502,11503],{"class":5763},"b",[5649,11505,11506],{"class":5663},"); ",[5649,11508,11509],{"class":6061},"\u002F\u002F ✅ Вираз: виклик функції\n",[5649,11511,11512,11514,11516,11518,11520,11522,11525,11527,11530,11532],{"class":5651,"line":5694},[5649,11513,6319],{"class":5655},[5649,11515,11464],{"class":5673},[5649,11517,5684],{"class":5663},[5649,11519,7154],{"class":5763},[5649,11521,6950],{"class":5663},[5649,11523,11524],{"class":5687},"\"Так\"",[5649,11526,6956],{"class":5663},[5649,11528,11529],{"class":5687},"\"Ні\"",[5649,11531,6058],{"class":5663},[5649,11533,11534],{"class":6061},"\u002F\u002F ✅ Вираз: тернарний оператор\n",[5649,11536,11537],{"class":5651,"line":5715},[5649,11538,5719],{"emptyLinePlaceholder":5718},[5649,11540,11541],{"class":5651,"line":5722},[5649,11542,11543],{"class":6061},"\u002F\u002F Інструкції не можна присвоїти:\n",[5649,11545,11546,11548,11550,11552,11554,11556,11558,11561],{"class":5651,"line":5732},[5649,11547,6319],{"class":5655},[5649,11549,11464],{"class":5673},[5649,11551,5684],{"class":5663},[5649,11553,5543],{"class":5659},[5649,11555,5518],{"class":5663},[5649,11557,7109],{"class":5655},[5649,11559,11560],{"class":5663},") { }; ",[5649,11562,11563],{"class":6061},"\u002F\u002F ❌ Синтаксична помилка\n",[5649,11565,11566,11568,11570,11572,11574,11577],{"class":5651,"line":5746},[5649,11567,6319],{"class":5655},[5649,11569,11464],{"class":5673},[5649,11571,5684],{"class":5663},[5649,11573,5547],{"class":5659},[5649,11575,11576],{"class":5663}," (;;) { };  ",[5649,11578,11563],{"class":6061},[5607,11580],{},[5610,11582,11584,11585],{"id":11583},"робота-з-масивами-метод-map","Робота з масивами: метод ",[5500,11586,11222],{},[5585,11588,11589,11590,11593,11594,5554],{},"Найпоширеніший випадок використання виразів у JSX — ",[5515,11591,11592],{},"рендеринг списків"," через ",[5500,11595,11222],{},[5635,11597,11599],{"id":11598},"базовий-приклад","Базовий приклад",[5640,11601,11603],{"className":5642,"code":11602,"language":5644,"meta":5645,"style":5645},"function FruitList() {\n  const fruits: string[] = ['Яблуко', 'Банан', 'Апельсин', 'Груша'];\n\n  return (\n    \u003Cul>\n      {fruits.map((fruit, index) => (\n        \u003Cli key={index}>{fruit}\u003C\u002Fli>\n      ))}\n    \u003C\u002Ful>\n  );\n}\n",[5500,11604,11605,11614,11647,11651,11657,11665,11694,11724,11731,11739,11743],{"__ignoreMap":5645},[5649,11606,11607,11609,11612],{"class":5651,"line":5652},[5649,11608,5656],{"class":5655},[5649,11610,11611],{"class":5659}," FruitList",[5649,11613,5664],{"class":5663},[5649,11615,11616,11618,11621,11623,11625,11627,11630,11632,11635,11637,11640,11642,11645],{"class":5651,"line":5667},[5649,11617,5670],{"class":5655},[5649,11619,11620],{"class":5673}," fruits",[5649,11622,5677],{"class":5663},[5649,11624,5681],{"class":5680},[5649,11626,9735],{"class":5663},[5649,11628,11629],{"class":5687},"'Яблуко'",[5649,11631,5544],{"class":5663},[5649,11633,11634],{"class":5687},"'Банан'",[5649,11636,5544],{"class":5663},[5649,11638,11639],{"class":5687},"'Апельсин'",[5649,11641,5544],{"class":5663},[5649,11643,11644],{"class":5687},"'Груша'",[5649,11646,9748],{"class":5663},[5649,11648,11649],{"class":5651,"line":5694},[5649,11650,5719],{"emptyLinePlaceholder":5718},[5649,11652,11653,11655],{"class":5651,"line":5715},[5649,11654,5726],{"class":5725},[5649,11656,5729],{"class":5663},[5649,11658,11659,11661,11663],{"class":5651,"line":5722},[5649,11660,5736],{"class":5735},[5649,11662,5484],{"class":5739},[5649,11664,5743],{"class":5735},[5649,11666,11667,11669,11672,11674,11676,11679,11682,11684,11687,11689,11692],{"class":5651,"line":5732},[5649,11668,7033],{"class":5655},[5649,11670,11671],{"class":5763},"fruits",[5649,11673,5554],{"class":6258},[5649,11675,9860],{"class":5659},[5649,11677,11678],{"class":6258},"((",[5649,11680,11681],{"class":5763},"fruit",[5649,11683,5544],{"class":6258},[5649,11685,11686],{"class":5763},"index",[5649,11688,5969],{"class":6258},[5649,11690,11691],{"class":5655},"=>",[5649,11693,5729],{"class":6258},[5649,11695,11696,11698,11700,11702,11704,11706,11708,11710,11712,11714,11716,11718,11720,11722],{"class":5651,"line":5746},[5649,11697,8284],{"class":5735},[5649,11699,5487],{"class":5739},[5649,11701,9880],{"class":6742},[5649,11703,6746],{"class":5663},[5649,11705,5760],{"class":5655},[5649,11707,11686],{"class":5763},[5649,11709,5767],{"class":5655},[5649,11711,5754],{"class":5735},[5649,11713,5760],{"class":5655},[5649,11715,11681],{"class":5763},[5649,11717,5767],{"class":5655},[5649,11719,5773],{"class":5735},[5649,11721,5487],{"class":5739},[5649,11723,5743],{"class":5735},[5649,11725,11726,11729],{"class":5651,"line":5780},[5649,11727,11728],{"class":6258},"      ))",[5649,11730,5824],{"class":5655},[5649,11732,11733,11735,11737],{"class":5651,"line":5805},[5649,11734,5808],{"class":5735},[5649,11736,5484],{"class":5739},[5649,11738,5743],{"class":5735},[5649,11740,11741],{"class":5651,"line":5815},[5649,11742,5818],{"class":5663},[5649,11744,11745],{"class":5651,"line":5821},[5649,11746,5824],{"class":5663},[5585,11748,11749],{},[5515,11750,5829],{},[5640,11752,11754],{"className":5832,"code":11753,"language":5834,"meta":5645,"style":5645},"\u003Cul>\n  \u003Cli>Яблуко\u003C\u002Fli>\n  \u003Cli>Банан\u003C\u002Fli>\n  \u003Cli>Апельсин\u003C\u002Fli>\n  \u003Cli>Груша\u003C\u002Fli>\n\u003C\u002Ful>\n",[5500,11755,11756,11764,11781,11798,11815,11832],{"__ignoreMap":5645},[5649,11757,11758,11760,11762],{"class":5651,"line":5652},[5649,11759,5841],{"class":5735},[5649,11761,5484],{"class":5739},[5649,11763,5743],{"class":5735},[5649,11765,11766,11768,11770,11772,11775,11777,11779],{"class":5651,"line":5667},[5649,11767,5850],{"class":5735},[5649,11769,5487],{"class":5739},[5649,11771,5754],{"class":5735},[5649,11773,11774],{"class":5663},"Яблуко",[5649,11776,5773],{"class":5735},[5649,11778,5487],{"class":5739},[5649,11780,5743],{"class":5735},[5649,11782,11783,11785,11787,11789,11792,11794,11796],{"class":5651,"line":5694},[5649,11784,5850],{"class":5735},[5649,11786,5487],{"class":5739},[5649,11788,5754],{"class":5735},[5649,11790,11791],{"class":5663},"Банан",[5649,11793,5773],{"class":5735},[5649,11795,5487],{"class":5739},[5649,11797,5743],{"class":5735},[5649,11799,11800,11802,11804,11806,11809,11811,11813],{"class":5651,"line":5715},[5649,11801,5850],{"class":5735},[5649,11803,5487],{"class":5739},[5649,11805,5754],{"class":5735},[5649,11807,11808],{"class":5663},"Апельсин",[5649,11810,5773],{"class":5735},[5649,11812,5487],{"class":5739},[5649,11814,5743],{"class":5735},[5649,11816,11817,11819,11821,11823,11826,11828,11830],{"class":5651,"line":5722},[5649,11818,5850],{"class":5735},[5649,11820,5487],{"class":5739},[5649,11822,5754],{"class":5735},[5649,11824,11825],{"class":5663},"Груша",[5649,11827,5773],{"class":5735},[5649,11829,5487],{"class":5739},[5649,11831,5743],{"class":5735},[5649,11833,11834,11836,11838],{"class":5651,"line":5732},[5649,11835,5773],{"class":5735},[5649,11837,5484],{"class":5739},[5649,11839,5743],{"class":5735},[5635,11841,11843],{"id":11842},"рендеринг-масиву-обєктів","Рендеринг масиву об'єктів",[5640,11845,11847],{"className":5642,"code":11846,"language":5644,"meta":5645,"style":5645},"interface Product {\n  id: number;\n  name: string;\n  price: number;\n  inStock: boolean;\n}\n\nfunction ProductList() {\n  const products: Product[] = [\n    { id: 1, name: 'Ноутбук', price: 25000, inStock: true },\n    { id: 2, name: 'Миша', price: 500, inStock: true },\n    { id: 3, name: 'Клавіатура', price: 1200, inStock: false },\n  ];\n\n  return (\n    \u003Cdiv className=\"product-list\">\n      {products.map(product => (\n        \u003Cdiv key={product.id} className=\"product-card\">\n          \u003Ch3>{product.name}\u003C\u002Fh3>\n          \u003Cp className=\"price\">{product.price} грн\u003C\u002Fp>\n          {product.inStock ? (\n            \u003Cspan className=\"in-stock\">В наявності\u003C\u002Fspan>\n          ) : (\n            \u003Cspan className=\"out-of-stock\">Немає в наявності\u003C\u002Fspan>\n          )}\n        \u003C\u002Fdiv>\n      ))}\n    \u003C\u002Fdiv>\n  );\n}\n",[5500,11848,11849,11859,11870,11881,11892,11903,11907,11911,11920,11935,11973,12004,12036,12041,12045,12051,12066,12086,12116,12141,12174,12190,12215,12224,12248,12255,12263,12269,12277,12281],{"__ignoreMap":5645},[5649,11850,11851,11854,11857],{"class":5651,"line":5652},[5649,11852,11853],{"class":5655},"interface",[5649,11855,11856],{"class":5680}," Product",[5649,11858,6406],{"class":5663},[5649,11860,11861,11864,11866,11868],{"class":5651,"line":5667},[5649,11862,11863],{"class":5763},"  id",[5649,11865,5677],{"class":5663},[5649,11867,5704],{"class":5680},[5649,11869,5691],{"class":5663},[5649,11871,11872,11875,11877,11879],{"class":5651,"line":5694},[5649,11873,11874],{"class":5763},"  name",[5649,11876,5677],{"class":5663},[5649,11878,5681],{"class":5680},[5649,11880,5691],{"class":5663},[5649,11882,11883,11886,11888,11890],{"class":5651,"line":5715},[5649,11884,11885],{"class":5763},"  price",[5649,11887,5677],{"class":5663},[5649,11889,5704],{"class":5680},[5649,11891,5691],{"class":5663},[5649,11893,11894,11897,11899,11901],{"class":5651,"line":5722},[5649,11895,11896],{"class":5763},"  inStock",[5649,11898,5677],{"class":5663},[5649,11900,6924],{"class":5680},[5649,11902,5691],{"class":5663},[5649,11904,11905],{"class":5651,"line":5732},[5649,11906,5824],{"class":5663},[5649,11908,11909],{"class":5651,"line":5746},[5649,11910,5719],{"emptyLinePlaceholder":5718},[5649,11912,11913,11915,11918],{"class":5651,"line":5780},[5649,11914,5656],{"class":5655},[5649,11916,11917],{"class":5659}," ProductList",[5649,11919,5664],{"class":5663},[5649,11921,11922,11924,11927,11929,11932],{"class":5651,"line":5805},[5649,11923,5670],{"class":5655},[5649,11925,11926],{"class":5673}," products",[5649,11928,5677],{"class":5663},[5649,11930,11931],{"class":5680},"Product",[5649,11933,11934],{"class":5663},"[] = [\n",[5649,11936,11937,11940,11943,11946,11948,11951,11954,11956,11959,11962,11964,11967,11970],{"class":5651,"line":5815},[5649,11938,11939],{"class":5663},"    { ",[5649,11941,11942],{"class":5763},"id:",[5649,11944,11945],{"class":5709}," 1",[5649,11947,5544],{"class":5663},[5649,11949,11950],{"class":5763},"name:",[5649,11952,11953],{"class":5687}," 'Ноутбук'",[5649,11955,5544],{"class":5663},[5649,11957,11958],{"class":5763},"price:",[5649,11960,11961],{"class":5709}," 25000",[5649,11963,5544],{"class":5663},[5649,11965,11966],{"class":5763},"inStock:",[5649,11968,11969],{"class":5655}," true",[5649,11971,11972],{"class":5663}," },\n",[5649,11974,11975,11977,11979,11982,11984,11986,11989,11991,11993,11996,11998,12000,12002],{"class":5651,"line":5821},[5649,11976,11939],{"class":5663},[5649,11978,11942],{"class":5763},[5649,11980,11981],{"class":5709}," 2",[5649,11983,5544],{"class":5663},[5649,11985,11950],{"class":5763},[5649,11987,11988],{"class":5687}," 'Миша'",[5649,11990,5544],{"class":5663},[5649,11992,11958],{"class":5763},[5649,11994,11995],{"class":5709}," 500",[5649,11997,5544],{"class":5663},[5649,11999,11966],{"class":5763},[5649,12001,11969],{"class":5655},[5649,12003,11972],{"class":5663},[5649,12005,12006,12008,12010,12013,12015,12017,12020,12022,12024,12027,12029,12031,12034],{"class":5651,"line":6206},[5649,12007,11939],{"class":5663},[5649,12009,11942],{"class":5763},[5649,12011,12012],{"class":5709}," 3",[5649,12014,5544],{"class":5663},[5649,12016,11950],{"class":5763},[5649,12018,12019],{"class":5687}," 'Клавіатура'",[5649,12021,5544],{"class":5663},[5649,12023,11958],{"class":5763},[5649,12025,12026],{"class":5709}," 1200",[5649,12028,5544],{"class":5663},[5649,12030,11966],{"class":5763},[5649,12032,12033],{"class":5655}," false",[5649,12035,11972],{"class":5663},[5649,12037,12038],{"class":5651,"line":6236},[5649,12039,12040],{"class":5663},"  ];\n",[5649,12042,12043],{"class":5651,"line":6288},[5649,12044,5719],{"emptyLinePlaceholder":5718},[5649,12046,12047,12049],{"class":5651,"line":6297},[5649,12048,5726],{"class":5725},[5649,12050,5729],{"class":5663},[5649,12052,12053,12055,12057,12059,12061,12064],{"class":5651,"line":6302},[5649,12054,5736],{"class":5735},[5649,12056,5740],{"class":5739},[5649,12058,7017],{"class":6742},[5649,12060,6746],{"class":5663},[5649,12062,12063],{"class":5687},"\"product-list\"",[5649,12065,5743],{"class":5735},[5649,12067,12068,12070,12073,12075,12077,12079,12082,12084],{"class":5651,"line":6594},[5649,12069,7033],{"class":5655},[5649,12071,12072],{"class":5763},"products",[5649,12074,5554],{"class":6258},[5649,12076,9860],{"class":5659},[5649,12078,6264],{"class":6258},[5649,12080,12081],{"class":5763},"product",[5649,12083,9867],{"class":5655},[5649,12085,5729],{"class":6258},[5649,12087,12088,12090,12092,12094,12096,12098,12100,12102,12105,12107,12109,12111,12114],{"class":5651,"line":6599},[5649,12089,8284],{"class":5735},[5649,12091,5740],{"class":5739},[5649,12093,9880],{"class":6742},[5649,12095,6746],{"class":5663},[5649,12097,5760],{"class":5655},[5649,12099,12081],{"class":5763},[5649,12101,5554],{"class":6258},[5649,12103,12104],{"class":5763},"id",[5649,12106,5767],{"class":5655},[5649,12108,7017],{"class":6742},[5649,12110,6746],{"class":5663},[5649,12112,12113],{"class":5687},"\"product-card\"",[5649,12115,5743],{"class":5735},[5649,12117,12118,12120,12122,12124,12126,12128,12130,12133,12135,12137,12139],{"class":5651,"line":7833},[5649,12119,9207],{"class":5735},[5649,12121,5635],{"class":5739},[5649,12123,5754],{"class":5735},[5649,12125,5760],{"class":5655},[5649,12127,12081],{"class":5763},[5649,12129,5554],{"class":6258},[5649,12131,12132],{"class":5763},"name",[5649,12134,5767],{"class":5655},[5649,12136,5773],{"class":5735},[5649,12138,5635],{"class":5739},[5649,12140,5743],{"class":5735},[5649,12142,12143,12145,12147,12149,12151,12154,12156,12158,12160,12162,12164,12166,12168,12170,12172],{"class":5651,"line":7838},[5649,12144,9207],{"class":5735},[5649,12146,5585],{"class":5739},[5649,12148,7017],{"class":6742},[5649,12150,6746],{"class":5663},[5649,12152,12153],{"class":5687},"\"price\"",[5649,12155,5754],{"class":5735},[5649,12157,5760],{"class":5655},[5649,12159,12081],{"class":5763},[5649,12161,5554],{"class":6258},[5649,12163,6353],{"class":5763},[5649,12165,5767],{"class":5655},[5649,12167,6167],{"class":6258},[5649,12169,5773],{"class":5735},[5649,12171,5585],{"class":5739},[5649,12173,5743],{"class":5735},[5649,12175,12176,12179,12181,12183,12186,12188],{"class":5651,"line":7845},[5649,12177,12178],{"class":5655},"          {",[5649,12180,12081],{"class":5763},[5649,12182,5554],{"class":6258},[5649,12184,12185],{"class":5763},"inStock",[5649,12187,7038],{"class":5663},[5649,12189,5729],{"class":6258},[5649,12191,12192,12195,12197,12199,12201,12204,12206,12209,12211,12213],{"class":5651,"line":7866},[5649,12193,12194],{"class":5735},"            \u003C",[5649,12196,5649],{"class":5739},[5649,12198,7017],{"class":6742},[5649,12200,6746],{"class":5663},[5649,12202,12203],{"class":5687},"\"in-stock\"",[5649,12205,5754],{"class":5735},[5649,12207,12208],{"class":6258},"В наявності",[5649,12210,5773],{"class":5735},[5649,12212,5649],{"class":5739},[5649,12214,5743],{"class":5735},[5649,12216,12217,12220,12222],{"class":5651,"line":7887},[5649,12218,12219],{"class":6258},"          ) ",[5649,12221,5976],{"class":5663},[5649,12223,5729],{"class":6258},[5649,12225,12226,12228,12230,12232,12234,12237,12239,12242,12244,12246],{"class":5651,"line":7896},[5649,12227,12194],{"class":5735},[5649,12229,5649],{"class":5739},[5649,12231,7017],{"class":6742},[5649,12233,6746],{"class":5663},[5649,12235,12236],{"class":5687},"\"out-of-stock\"",[5649,12238,5754],{"class":5735},[5649,12240,12241],{"class":6258},"Немає в наявності",[5649,12243,5773],{"class":5735},[5649,12245,5649],{"class":5739},[5649,12247,5743],{"class":5735},[5649,12249,12250,12253],{"class":5651,"line":7901},[5649,12251,12252],{"class":6258},"          )",[5649,12254,5824],{"class":5655},[5649,12256,12257,12259,12261],{"class":5651,"line":8910},[5649,12258,8315],{"class":5735},[5649,12260,5740],{"class":5739},[5649,12262,5743],{"class":5735},[5649,12264,12265,12267],{"class":5651,"line":8928},[5649,12266,11728],{"class":6258},[5649,12268,5824],{"class":5655},[5649,12270,12271,12273,12275],{"class":5651,"line":8946},[5649,12272,5808],{"class":5735},[5649,12274,5740],{"class":5739},[5649,12276,5743],{"class":5735},[5649,12278,12279],{"class":5651,"line":8955},[5649,12280,5818],{"class":5663},[5649,12282,12283],{"class":5651,"line":8960},[5649,12284,5824],{"class":5663},[7956,12286,12287,12295,12308,12316,12385,12388,12393,12457],{},[5585,12288,12289],{},[5515,12290,12291,12292,5976],{},"Важливість ",[5500,12293,12294],{},"key",[5585,12296,12297,12298,12300,12301,12304,12305,12307],{},"React використовує ",[5500,12299,12294],{}," для ідентифікації елементів у списках. ",[5515,12302,12303],{},"Завжди"," використовуйте унікальний ідентифікатор (наприклад, ",[5500,12306,12104],{}," із бази даних), а не індекс масиву.",[5585,12309,12310],{},[5515,12311,12312,12313,12315],{},"Чому індекс як ",[5500,12314,12294],{}," небезпечний:",[5640,12317,12319],{"className":5642,"code":12318,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ❌ НЕБЕЗПЕЧНО\n{items.map((item, index) => \u003Cdiv key={index}>{item.name}\u003C\u002Fdiv>)}\n",[5500,12320,12321,12326],{"__ignoreMap":5645},[5649,12322,12323],{"class":5651,"line":5652},[5649,12324,12325],{"class":6061},"\u002F\u002F ❌ НЕБЕЗПЕЧНО\n",[5649,12327,12328,12330,12333,12335,12337,12339,12342,12344,12346,12348,12350,12352,12354,12356,12358,12360,12362,12364,12366,12368,12370,12372,12374,12376,12378,12380,12382],{"class":5651,"line":5667},[5649,12329,5760],{"class":5663},[5649,12331,12332],{"class":5763},"items",[5649,12334,5554],{"class":5663},[5649,12336,9860],{"class":5659},[5649,12338,11678],{"class":5663},[5649,12340,12341],{"class":5763},"item",[5649,12343,5544],{"class":5663},[5649,12345,11686],{"class":5763},[5649,12347,5969],{"class":5663},[5649,12349,11691],{"class":5655},[5649,12351,7385],{"class":5735},[5649,12353,5740],{"class":5739},[5649,12355,9880],{"class":6742},[5649,12357,6746],{"class":5663},[5649,12359,5760],{"class":5655},[5649,12361,11686],{"class":5763},[5649,12363,5767],{"class":5655},[5649,12365,5754],{"class":5735},[5649,12367,5760],{"class":5655},[5649,12369,12341],{"class":5763},[5649,12371,5554],{"class":6258},[5649,12373,12132],{"class":5763},[5649,12375,5767],{"class":5655},[5649,12377,5773],{"class":5735},[5649,12379,5740],{"class":5739},[5649,12381,5754],{"class":5735},[5649,12383,12384],{"class":5663},")}\n",[5585,12386,12387],{},"Якщо список змінюється (додаються, видаляються або переміщуються елементи), індекси зміщуються, і React може неправильно асоціювати стан із елементами.",[5585,12389,12390],{},[5515,12391,12392],{},"Правильно:",[5640,12394,12396],{"className":5642,"code":12395,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ✅ Використовуйте унікальний ID\n{items.map(item => \u003Cdiv key={item.id}>{item.name}\u003C\u002Fdiv>)}\n",[5500,12397,12398,12403],{"__ignoreMap":5645},[5649,12399,12400],{"class":5651,"line":5652},[5649,12401,12402],{"class":6061},"\u002F\u002F ✅ Використовуйте унікальний ID\n",[5649,12404,12405,12407,12409,12411,12413,12415,12417,12419,12421,12423,12425,12427,12429,12431,12433,12435,12437,12439,12441,12443,12445,12447,12449,12451,12453,12455],{"class":5651,"line":5667},[5649,12406,5760],{"class":5663},[5649,12408,12332],{"class":5763},[5649,12410,5554],{"class":5663},[5649,12412,9860],{"class":5659},[5649,12414,6264],{"class":5663},[5649,12416,12341],{"class":5763},[5649,12418,9867],{"class":5655},[5649,12420,7385],{"class":5735},[5649,12422,5740],{"class":5739},[5649,12424,9880],{"class":6742},[5649,12426,6746],{"class":5663},[5649,12428,5760],{"class":5655},[5649,12430,12341],{"class":5763},[5649,12432,5554],{"class":6258},[5649,12434,12104],{"class":5763},[5649,12436,5767],{"class":5655},[5649,12438,5754],{"class":5735},[5649,12440,5760],{"class":5655},[5649,12442,12341],{"class":5763},[5649,12444,5554],{"class":6258},[5649,12446,12132],{"class":5763},[5649,12448,5767],{"class":5655},[5649,12450,5773],{"class":5735},[5649,12452,5740],{"class":5739},[5649,12454,5754],{"class":5735},[5649,12456,12384],{"class":5663},[5585,12458,12459,12460,12462],{},"Детальніше про ",[5500,12461,12294],{}," ми поговоримо у лекції про списки.",[5635,12464,12466],{"id":12465},"фільтрація-та-сортування","Фільтрація та сортування",[5585,12468,12469,12470,12472],{},"Оскільки ",[5500,12471,11222],{}," — це вираз, ви можете ланцюжити методи масивів:",[5640,12474,12476],{"className":5642,"code":12475,"language":5644,"meta":5645,"style":5645},"interface Task {\n  id: number;\n  title: string;\n  completed: boolean;\n  priority: number;\n}\n\nfunction TaskList() {\n  const tasks: Task[] = [\n    { id: 1, title: 'Зробити презентацію', completed: false, priority: 1 },\n    { id: 2, title: 'Відповісти на листи', completed: true, priority: 3 },\n    { id: 3, title: 'Зателефонувати клієнту', completed: false, priority: 2 },\n  ];\n\n  return (\n    \u003Cdiv>\n      \u003Ch2>Активні завдання (відсортовані за пріоритетом)\u003C\u002Fh2>\n      \u003Cul>\n        {tasks\n          .filter(task => !task.completed)  \u002F\u002F Лише незавершені\n          .sort((a, b) => a.priority - b.priority)  \u002F\u002F Сортування за пріоритетом\n          .map(task => (\n            \u003Cli key={task.id}>\n              \u003Cstrong>[Пріоритет {task.priority}]\u003C\u002Fstrong> {task.title}\n            \u003C\u002Fli>\n          ))}\n      \u003C\u002Ful>\n    \u003C\u002Fdiv>\n  );\n}\n",[5500,12477,12478,12487,12497,12508,12519,12530,12534,12538,12547,12561,12593,12622,12651,12655,12659,12665,12673,12690,12698,12705,12736,12778,12792,12814,12856,12865,12872,12880,12888,12892],{"__ignoreMap":5645},[5649,12479,12480,12482,12485],{"class":5651,"line":5652},[5649,12481,11853],{"class":5655},[5649,12483,12484],{"class":5680}," Task",[5649,12486,6406],{"class":5663},[5649,12488,12489,12491,12493,12495],{"class":5651,"line":5667},[5649,12490,11863],{"class":5763},[5649,12492,5677],{"class":5663},[5649,12494,5704],{"class":5680},[5649,12496,5691],{"class":5663},[5649,12498,12499,12502,12504,12506],{"class":5651,"line":5694},[5649,12500,12501],{"class":5763},"  title",[5649,12503,5677],{"class":5663},[5649,12505,5681],{"class":5680},[5649,12507,5691],{"class":5663},[5649,12509,12510,12513,12515,12517],{"class":5651,"line":5715},[5649,12511,12512],{"class":5763},"  completed",[5649,12514,5677],{"class":5663},[5649,12516,6924],{"class":5680},[5649,12518,5691],{"class":5663},[5649,12520,12521,12524,12526,12528],{"class":5651,"line":5722},[5649,12522,12523],{"class":5763},"  priority",[5649,12525,5677],{"class":5663},[5649,12527,5704],{"class":5680},[5649,12529,5691],{"class":5663},[5649,12531,12532],{"class":5651,"line":5732},[5649,12533,5824],{"class":5663},[5649,12535,12536],{"class":5651,"line":5746},[5649,12537,5719],{"emptyLinePlaceholder":5718},[5649,12539,12540,12542,12545],{"class":5651,"line":5780},[5649,12541,5656],{"class":5655},[5649,12543,12544],{"class":5659}," TaskList",[5649,12546,5664],{"class":5663},[5649,12548,12549,12551,12554,12556,12559],{"class":5651,"line":5805},[5649,12550,5670],{"class":5655},[5649,12552,12553],{"class":5673}," tasks",[5649,12555,5677],{"class":5663},[5649,12557,12558],{"class":5680},"Task",[5649,12560,11934],{"class":5663},[5649,12562,12563,12565,12567,12569,12571,12574,12577,12579,12582,12584,12586,12589,12591],{"class":5651,"line":5815},[5649,12564,11939],{"class":5663},[5649,12566,11942],{"class":5763},[5649,12568,11945],{"class":5709},[5649,12570,5544],{"class":5663},[5649,12572,12573],{"class":5763},"title:",[5649,12575,12576],{"class":5687}," 'Зробити презентацію'",[5649,12578,5544],{"class":5663},[5649,12580,12581],{"class":5763},"completed:",[5649,12583,12033],{"class":5655},[5649,12585,5544],{"class":5663},[5649,12587,12588],{"class":5763},"priority:",[5649,12590,11945],{"class":5709},[5649,12592,11972],{"class":5663},[5649,12594,12595,12597,12599,12601,12603,12605,12608,12610,12612,12614,12616,12618,12620],{"class":5651,"line":5821},[5649,12596,11939],{"class":5663},[5649,12598,11942],{"class":5763},[5649,12600,11981],{"class":5709},[5649,12602,5544],{"class":5663},[5649,12604,12573],{"class":5763},[5649,12606,12607],{"class":5687}," 'Відповісти на листи'",[5649,12609,5544],{"class":5663},[5649,12611,12581],{"class":5763},[5649,12613,11969],{"class":5655},[5649,12615,5544],{"class":5663},[5649,12617,12588],{"class":5763},[5649,12619,12012],{"class":5709},[5649,12621,11972],{"class":5663},[5649,12623,12624,12626,12628,12630,12632,12634,12637,12639,12641,12643,12645,12647,12649],{"class":5651,"line":6206},[5649,12625,11939],{"class":5663},[5649,12627,11942],{"class":5763},[5649,12629,12012],{"class":5709},[5649,12631,5544],{"class":5663},[5649,12633,12573],{"class":5763},[5649,12635,12636],{"class":5687}," 'Зателефонувати клієнту'",[5649,12638,5544],{"class":5663},[5649,12640,12581],{"class":5763},[5649,12642,12033],{"class":5655},[5649,12644,5544],{"class":5663},[5649,12646,12588],{"class":5763},[5649,12648,11981],{"class":5709},[5649,12650,11972],{"class":5663},[5649,12652,12653],{"class":5651,"line":6236},[5649,12654,12040],{"class":5663},[5649,12656,12657],{"class":5651,"line":6288},[5649,12658,5719],{"emptyLinePlaceholder":5718},[5649,12660,12661,12663],{"class":5651,"line":6297},[5649,12662,5726],{"class":5725},[5649,12664,5729],{"class":5663},[5649,12666,12667,12669,12671],{"class":5651,"line":6302},[5649,12668,5736],{"class":5735},[5649,12670,5740],{"class":5739},[5649,12672,5743],{"class":5735},[5649,12674,12675,12677,12679,12681,12684,12686,12688],{"class":5651,"line":6594},[5649,12676,5749],{"class":5735},[5649,12678,5610],{"class":5739},[5649,12680,5754],{"class":5735},[5649,12682,12683],{"class":5663},"Активні завдання (відсортовані за пріоритетом)",[5649,12685,5773],{"class":5735},[5649,12687,5610],{"class":5739},[5649,12689,5743],{"class":5735},[5649,12691,12692,12694,12696],{"class":5651,"line":6599},[5649,12693,5749],{"class":5735},[5649,12695,5484],{"class":5739},[5649,12697,5743],{"class":5735},[5649,12699,12700,12702],{"class":5651,"line":7833},[5649,12701,9852],{"class":5655},[5649,12703,12704],{"class":5763},"tasks\n",[5649,12706,12707,12710,12713,12715,12718,12720,12723,12725,12727,12730,12733],{"class":5651,"line":7838},[5649,12708,12709],{"class":6258},"          .",[5649,12711,12712],{"class":5659},"filter",[5649,12714,6264],{"class":6258},[5649,12716,12717],{"class":5763},"task",[5649,12719,9867],{"class":5655},[5649,12721,12722],{"class":5663}," !",[5649,12724,12717],{"class":5763},[5649,12726,5554],{"class":6258},[5649,12728,12729],{"class":5763},"completed",[5649,12731,12732],{"class":6258},")  ",[5649,12734,12735],{"class":6061},"\u002F\u002F Лише незавершені\n",[5649,12737,12738,12740,12743,12745,12747,12749,12751,12753,12755,12758,12760,12763,12766,12769,12771,12773,12775],{"class":5651,"line":7845},[5649,12739,12709],{"class":6258},[5649,12741,12742],{"class":5659},"sort",[5649,12744,11678],{"class":6258},[5649,12746,5595],{"class":5763},[5649,12748,5544],{"class":6258},[5649,12750,11503],{"class":5763},[5649,12752,5969],{"class":6258},[5649,12754,11691],{"class":5655},[5649,12756,12757],{"class":5763}," a",[5649,12759,5554],{"class":6258},[5649,12761,12762],{"class":5763},"priority",[5649,12764,12765],{"class":5663}," -",[5649,12767,12768],{"class":5763}," b",[5649,12770,5554],{"class":6258},[5649,12772,12762],{"class":5763},[5649,12774,12732],{"class":6258},[5649,12776,12777],{"class":6061},"\u002F\u002F Сортування за пріоритетом\n",[5649,12779,12780,12782,12784,12786,12788,12790],{"class":5651,"line":7866},[5649,12781,12709],{"class":6258},[5649,12783,9860],{"class":5659},[5649,12785,6264],{"class":6258},[5649,12787,12717],{"class":5763},[5649,12789,9867],{"class":5655},[5649,12791,5729],{"class":6258},[5649,12793,12794,12796,12798,12800,12802,12804,12806,12808,12810,12812],{"class":5651,"line":7887},[5649,12795,12194],{"class":5735},[5649,12797,5487],{"class":5739},[5649,12799,9880],{"class":6742},[5649,12801,6746],{"class":5663},[5649,12803,5760],{"class":5655},[5649,12805,12717],{"class":5763},[5649,12807,5554],{"class":6258},[5649,12809,12104],{"class":5763},[5649,12811,5767],{"class":5655},[5649,12813,5743],{"class":5735},[5649,12815,12816,12819,12821,12823,12826,12828,12830,12832,12834,12836,12839,12841,12843,12845,12847,12849,12851,12854],{"class":5651,"line":7896},[5649,12817,12818],{"class":5735},"              \u003C",[5649,12820,5515],{"class":5739},[5649,12822,5754],{"class":5735},[5649,12824,12825],{"class":6258},"[Пріоритет ",[5649,12827,5760],{"class":5655},[5649,12829,12717],{"class":5763},[5649,12831,5554],{"class":6258},[5649,12833,12762],{"class":5763},[5649,12835,5767],{"class":5655},[5649,12837,12838],{"class":6258},"]",[5649,12840,5773],{"class":5735},[5649,12842,5515],{"class":5739},[5649,12844,5754],{"class":5735},[5649,12846,8145],{"class":5655},[5649,12848,12717],{"class":5763},[5649,12850,5554],{"class":6258},[5649,12852,12853],{"class":5763},"title",[5649,12855,5824],{"class":5655},[5649,12857,12858,12861,12863],{"class":5651,"line":7901},[5649,12859,12860],{"class":5735},"            \u003C\u002F",[5649,12862,5487],{"class":5739},[5649,12864,5743],{"class":5735},[5649,12866,12867,12870],{"class":5651,"line":8910},[5649,12868,12869],{"class":6258},"          ))",[5649,12871,5824],{"class":5655},[5649,12873,12874,12876,12878],{"class":5651,"line":8928},[5649,12875,8747],{"class":5735},[5649,12877,5484],{"class":5739},[5649,12879,5743],{"class":5735},[5649,12881,12882,12884,12886],{"class":5651,"line":8946},[5649,12883,5808],{"class":5735},[5649,12885,5740],{"class":5739},[5649,12887,5743],{"class":5735},[5649,12889,12890],{"class":5651,"line":8955},[5649,12891,5818],{"class":5663},[5649,12893,12894],{"class":5651,"line":8960},[5649,12895,5824],{"class":5663},[5607,12897],{},[5610,12899,12901],{"id":12900},"робота-з-обєктами-динамічний-доступ-до-властивостей","Робота з об'єктами: динамічний доступ до властивостей",[5585,12903,12904],{},"TypeScript дозволяє динамічно звертатися до властивостей об'єктів через квадратні дужки:",[5640,12906,12908],{"className":5642,"code":12907,"language":5644,"meta":5645,"style":5645},"interface TranslationKey {\n  greeting: string;\n  farewell: string;\n  thankYou: string;\n}\n\nconst translations: Record\u003Cstring, TranslationKey> = {\n  uk: {\n    greeting: 'Привіт',\n    farewell: 'До побачення',\n    thankYou: 'Дякую',\n  },\n  en: {\n    greeting: 'Hello',\n    farewell: 'Goodbye',\n    thankYou: 'Thank you',\n  },\n};\n\ninterface GreetingProps {\n  language: 'uk' | 'en';\n  messageType: keyof TranslationKey;\n}\n\nfunction Greeting({ language, messageType }: GreetingProps) {\n  const message: string = translations[language][messageType];\n\n  return \u003Ch1>{message}\u003C\u002Fh1>;\n}\n\n\u002F\u002F Використання\n\u003CGreeting language=\"uk\" messageType=\"greeting\" \u002F>  \u002F\u002F Привіт\n\u003CGreeting language=\"en\" messageType=\"thankYou\" \u002F>  \u002F\u002F Thank you\n",[5500,12909,12910,12919,12930,12941,12952,12956,12960,12984,12991,13001,13011,13021,13026,13033,13042,13051,13060,13064,13069,13073,13082,13099,13113,13117,13121,13143,13169,13173,13197,13201,13205,13210,13238],{"__ignoreMap":5645},[5649,12911,12912,12914,12917],{"class":5651,"line":5652},[5649,12913,11853],{"class":5655},[5649,12915,12916],{"class":5680}," TranslationKey",[5649,12918,6406],{"class":5663},[5649,12920,12921,12924,12926,12928],{"class":5651,"line":5667},[5649,12922,12923],{"class":5763},"  greeting",[5649,12925,5677],{"class":5663},[5649,12927,5681],{"class":5680},[5649,12929,5691],{"class":5663},[5649,12931,12932,12935,12937,12939],{"class":5651,"line":5694},[5649,12933,12934],{"class":5763},"  farewell",[5649,12936,5677],{"class":5663},[5649,12938,5681],{"class":5680},[5649,12940,5691],{"class":5663},[5649,12942,12943,12946,12948,12950],{"class":5651,"line":5715},[5649,12944,12945],{"class":5763},"  thankYou",[5649,12947,5677],{"class":5663},[5649,12949,5681],{"class":5680},[5649,12951,5691],{"class":5663},[5649,12953,12954],{"class":5651,"line":5722},[5649,12955,5824],{"class":5663},[5649,12957,12958],{"class":5651,"line":5732},[5649,12959,5719],{"emptyLinePlaceholder":5718},[5649,12961,12962,12964,12967,12969,12972,12974,12976,12978,12981],{"class":5651,"line":5746},[5649,12963,6319],{"class":5655},[5649,12965,12966],{"class":5673}," translations",[5649,12968,5677],{"class":5663},[5649,12970,12971],{"class":5680},"Record",[5649,12973,5841],{"class":5663},[5649,12975,5681],{"class":5680},[5649,12977,5544],{"class":5663},[5649,12979,12980],{"class":5680},"TranslationKey",[5649,12982,12983],{"class":5663},"> = {\n",[5649,12985,12986,12989],{"class":5651,"line":5780},[5649,12987,12988],{"class":5763},"  uk:",[5649,12990,6406],{"class":5663},[5649,12992,12993,12996,12999],{"class":5651,"line":5805},[5649,12994,12995],{"class":5763},"    greeting:",[5649,12997,12998],{"class":5687}," 'Привіт'",[5649,13000,6437],{"class":5663},[5649,13002,13003,13006,13009],{"class":5651,"line":5815},[5649,13004,13005],{"class":5763},"    farewell:",[5649,13007,13008],{"class":5687}," 'До побачення'",[5649,13010,6437],{"class":5663},[5649,13012,13013,13016,13019],{"class":5651,"line":5821},[5649,13014,13015],{"class":5763},"    thankYou:",[5649,13017,13018],{"class":5687}," 'Дякую'",[5649,13020,6437],{"class":5663},[5649,13022,13023],{"class":5651,"line":6206},[5649,13024,13025],{"class":5663},"  },\n",[5649,13027,13028,13031],{"class":5651,"line":6236},[5649,13029,13030],{"class":5763},"  en:",[5649,13032,6406],{"class":5663},[5649,13034,13035,13037,13040],{"class":5651,"line":6288},[5649,13036,12995],{"class":5763},[5649,13038,13039],{"class":5687}," 'Hello'",[5649,13041,6437],{"class":5663},[5649,13043,13044,13046,13049],{"class":5651,"line":6297},[5649,13045,13005],{"class":5763},[5649,13047,13048],{"class":5687}," 'Goodbye'",[5649,13050,6437],{"class":5663},[5649,13052,13053,13055,13058],{"class":5651,"line":6302},[5649,13054,13015],{"class":5763},[5649,13056,13057],{"class":5687}," 'Thank you'",[5649,13059,6437],{"class":5663},[5649,13061,13062],{"class":5651,"line":6594},[5649,13063,13025],{"class":5663},[5649,13065,13066],{"class":5651,"line":6599},[5649,13067,13068],{"class":5663},"};\n",[5649,13070,13071],{"class":5651,"line":7833},[5649,13072,5719],{"emptyLinePlaceholder":5718},[5649,13074,13075,13077,13080],{"class":5651,"line":7838},[5649,13076,11853],{"class":5655},[5649,13078,13079],{"class":5680}," GreetingProps",[5649,13081,6406],{"class":5663},[5649,13083,13084,13087,13089,13092,13094,13097],{"class":5651,"line":7845},[5649,13085,13086],{"class":5763},"  language",[5649,13088,5677],{"class":5663},[5649,13090,13091],{"class":5687},"'uk'",[5649,13093,7226],{"class":5663},[5649,13095,13096],{"class":5687},"'en'",[5649,13098,5691],{"class":5663},[5649,13100,13101,13104,13106,13109,13111],{"class":5651,"line":7866},[5649,13102,13103],{"class":5763},"  messageType",[5649,13105,5677],{"class":5663},[5649,13107,13108],{"class":5655},"keyof",[5649,13110,12916],{"class":5680},[5649,13112,5691],{"class":5663},[5649,13114,13115],{"class":5651,"line":7887},[5649,13116,5824],{"class":5663},[5649,13118,13119],{"class":5651,"line":7896},[5649,13120,5719],{"emptyLinePlaceholder":5718},[5649,13122,13123,13125,13127,13129,13132,13134,13136,13138,13141],{"class":5651,"line":7901},[5649,13124,5656],{"class":5655},[5649,13126,5660],{"class":5659},[5649,13128,7485],{"class":5663},[5649,13130,13131],{"class":5763},"language",[5649,13133,5544],{"class":5663},[5649,13135,6992],{"class":5763},[5649,13137,7500],{"class":5663},[5649,13139,13140],{"class":5680},"GreetingProps",[5649,13142,7506],{"class":5663},[5649,13144,13145,13147,13149,13151,13153,13155,13158,13160,13162,13165,13167],{"class":5651,"line":8910},[5649,13146,5670],{"class":5655},[5649,13148,11061],{"class":5673},[5649,13150,5677],{"class":5663},[5649,13152,5681],{"class":5680},[5649,13154,5684],{"class":5663},[5649,13156,13157],{"class":5763},"translations",[5649,13159,11248],{"class":5663},[5649,13161,13131],{"class":5763},[5649,13163,13164],{"class":5663},"][",[5649,13166,6992],{"class":5763},[5649,13168,9748],{"class":5663},[5649,13170,13171],{"class":5651,"line":8928},[5649,13172,5719],{"emptyLinePlaceholder":5718},[5649,13174,13175,13177,13179,13181,13183,13185,13187,13189,13191,13193,13195],{"class":5651,"line":8946},[5649,13176,5726],{"class":5725},[5649,13178,7385],{"class":5735},[5649,13180,5472],{"class":5739},[5649,13182,5754],{"class":5735},[5649,13184,5760],{"class":5655},[5649,13186,11115],{"class":5763},[5649,13188,5767],{"class":5655},[5649,13190,5773],{"class":5735},[5649,13192,5472],{"class":5739},[5649,13194,5754],{"class":5735},[5649,13196,5691],{"class":5663},[5649,13198,13199],{"class":5651,"line":8955},[5649,13200,5824],{"class":5663},[5649,13202,13203],{"class":5651,"line":8960},[5649,13204,5719],{"emptyLinePlaceholder":5718},[5649,13206,13207],{"class":5651,"line":8966},[5649,13208,13209],{"class":6061},"\u002F\u002F Використання\n",[5649,13211,13212,13214,13217,13220,13222,13225,13227,13229,13232,13235],{"class":5651,"line":8971},[5649,13213,5841],{"class":5735},[5649,13215,13216],{"class":5680},"Greeting",[5649,13218,13219],{"class":6742}," language",[5649,13221,6746],{"class":5663},[5649,13223,13224],{"class":5687},"\"uk\"",[5649,13226,6938],{"class":6742},[5649,13228,6746],{"class":5663},[5649,13230,13231],{"class":5687},"\"greeting\"",[5649,13233,13234],{"class":5735}," \u002F>",[5649,13236,13237],{"class":6061},"  \u002F\u002F Привіт\n",[5649,13239,13240,13242,13244,13246,13248,13251,13253,13255,13258,13260],{"class":5651,"line":9004},[5649,13241,5841],{"class":5735},[5649,13243,13216],{"class":5680},[5649,13245,13219],{"class":6742},[5649,13247,6746],{"class":5663},[5649,13249,13250],{"class":5687},"\"en\"",[5649,13252,6938],{"class":6742},[5649,13254,6746],{"class":5663},[5649,13256,13257],{"class":5687},"\"thankYou\"",[5649,13259,13234],{"class":5735},[5649,13261,13262],{"class":6061},"  \u002F\u002F Thank you\n",[5607,13264],{},[5610,13266,13268],{"id":13267},"практика-динамічна-картка-користувача","Практика: динамічна картка користувача",[9008,13270,13273,15001],{":height":13271,"entry":9011,"title":13272},"640","Динамічна картка з обчислювальними виразами",[5640,13274,13276],{"className":5642,"code":13275,"filename":9011,"language":5644,"meta":5645,"style":5645},"import '.\u002FApp.css';\n\ninterface User {\n  id: number;\n  firstName: string;\n  lastName: string;\n  age: number;\n  email: string;\n  isActive: boolean;\n  memberSince: Date;\n  avatar: string;\n}\n\n\u002F\u002F Статичні дані користувачів для демонстрації\nconst users: User[] = [\n  {\n    id: 1,\n    firstName: 'Олександр',\n    lastName: 'Коваленко',\n    age: 28,\n    email: 'oleksandr@example.com',\n    isActive: true,\n    memberSince: new Date('2024-01-15'),\n    avatar: '👨‍💻',\n  },\n  {\n    id: 2,\n    firstName: 'Марія',\n    lastName: 'Шевченко',\n    age: 24,\n    email: 'maria@example.com',\n    isActive: true,\n    memberSince: new Date('2025-12-01'),\n    avatar: '👩‍🎨',\n  },\n  {\n    id: 3,\n    firstName: 'Іван',\n    lastName: 'Петренко',\n    age: 35,\n    email: 'ivan@example.com',\n    isActive: false,\n    memberSince: new Date('2023-06-10'),\n    avatar: '👨‍💼',\n  },\n];\n\nfunction UserCard({ user }: { user: User }) {\n  \u002F\u002F Обчислювані значення\n  const fullName = `${user.firstName} ${user.lastName}`;\n  const initials = `${user.firstName[0]}${user.lastName[0]}`;\n  const membershipDays = Math.floor(\n    (Date.now() - user.memberSince.getTime()) \u002F (1000 * 60 * 60 * 24)\n  );\n  const isNewUser = membershipDays \u003C 30;\n\n  \u002F\u002F Динамічні класи\n  const statusClass = user.isActive ? 'status-active' : 'status-inactive';\n  const cardClass = `user-card ${isNewUser ? 'new-user' : ''}`;\n\n  \u002F\u002F Динамічні стилі\n  const avatarStyle: React.CSSProperties = {\n    background: user.isActive \n      ? 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)'\n      : 'linear-gradient(135deg, #bdc3c7 0%, #95a5a6 100%)',\n  };\n\n  return (\n    \u003Cdiv className={cardClass}>\n      \u003Cdiv className=\"card-header\">\n        \u003Cdiv className=\"avatar\" style={avatarStyle}>\n          {user.avatar || initials}\n        \u003C\u002Fdiv>\n        \u003Cdiv className=\"user-info\">\n          \u003Ch2>{fullName}\u003C\u002Fh2>\n          \u003Cp className=\"email\">{user.email}\u003C\u002Fp>\n        \u003C\u002Fdiv>\n        \u003Cspan className={statusClass}>\n          {user.isActive ? '🟢 Активний' : '⚫ Неактивний'}\n        \u003C\u002Fspan>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv className=\"card-body\">\n        \u003Cdiv className=\"info-row\">\n          \u003Cspan className=\"label\">Вік:\u003C\u002Fspan>\n          \u003Cspan className=\"value\">{user.age} років\u003C\u002Fspan>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv className=\"info-row\">\n          \u003Cspan className=\"label\">Учасник з:\u003C\u002Fspan>\n          \u003Cspan className=\"value\">\n            {user.memberSince.toLocaleDateString('uk-UA', {\n              year: 'numeric',\n              month: 'long',\n              day: 'numeric',\n            })}\n          \u003C\u002Fspan>\n        \u003C\u002Fdiv>\n\n        \u003Cdiv className=\"info-row\">\n          \u003Cspan className=\"label\">Стаж:\u003C\u002Fspan>\n          \u003Cspan className=\"value\">\n            {membershipDays} {membershipDays === 1 ? 'день' : 'днів'}\n          \u003C\u002Fspan>\n        \u003C\u002Fdiv>\n\n        {isNewUser && (\n          \u003Cdiv className=\"new-user-badge\">\n            🎉 Новий учасник!\n          \u003C\u002Fdiv>\n        )}\n      \u003C\u002Fdiv>\n\n      \u003Cdiv className=\"card-footer\">\n        {user.isActive ? (\n          \u003C>\n            \u003Cbutton className=\"btn btn-primary\">Написати\u003C\u002Fbutton>\n            \u003Cbutton className=\"btn btn-secondary\">Профіль\u003C\u002Fbutton>\n          \u003C\u002F>\n        ) : (\n          \u003Cbutton className=\"btn btn-disabled\" disabled>\n            Користувач неактивний\n          \u003C\u002Fbutton>\n        )}\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n\nfunction App() {\n  return (\n    \u003Cdiv className=\"container\">\n      \u003Ch1>Динамічні картки користувачів\u003C\u002Fh1>\n      \n      \u003Cdiv className=\"card-grid\">\n        {users.map(user => (\n          \u003CUserCard key={user.id} user={user} \u002F>\n        ))}\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  );\n}\n\nexport default App;\n",[5500,13277,13278,13286,13290,13299,13309,13320,13331,13342,13353,13364,13375,13386,13390,13394,13399,13413,13418,13427,13437,13447,13457,13467,13476,13494,13504,13508,13512,13520,13529,13538,13547,13556,13564,13579,13588,13592,13596,13604,13613,13622,13631,13640,13648,13663,13672,13676,13680,13684,13706,13711,13749,13795,13813,13863,13867,13887,13891,13896,13922,13955,13959,13964,13981,13995,14003,14013,14017,14021,14027,14046,14061,14087,14105,14113,14128,14149,14181,14189,14207,14229,14237,14245,14249,14264,14279,14303,14338,14346,14350,14364,14387,14401,14423,14433,14443,14452,14459,14468,14476,14480,14495,14519,14534,14564,14573,14582,14587,14598,14614,14620,14629,14637,14646,14651,14667,14682,14688,14712,14736,14742,14752,14770,14776,14785,14792,14801,14810,14815,14820,14825,14834,14841,14856,14874,14880,14896,14916,14950,14957,14966,14975,14980,14985,14990],{"__ignoreMap":5645},[5649,13279,13280,13282,13284],{"class":5651,"line":5652},[5649,13281,7460],{"class":5725},[5649,13283,9024],{"class":5687},[5649,13285,5691],{"class":5663},[5649,13287,13288],{"class":5651,"line":5667},[5649,13289,5719],{"emptyLinePlaceholder":5718},[5649,13291,13292,13294,13297],{"class":5651,"line":5694},[5649,13293,11853],{"class":5655},[5649,13295,13296],{"class":5680}," User",[5649,13298,6406],{"class":5663},[5649,13300,13301,13303,13305,13307],{"class":5651,"line":5715},[5649,13302,11863],{"class":5763},[5649,13304,5677],{"class":5663},[5649,13306,5704],{"class":5680},[5649,13308,5691],{"class":5663},[5649,13310,13311,13314,13316,13318],{"class":5651,"line":5722},[5649,13312,13313],{"class":5763},"  firstName",[5649,13315,5677],{"class":5663},[5649,13317,5681],{"class":5680},[5649,13319,5691],{"class":5663},[5649,13321,13322,13325,13327,13329],{"class":5651,"line":5732},[5649,13323,13324],{"class":5763},"  lastName",[5649,13326,5677],{"class":5663},[5649,13328,5681],{"class":5680},[5649,13330,5691],{"class":5663},[5649,13332,13333,13336,13338,13340],{"class":5651,"line":5746},[5649,13334,13335],{"class":5763},"  age",[5649,13337,5677],{"class":5663},[5649,13339,5704],{"class":5680},[5649,13341,5691],{"class":5663},[5649,13343,13344,13347,13349,13351],{"class":5651,"line":5780},[5649,13345,13346],{"class":5763},"  email",[5649,13348,5677],{"class":5663},[5649,13350,5681],{"class":5680},[5649,13352,5691],{"class":5663},[5649,13354,13355,13358,13360,13362],{"class":5651,"line":5805},[5649,13356,13357],{"class":5763},"  isActive",[5649,13359,5677],{"class":5663},[5649,13361,6924],{"class":5680},[5649,13363,5691],{"class":5663},[5649,13365,13366,13369,13371,13373],{"class":5651,"line":5815},[5649,13367,13368],{"class":5763},"  memberSince",[5649,13370,5677],{"class":5663},[5649,13372,6398],{"class":5680},[5649,13374,5691],{"class":5663},[5649,13376,13377,13380,13382,13384],{"class":5651,"line":5821},[5649,13378,13379],{"class":5763},"  avatar",[5649,13381,5677],{"class":5663},[5649,13383,5681],{"class":5680},[5649,13385,5691],{"class":5663},[5649,13387,13388],{"class":5651,"line":6206},[5649,13389,5824],{"class":5663},[5649,13391,13392],{"class":5651,"line":6236},[5649,13393,5719],{"emptyLinePlaceholder":5718},[5649,13395,13396],{"class":5651,"line":6288},[5649,13397,13398],{"class":6061},"\u002F\u002F Статичні дані користувачів для демонстрації\n",[5649,13400,13401,13403,13406,13408,13411],{"class":5651,"line":6297},[5649,13402,6319],{"class":5655},[5649,13404,13405],{"class":5673}," users",[5649,13407,5677],{"class":5663},[5649,13409,13410],{"class":5680},"User",[5649,13412,11934],{"class":5663},[5649,13414,13415],{"class":5651,"line":6302},[5649,13416,13417],{"class":5663},"  {\n",[5649,13419,13420,13423,13425],{"class":5651,"line":6594},[5649,13421,13422],{"class":5763},"    id:",[5649,13424,11945],{"class":5709},[5649,13426,6437],{"class":5663},[5649,13428,13429,13432,13435],{"class":5651,"line":6599},[5649,13430,13431],{"class":5763},"    firstName:",[5649,13433,13434],{"class":5687}," 'Олександр'",[5649,13436,6437],{"class":5663},[5649,13438,13439,13442,13445],{"class":5651,"line":7833},[5649,13440,13441],{"class":5763},"    lastName:",[5649,13443,13444],{"class":5687}," 'Коваленко'",[5649,13446,6437],{"class":5663},[5649,13448,13449,13452,13455],{"class":5651,"line":7838},[5649,13450,13451],{"class":5763},"    age:",[5649,13453,13454],{"class":5709}," 28",[5649,13456,6437],{"class":5663},[5649,13458,13459,13462,13465],{"class":5651,"line":7845},[5649,13460,13461],{"class":5763},"    email:",[5649,13463,13464],{"class":5687}," 'oleksandr@example.com'",[5649,13466,6437],{"class":5663},[5649,13468,13469,13472,13474],{"class":5651,"line":7866},[5649,13470,13471],{"class":5763},"    isActive:",[5649,13473,11969],{"class":5655},[5649,13475,6437],{"class":5663},[5649,13477,13478,13481,13484,13486,13488,13491],{"class":5651,"line":7887},[5649,13479,13480],{"class":5763},"    memberSince:",[5649,13482,13483],{"class":5655}," new",[5649,13485,6497],{"class":5659},[5649,13487,6264],{"class":5663},[5649,13489,13490],{"class":5687},"'2024-01-15'",[5649,13492,13493],{"class":5663},"),\n",[5649,13495,13496,13499,13502],{"class":5651,"line":7896},[5649,13497,13498],{"class":5763},"    avatar:",[5649,13500,13501],{"class":5687}," '👨‍💻'",[5649,13503,6437],{"class":5663},[5649,13505,13506],{"class":5651,"line":7901},[5649,13507,13025],{"class":5663},[5649,13509,13510],{"class":5651,"line":8910},[5649,13511,13417],{"class":5663},[5649,13513,13514,13516,13518],{"class":5651,"line":8928},[5649,13515,13422],{"class":5763},[5649,13517,11981],{"class":5709},[5649,13519,6437],{"class":5663},[5649,13521,13522,13524,13527],{"class":5651,"line":8946},[5649,13523,13431],{"class":5763},[5649,13525,13526],{"class":5687}," 'Марія'",[5649,13528,6437],{"class":5663},[5649,13530,13531,13533,13536],{"class":5651,"line":8955},[5649,13532,13441],{"class":5763},[5649,13534,13535],{"class":5687}," 'Шевченко'",[5649,13537,6437],{"class":5663},[5649,13539,13540,13542,13545],{"class":5651,"line":8960},[5649,13541,13451],{"class":5763},[5649,13543,13544],{"class":5709}," 24",[5649,13546,6437],{"class":5663},[5649,13548,13549,13551,13554],{"class":5651,"line":8966},[5649,13550,13461],{"class":5763},[5649,13552,13553],{"class":5687}," 'maria@example.com'",[5649,13555,6437],{"class":5663},[5649,13557,13558,13560,13562],{"class":5651,"line":8971},[5649,13559,13471],{"class":5763},[5649,13561,11969],{"class":5655},[5649,13563,6437],{"class":5663},[5649,13565,13566,13568,13570,13572,13574,13577],{"class":5651,"line":9004},[5649,13567,13480],{"class":5763},[5649,13569,13483],{"class":5655},[5649,13571,6497],{"class":5659},[5649,13573,6264],{"class":5663},[5649,13575,13576],{"class":5687},"'2025-12-01'",[5649,13578,13493],{"class":5663},[5649,13580,13581,13583,13586],{"class":5651,"line":9462},[5649,13582,13498],{"class":5763},[5649,13584,13585],{"class":5687}," '👩‍🎨'",[5649,13587,6437],{"class":5663},[5649,13589,13590],{"class":5651,"line":9486},[5649,13591,13025],{"class":5663},[5649,13593,13594],{"class":5651,"line":9495},[5649,13595,13417],{"class":5663},[5649,13597,13598,13600,13602],{"class":5651,"line":9504},[5649,13599,13422],{"class":5763},[5649,13601,12012],{"class":5709},[5649,13603,6437],{"class":5663},[5649,13605,13606,13608,13611],{"class":5651,"line":9509},[5649,13607,13431],{"class":5763},[5649,13609,13610],{"class":5687}," 'Іван'",[5649,13612,6437],{"class":5663},[5649,13614,13615,13617,13620],{"class":5651,"line":9514},[5649,13616,13441],{"class":5763},[5649,13618,13619],{"class":5687}," 'Петренко'",[5649,13621,6437],{"class":5663},[5649,13623,13624,13626,13629],{"class":5651,"line":9519},[5649,13625,13451],{"class":5763},[5649,13627,13628],{"class":5709}," 35",[5649,13630,6437],{"class":5663},[5649,13632,13633,13635,13638],{"class":5651,"line":9526},[5649,13634,13461],{"class":5763},[5649,13636,13637],{"class":5687}," 'ivan@example.com'",[5649,13639,6437],{"class":5663},[5649,13641,13642,13644,13646],{"class":5651,"line":9542},[5649,13643,13471],{"class":5763},[5649,13645,12033],{"class":5655},[5649,13647,6437],{"class":5663},[5649,13649,13650,13652,13654,13656,13658,13661],{"class":5651,"line":9566},[5649,13651,13480],{"class":5763},[5649,13653,13483],{"class":5655},[5649,13655,6497],{"class":5659},[5649,13657,6264],{"class":5663},[5649,13659,13660],{"class":5687},"'2023-06-10'",[5649,13662,13493],{"class":5663},[5649,13664,13665,13667,13670],{"class":5651,"line":9583},[5649,13666,13498],{"class":5763},[5649,13668,13669],{"class":5687}," '👨‍💼'",[5649,13671,6437],{"class":5663},[5649,13673,13674],{"class":5651,"line":9598},[5649,13675,13025],{"class":5663},[5649,13677,13678],{"class":5651,"line":9604},[5649,13679,9748],{"class":5663},[5649,13681,13682],{"class":5651,"line":9613},[5649,13683,5719],{"emptyLinePlaceholder":5718},[5649,13685,13686,13688,13691,13693,13696,13698,13700,13702,13704],{"class":5651,"line":9628},[5649,13687,5656],{"class":5655},[5649,13689,13690],{"class":5659}," UserCard",[5649,13692,7485],{"class":5663},[5649,13694,13695],{"class":5763},"user",[5649,13697,9073],{"class":5663},[5649,13699,13695],{"class":5763},[5649,13701,5677],{"class":5663},[5649,13703,13410],{"class":5680},[5649,13705,9083],{"class":5663},[5649,13707,13708],{"class":5651,"line":9651},[5649,13709,13710],{"class":6061},"  \u002F\u002F Обчислювані значення\n",[5649,13712,13713,13715,13718,13720,13722,13724,13726,13728,13731,13733,13736,13738,13740,13743,13745,13747],{"class":5651,"line":9674},[5649,13714,5670],{"class":5655},[5649,13716,13717],{"class":5673}," fullName",[5649,13719,5684],{"class":5663},[5649,13721,6778],{"class":5687},[5649,13723,6770],{"class":5655},[5649,13725,13695],{"class":5763},[5649,13727,5554],{"class":6258},[5649,13729,13730],{"class":5763},"firstName",[5649,13732,5767],{"class":5655},[5649,13734,13735],{"class":5655}," ${",[5649,13737,13695],{"class":5763},[5649,13739,5554],{"class":6258},[5649,13741,13742],{"class":5763},"lastName",[5649,13744,5767],{"class":5655},[5649,13746,6778],{"class":5687},[5649,13748,5691],{"class":5663},[5649,13750,13751,13753,13756,13758,13760,13762,13764,13766,13768,13770,13772,13774,13777,13779,13781,13783,13785,13787,13789,13791,13793],{"class":5651,"line":9683},[5649,13752,5670],{"class":5655},[5649,13754,13755],{"class":5673}," initials",[5649,13757,5684],{"class":5663},[5649,13759,6778],{"class":5687},[5649,13761,6770],{"class":5655},[5649,13763,13695],{"class":5763},[5649,13765,5554],{"class":6258},[5649,13767,13730],{"class":5763},[5649,13769,11248],{"class":6258},[5649,13771,8446],{"class":5709},[5649,13773,12838],{"class":6258},[5649,13775,13776],{"class":5655},"}${",[5649,13778,13695],{"class":5763},[5649,13780,5554],{"class":6258},[5649,13782,13742],{"class":5763},[5649,13784,11248],{"class":6258},[5649,13786,8446],{"class":5709},[5649,13788,12838],{"class":6258},[5649,13790,5767],{"class":5655},[5649,13792,6778],{"class":5687},[5649,13794,5691],{"class":5663},[5649,13796,13797,13799,13802,13804,13806,13808,13811],{"class":5651,"line":9692},[5649,13798,5670],{"class":5655},[5649,13800,13801],{"class":5673}," membershipDays",[5649,13803,5684],{"class":5663},[5649,13805,11489],{"class":5763},[5649,13807,5554],{"class":5663},[5649,13809,13810],{"class":5659},"floor",[5649,13812,7534],{"class":5663},[5649,13814,13815,13818,13820,13822,13825,13828,13830,13832,13835,13837,13840,13843,13845,13848,13851,13853,13855,13857,13860],{"class":5651,"line":9697},[5649,13816,13817],{"class":5663},"    (",[5649,13819,6398],{"class":5763},[5649,13821,5554],{"class":5663},[5649,13823,13824],{"class":5659},"now",[5649,13826,13827],{"class":5663},"() - ",[5649,13829,13695],{"class":5763},[5649,13831,5554],{"class":5663},[5649,13833,13834],{"class":5763},"memberSince",[5649,13836,5554],{"class":5663},[5649,13838,13839],{"class":5659},"getTime",[5649,13841,13842],{"class":5663},"()) \u002F (",[5649,13844,6037],{"class":5709},[5649,13846,13847],{"class":5663}," * ",[5649,13849,13850],{"class":5709},"60",[5649,13852,13847],{"class":5663},[5649,13854,13850],{"class":5709},[5649,13856,13847],{"class":5663},[5649,13858,13859],{"class":5709},"24",[5649,13861,13862],{"class":5663},")\n",[5649,13864,13865],{"class":5651,"line":9702},[5649,13866,5818],{"class":5663},[5649,13868,13869,13871,13874,13876,13879,13882,13885],{"class":5651,"line":9707},[5649,13870,5670],{"class":5655},[5649,13872,13873],{"class":5673}," isNewUser",[5649,13875,5684],{"class":5663},[5649,13877,13878],{"class":5763},"membershipDays",[5649,13880,13881],{"class":5663}," \u003C ",[5649,13883,13884],{"class":5709},"30",[5649,13886,5691],{"class":5663},[5649,13888,13889],{"class":5651,"line":9717},[5649,13890,5719],{"emptyLinePlaceholder":5718},[5649,13892,13893],{"class":5651,"line":9723},[5649,13894,13895],{"class":6061},"  \u002F\u002F Динамічні класи\n",[5649,13897,13898,13900,13902,13904,13906,13908,13910,13912,13915,13917,13920],{"class":5651,"line":9751},[5649,13899,5670],{"class":5655},[5649,13901,7292],{"class":5673},[5649,13903,5684],{"class":5663},[5649,13905,13695],{"class":5763},[5649,13907,5554],{"class":5663},[5649,13909,7154],{"class":5763},[5649,13911,6950],{"class":5663},[5649,13913,13914],{"class":5687},"'status-active'",[5649,13916,6956],{"class":5663},[5649,13918,13919],{"class":5687},"'status-inactive'",[5649,13921,5691],{"class":5663},[5649,13923,13924,13926,13929,13931,13934,13936,13939,13941,13944,13946,13949,13951,13953],{"class":5651,"line":9756},[5649,13925,5670],{"class":5655},[5649,13927,13928],{"class":5673}," cardClass",[5649,13930,5684],{"class":5663},[5649,13932,13933],{"class":5687},"`user-card ",[5649,13935,6770],{"class":5655},[5649,13937,13938],{"class":5763},"isNewUser",[5649,13940,7038],{"class":5663},[5649,13942,13943],{"class":5687}," 'new-user'",[5649,13945,7044],{"class":5663},[5649,13947,13948],{"class":5687}," ''",[5649,13950,5767],{"class":5655},[5649,13952,6778],{"class":5687},[5649,13954,5691],{"class":5663},[5649,13956,13957],{"class":5651,"line":9763},[5649,13958,5719],{"emptyLinePlaceholder":5718},[5649,13960,13961],{"class":5651,"line":9779},[5649,13962,13963],{"class":6061},"  \u002F\u002F Динамічні стилі\n",[5649,13965,13966,13968,13971,13973,13975,13977,13979],{"class":5651,"line":9797},[5649,13967,5670],{"class":5655},[5649,13969,13970],{"class":5673}," avatarStyle",[5649,13972,5677],{"class":5663},[5649,13974,2303],{"class":5680},[5649,13976,5554],{"class":5663},[5649,13978,7712],{"class":5680},[5649,13980,7715],{"class":5663},[5649,13982,13983,13986,13989,13991,13993],{"class":5651,"line":9813},[5649,13984,13985],{"class":5763},"    background:",[5649,13987,13988],{"class":5763}," user",[5649,13990,5554],{"class":5663},[5649,13992,7154],{"class":5763},[5649,13994,6737],{"class":5663},[5649,13996,13997,14000],{"class":5651,"line":9819},[5649,13998,13999],{"class":5663},"      ? ",[5649,14001,14002],{"class":5687},"'linear-gradient(135deg, #667eea 0%, #764ba2 100%)'\n",[5649,14004,14005,14008,14011],{"class":5651,"line":9828},[5649,14006,14007],{"class":5663},"      : ",[5649,14009,14010],{"class":5687},"'linear-gradient(135deg, #bdc3c7 0%, #95a5a6 100%)'",[5649,14012,6437],{"class":5663},[5649,14014,14015],{"class":5651,"line":9833},[5649,14016,7779],{"class":5663},[5649,14018,14019],{"class":5651,"line":9849},[5649,14020,5719],{"emptyLinePlaceholder":5718},[5649,14022,14023,14025],{"class":5651,"line":9872},[5649,14024,5726],{"class":5725},[5649,14026,5729],{"class":5663},[5649,14028,14029,14031,14033,14035,14037,14039,14042,14044],{"class":5651,"line":9903},[5649,14030,5736],{"class":5735},[5649,14032,5740],{"class":5739},[5649,14034,7017],{"class":6742},[5649,14036,6746],{"class":5663},[5649,14038,5760],{"class":5655},[5649,14040,14041],{"class":5763},"cardClass",[5649,14043,5767],{"class":5655},[5649,14045,5743],{"class":5735},[5649,14047,14048,14050,14052,14054,14056,14059],{"class":5651,"line":9911},[5649,14049,5749],{"class":5735},[5649,14051,5740],{"class":5739},[5649,14053,7017],{"class":6742},[5649,14055,6746],{"class":5663},[5649,14057,14058],{"class":5687},"\"card-header\"",[5649,14060,5743],{"class":5735},[5649,14062,14063,14065,14067,14069,14071,14074,14076,14078,14080,14083,14085],{"class":5651,"line":9920},[5649,14064,8284],{"class":5735},[5649,14066,5740],{"class":5739},[5649,14068,7017],{"class":6742},[5649,14070,6746],{"class":5663},[5649,14072,14073],{"class":5687},"\"avatar\"",[5649,14075,7852],{"class":6742},[5649,14077,6746],{"class":5663},[5649,14079,5760],{"class":5655},[5649,14081,14082],{"class":5763},"avatarStyle",[5649,14084,5767],{"class":5655},[5649,14086,5743],{"class":5735},[5649,14088,14089,14091,14093,14095,14098,14101,14103],{"class":5651,"line":9929},[5649,14090,12178],{"class":5655},[5649,14092,13695],{"class":5763},[5649,14094,5554],{"class":6258},[5649,14096,14097],{"class":5763},"avatar",[5649,14099,14100],{"class":5663}," ||",[5649,14102,13755],{"class":5763},[5649,14104,5824],{"class":5655},[5649,14106,14107,14109,14111],{"class":5651,"line":9934},[5649,14108,8315],{"class":5735},[5649,14110,5740],{"class":5739},[5649,14112,5743],{"class":5735},[5649,14114,14115,14117,14119,14121,14123,14126],{"class":5651,"line":9939},[5649,14116,8284],{"class":5735},[5649,14118,5740],{"class":5739},[5649,14120,7017],{"class":6742},[5649,14122,6746],{"class":5663},[5649,14124,14125],{"class":5687},"\"user-info\"",[5649,14127,5743],{"class":5735},[5649,14129,14130,14132,14134,14136,14138,14141,14143,14145,14147],{"class":5651,"line":9944},[5649,14131,9207],{"class":5735},[5649,14133,5610],{"class":5739},[5649,14135,5754],{"class":5735},[5649,14137,5760],{"class":5655},[5649,14139,14140],{"class":5763},"fullName",[5649,14142,5767],{"class":5655},[5649,14144,5773],{"class":5735},[5649,14146,5610],{"class":5739},[5649,14148,5743],{"class":5735},[5649,14150,14151,14153,14155,14157,14159,14162,14164,14166,14168,14170,14173,14175,14177,14179],{"class":5651,"line":10661},[5649,14152,9207],{"class":5735},[5649,14154,5585],{"class":5739},[5649,14156,7017],{"class":6742},[5649,14158,6746],{"class":5663},[5649,14160,14161],{"class":5687},"\"email\"",[5649,14163,5754],{"class":5735},[5649,14165,5760],{"class":5655},[5649,14167,13695],{"class":5763},[5649,14169,5554],{"class":6258},[5649,14171,14172],{"class":5763},"email",[5649,14174,5767],{"class":5655},[5649,14176,5773],{"class":5735},[5649,14178,5585],{"class":5739},[5649,14180,5743],{"class":5735},[5649,14182,14183,14185,14187],{"class":5651,"line":10669},[5649,14184,8315],{"class":5735},[5649,14186,5740],{"class":5739},[5649,14188,5743],{"class":5735},[5649,14190,14191,14193,14195,14197,14199,14201,14203,14205],{"class":5651,"line":10681},[5649,14192,8284],{"class":5735},[5649,14194,5649],{"class":5739},[5649,14196,7017],{"class":6742},[5649,14198,6746],{"class":5663},[5649,14200,5760],{"class":5655},[5649,14202,7356],{"class":5763},[5649,14204,5767],{"class":5655},[5649,14206,5743],{"class":5735},[5649,14208,14209,14211,14213,14215,14217,14219,14222,14224,14227],{"class":5651,"line":10693},[5649,14210,12178],{"class":5655},[5649,14212,13695],{"class":5763},[5649,14214,5554],{"class":6258},[5649,14216,7154],{"class":5763},[5649,14218,7038],{"class":5663},[5649,14220,14221],{"class":5687}," '🟢 Активний'",[5649,14223,7044],{"class":5663},[5649,14225,14226],{"class":5687}," '⚫ Неактивний'",[5649,14228,5824],{"class":5655},[5649,14230,14231,14233,14235],{"class":5651,"line":10698},[5649,14232,8315],{"class":5735},[5649,14234,5649],{"class":5739},[5649,14236,5743],{"class":5735},[5649,14238,14239,14241,14243],{"class":5651,"line":10703},[5649,14240,8747],{"class":5735},[5649,14242,5740],{"class":5739},[5649,14244,5743],{"class":5735},[5649,14246,14247],{"class":5651,"line":10711},[5649,14248,5719],{"emptyLinePlaceholder":5718},[5649,14250,14251,14253,14255,14257,14259,14262],{"class":5651,"line":10723},[5649,14252,5749],{"class":5735},[5649,14254,5740],{"class":5739},[5649,14256,7017],{"class":6742},[5649,14258,6746],{"class":5663},[5649,14260,14261],{"class":5687},"\"card-body\"",[5649,14263,5743],{"class":5735},[5649,14265,14266,14268,14270,14272,14274,14277],{"class":5651,"line":10728},[5649,14267,8284],{"class":5735},[5649,14269,5740],{"class":5739},[5649,14271,7017],{"class":6742},[5649,14273,6746],{"class":5663},[5649,14275,14276],{"class":5687},"\"info-row\"",[5649,14278,5743],{"class":5735},[5649,14280,14281,14283,14285,14287,14289,14292,14294,14297,14299,14301],{"class":5651,"line":10733},[5649,14282,9207],{"class":5735},[5649,14284,5649],{"class":5739},[5649,14286,7017],{"class":6742},[5649,14288,6746],{"class":5663},[5649,14290,14291],{"class":5687},"\"label\"",[5649,14293,5754],{"class":5735},[5649,14295,14296],{"class":5663},"Вік:",[5649,14298,5773],{"class":5735},[5649,14300,5649],{"class":5739},[5649,14302,5743],{"class":5735},[5649,14304,14305,14307,14309,14311,14313,14316,14318,14320,14322,14324,14327,14329,14332,14334,14336],{"class":5651,"line":10741},[5649,14306,9207],{"class":5735},[5649,14308,5649],{"class":5739},[5649,14310,7017],{"class":6742},[5649,14312,6746],{"class":5663},[5649,14314,14315],{"class":5687},"\"value\"",[5649,14317,5754],{"class":5735},[5649,14319,5760],{"class":5655},[5649,14321,13695],{"class":5763},[5649,14323,5554],{"class":6258},[5649,14325,14326],{"class":5763},"age",[5649,14328,5767],{"class":5655},[5649,14330,14331],{"class":5663}," років",[5649,14333,5773],{"class":5735},[5649,14335,5649],{"class":5739},[5649,14337,5743],{"class":5735},[5649,14339,14340,14342,14344],{"class":5651,"line":10759},[5649,14341,8315],{"class":5735},[5649,14343,5740],{"class":5739},[5649,14345,5743],{"class":5735},[5649,14347,14348],{"class":5651,"line":10764},[5649,14349,5719],{"emptyLinePlaceholder":5718},[5649,14351,14352,14354,14356,14358,14360,14362],{"class":5651,"line":10769},[5649,14353,8284],{"class":5735},[5649,14355,5740],{"class":5739},[5649,14357,7017],{"class":6742},[5649,14359,6746],{"class":5663},[5649,14361,14276],{"class":5687},[5649,14363,5743],{"class":5735},[5649,14365,14366,14368,14370,14372,14374,14376,14378,14381,14383,14385],{"class":5651,"line":10777},[5649,14367,9207],{"class":5735},[5649,14369,5649],{"class":5739},[5649,14371,7017],{"class":6742},[5649,14373,6746],{"class":5663},[5649,14375,14291],{"class":5687},[5649,14377,5754],{"class":5735},[5649,14379,14380],{"class":5663},"Учасник з:",[5649,14382,5773],{"class":5735},[5649,14384,5649],{"class":5739},[5649,14386,5743],{"class":5735},[5649,14388,14389,14391,14393,14395,14397,14399],{"class":5651,"line":10796},[5649,14390,9207],{"class":5735},[5649,14392,5649],{"class":5739},[5649,14394,7017],{"class":6742},[5649,14396,6746],{"class":5663},[5649,14398,14315],{"class":5687},[5649,14400,5743],{"class":5735},[5649,14402,14403,14406,14408,14410,14412,14414,14416,14418,14421],{"class":5651,"line":10801},[5649,14404,14405],{"class":5655},"            {",[5649,14407,13695],{"class":5763},[5649,14409,5554],{"class":6258},[5649,14411,13834],{"class":5763},[5649,14413,5554],{"class":6258},[5649,14415,6418],{"class":5659},[5649,14417,6264],{"class":6258},[5649,14419,14420],{"class":5687},"'uk-UA'",[5649,14422,6426],{"class":6258},[5649,14424,14425,14428,14431],{"class":5651,"line":10806},[5649,14426,14427],{"class":5763},"              year:",[5649,14429,14430],{"class":5687}," 'numeric'",[5649,14432,6437],{"class":6258},[5649,14434,14435,14438,14441],{"class":5651,"line":10814},[5649,14436,14437],{"class":5763},"              month:",[5649,14439,14440],{"class":5687}," 'long'",[5649,14442,6437],{"class":6258},[5649,14444,14445,14448,14450],{"class":5651,"line":10830},[5649,14446,14447],{"class":5763},"              day:",[5649,14449,14430],{"class":5687},[5649,14451,6437],{"class":6258},[5649,14453,14454,14457],{"class":5651,"line":10835},[5649,14455,14456],{"class":6258},"            })",[5649,14458,5824],{"class":5655},[5649,14460,14461,14464,14466],{"class":5651,"line":10840},[5649,14462,14463],{"class":5735},"          \u003C\u002F",[5649,14465,5649],{"class":5739},[5649,14467,5743],{"class":5735},[5649,14469,14470,14472,14474],{"class":5651,"line":10848},[5649,14471,8315],{"class":5735},[5649,14473,5740],{"class":5739},[5649,14475,5743],{"class":5735},[5649,14477,14478],{"class":5651,"line":10864},[5649,14479,5719],{"emptyLinePlaceholder":5718},[5649,14481,14483,14485,14487,14489,14491,14493],{"class":5651,"line":14482},100,[5649,14484,8284],{"class":5735},[5649,14486,5740],{"class":5739},[5649,14488,7017],{"class":6742},[5649,14490,6746],{"class":5663},[5649,14492,14276],{"class":5687},[5649,14494,5743],{"class":5735},[5649,14496,14498,14500,14502,14504,14506,14508,14510,14513,14515,14517],{"class":5651,"line":14497},101,[5649,14499,9207],{"class":5735},[5649,14501,5649],{"class":5739},[5649,14503,7017],{"class":6742},[5649,14505,6746],{"class":5663},[5649,14507,14291],{"class":5687},[5649,14509,5754],{"class":5735},[5649,14511,14512],{"class":5663},"Стаж:",[5649,14514,5773],{"class":5735},[5649,14516,5649],{"class":5739},[5649,14518,5743],{"class":5735},[5649,14520,14522,14524,14526,14528,14530,14532],{"class":5651,"line":14521},102,[5649,14523,9207],{"class":5735},[5649,14525,5649],{"class":5739},[5649,14527,7017],{"class":6742},[5649,14529,6746],{"class":5663},[5649,14531,14315],{"class":5687},[5649,14533,5743],{"class":5735},[5649,14535,14537,14539,14541,14543,14545,14547,14550,14552,14554,14557,14559,14562],{"class":5651,"line":14536},103,[5649,14538,14405],{"class":5655},[5649,14540,13878],{"class":5763},[5649,14542,5767],{"class":5655},[5649,14544,8145],{"class":5655},[5649,14546,13878],{"class":5763},[5649,14548,14549],{"class":5663}," ===",[5649,14551,11945],{"class":5709},[5649,14553,7038],{"class":5663},[5649,14555,14556],{"class":5687}," 'день'",[5649,14558,7044],{"class":5663},[5649,14560,14561],{"class":5687}," 'днів'",[5649,14563,5824],{"class":5655},[5649,14565,14567,14569,14571],{"class":5651,"line":14566},104,[5649,14568,14463],{"class":5735},[5649,14570,5649],{"class":5739},[5649,14572,5743],{"class":5735},[5649,14574,14576,14578,14580],{"class":5651,"line":14575},105,[5649,14577,8315],{"class":5735},[5649,14579,5740],{"class":5739},[5649,14581,5743],{"class":5735},[5649,14583,14585],{"class":5651,"line":14584},106,[5649,14586,5719],{"emptyLinePlaceholder":5718},[5649,14588,14590,14592,14594,14596],{"class":5651,"line":14589},107,[5649,14591,9852],{"class":5655},[5649,14593,13938],{"class":5763},[5649,14595,8277],{"class":5663},[5649,14597,5729],{"class":6258},[5649,14599,14601,14603,14605,14607,14609,14612],{"class":5651,"line":14600},108,[5649,14602,9207],{"class":5735},[5649,14604,5740],{"class":5739},[5649,14606,7017],{"class":6742},[5649,14608,6746],{"class":5663},[5649,14610,14611],{"class":5687},"\"new-user-badge\"",[5649,14613,5743],{"class":5735},[5649,14615,14617],{"class":5651,"line":14616},109,[5649,14618,14619],{"class":6258},"            🎉 Новий учасник!\n",[5649,14621,14623,14625,14627],{"class":5651,"line":14622},110,[5649,14624,14463],{"class":5735},[5649,14626,5740],{"class":5739},[5649,14628,5743],{"class":5735},[5649,14630,14632,14635],{"class":5651,"line":14631},111,[5649,14633,14634],{"class":6258},"        )",[5649,14636,5824],{"class":5655},[5649,14638,14640,14642,14644],{"class":5651,"line":14639},112,[5649,14641,8747],{"class":5735},[5649,14643,5740],{"class":5739},[5649,14645,5743],{"class":5735},[5649,14647,14649],{"class":5651,"line":14648},113,[5649,14650,5719],{"emptyLinePlaceholder":5718},[5649,14652,14654,14656,14658,14660,14662,14665],{"class":5651,"line":14653},114,[5649,14655,5749],{"class":5735},[5649,14657,5740],{"class":5739},[5649,14659,7017],{"class":6742},[5649,14661,6746],{"class":5663},[5649,14663,14664],{"class":5687},"\"card-footer\"",[5649,14666,5743],{"class":5735},[5649,14668,14670,14672,14674,14676,14678,14680],{"class":5651,"line":14669},115,[5649,14671,9852],{"class":5655},[5649,14673,13695],{"class":5763},[5649,14675,5554],{"class":6258},[5649,14677,7154],{"class":5763},[5649,14679,7038],{"class":5663},[5649,14681,5729],{"class":6258},[5649,14683,14685],{"class":5651,"line":14684},116,[5649,14686,14687],{"class":5735},"          \u003C>\n",[5649,14689,14691,14693,14695,14697,14699,14701,14703,14706,14708,14710],{"class":5651,"line":14690},117,[5649,14692,12194],{"class":5735},[5649,14694,7145],{"class":5739},[5649,14696,7017],{"class":6742},[5649,14698,6746],{"class":5663},[5649,14700,9216],{"class":5687},[5649,14702,5754],{"class":5735},[5649,14704,14705],{"class":6258},"Написати",[5649,14707,5773],{"class":5735},[5649,14709,7145],{"class":5739},[5649,14711,5743],{"class":5735},[5649,14713,14715,14717,14719,14721,14723,14725,14727,14730,14732,14734],{"class":5651,"line":14714},118,[5649,14716,12194],{"class":5735},[5649,14718,7145],{"class":5739},[5649,14720,7017],{"class":6742},[5649,14722,6746],{"class":5663},[5649,14724,9261],{"class":5687},[5649,14726,5754],{"class":5735},[5649,14728,14729],{"class":6258},"Профіль",[5649,14731,5773],{"class":5735},[5649,14733,7145],{"class":5739},[5649,14735,5743],{"class":5735},[5649,14737,14739],{"class":5651,"line":14738},119,[5649,14740,14741],{"class":5735},"          \u003C\u002F>\n",[5649,14743,14745,14748,14750],{"class":5651,"line":14744},120,[5649,14746,14747],{"class":6258},"        ) ",[5649,14749,5976],{"class":5663},[5649,14751,5729],{"class":6258},[5649,14753,14755,14757,14759,14761,14763,14766,14768],{"class":5651,"line":14754},121,[5649,14756,9207],{"class":5735},[5649,14758,7145],{"class":5739},[5649,14760,7017],{"class":6742},[5649,14762,6746],{"class":5663},[5649,14764,14765],{"class":5687},"\"btn btn-disabled\"",[5649,14767,7583],{"class":6742},[5649,14769,5743],{"class":5735},[5649,14771,14773],{"class":5651,"line":14772},122,[5649,14774,14775],{"class":6258},"            Користувач неактивний\n",[5649,14777,14779,14781,14783],{"class":5651,"line":14778},123,[5649,14780,14463],{"class":5735},[5649,14782,7145],{"class":5739},[5649,14784,5743],{"class":5735},[5649,14786,14788,14790],{"class":5651,"line":14787},124,[5649,14789,14634],{"class":6258},[5649,14791,5824],{"class":5655},[5649,14793,14795,14797,14799],{"class":5651,"line":14794},125,[5649,14796,8747],{"class":5735},[5649,14798,5740],{"class":5739},[5649,14800,5743],{"class":5735},[5649,14802,14804,14806,14808],{"class":5651,"line":14803},126,[5649,14805,5808],{"class":5735},[5649,14807,5740],{"class":5739},[5649,14809,5743],{"class":5735},[5649,14811,14813],{"class":5651,"line":14812},127,[5649,14814,5818],{"class":5663},[5649,14816,14818],{"class":5651,"line":14817},128,[5649,14819,5824],{"class":5663},[5649,14821,14823],{"class":5651,"line":14822},129,[5649,14824,5719],{"emptyLinePlaceholder":5718},[5649,14826,14828,14830,14832],{"class":5651,"line":14827},130,[5649,14829,5656],{"class":5655},[5649,14831,9712],{"class":5659},[5649,14833,5664],{"class":5663},[5649,14835,14837,14839],{"class":5651,"line":14836},131,[5649,14838,5726],{"class":5725},[5649,14840,5729],{"class":5663},[5649,14842,14844,14846,14848,14850,14852,14854],{"class":5651,"line":14843},132,[5649,14845,5736],{"class":5735},[5649,14847,5740],{"class":5739},[5649,14849,7017],{"class":6742},[5649,14851,6746],{"class":5663},[5649,14853,9774],{"class":5687},[5649,14855,5743],{"class":5735},[5649,14857,14859,14861,14863,14865,14868,14870,14872],{"class":5651,"line":14858},133,[5649,14860,5749],{"class":5735},[5649,14862,5472],{"class":5739},[5649,14864,5754],{"class":5735},[5649,14866,14867],{"class":5663},"Динамічні картки користувачів",[5649,14869,5773],{"class":5735},[5649,14871,5472],{"class":5739},[5649,14873,5743],{"class":5735},[5649,14875,14877],{"class":5651,"line":14876},134,[5649,14878,14879],{"class":5663},"      \n",[5649,14881,14883,14885,14887,14889,14891,14894],{"class":5651,"line":14882},135,[5649,14884,5749],{"class":5735},[5649,14886,5740],{"class":5739},[5649,14888,7017],{"class":6742},[5649,14890,6746],{"class":5663},[5649,14892,14893],{"class":5687},"\"card-grid\"",[5649,14895,5743],{"class":5735},[5649,14897,14899,14901,14904,14906,14908,14910,14912,14914],{"class":5651,"line":14898},136,[5649,14900,9852],{"class":5655},[5649,14902,14903],{"class":5763},"users",[5649,14905,5554],{"class":6258},[5649,14907,9860],{"class":5659},[5649,14909,6264],{"class":6258},[5649,14911,13695],{"class":5763},[5649,14913,9867],{"class":5655},[5649,14915,5729],{"class":6258},[5649,14917,14919,14921,14924,14926,14928,14930,14932,14934,14936,14938,14940,14942,14944,14946,14948],{"class":5651,"line":14918},137,[5649,14920,9207],{"class":5735},[5649,14922,14923],{"class":5680},"UserCard",[5649,14925,9880],{"class":6742},[5649,14927,6746],{"class":5663},[5649,14929,5760],{"class":5655},[5649,14931,13695],{"class":5763},[5649,14933,5554],{"class":6258},[5649,14935,12104],{"class":5763},[5649,14937,5767],{"class":5655},[5649,14939,13988],{"class":6742},[5649,14941,6746],{"class":5663},[5649,14943,5760],{"class":5655},[5649,14945,13695],{"class":5763},[5649,14947,5767],{"class":5655},[5649,14949,7884],{"class":5735},[5649,14951,14953,14955],{"class":5651,"line":14952},138,[5649,14954,9906],{"class":6258},[5649,14956,5824],{"class":5655},[5649,14958,14960,14962,14964],{"class":5651,"line":14959},139,[5649,14961,8747],{"class":5735},[5649,14963,5740],{"class":5739},[5649,14965,5743],{"class":5735},[5649,14967,14969,14971,14973],{"class":5651,"line":14968},140,[5649,14970,5808],{"class":5735},[5649,14972,5740],{"class":5739},[5649,14974,5743],{"class":5735},[5649,14976,14978],{"class":5651,"line":14977},141,[5649,14979,5818],{"class":5663},[5649,14981,14983],{"class":5651,"line":14982},142,[5649,14984,5824],{"class":5663},[5649,14986,14988],{"class":5651,"line":14987},143,[5649,14989,5719],{"emptyLinePlaceholder":5718},[5649,14991,14993,14995,14997,14999],{"class":5651,"line":14992},144,[5649,14994,9947],{"class":5725},[5649,14996,9950],{"class":5725},[5649,14998,9712],{"class":5763},[5649,15000,5691],{"class":5663},[5640,15002,15004],{"className":9957,"code":15003,"filename":9959,"language":9960,"meta":5645,"style":5645},".container {\n  max-width: 1200px;\n  margin: 2rem auto;\n  font-family: system-ui, -apple-system, sans-serif;\n  padding: 0 1rem;\n}\n\nh1 {\n  text-align: center;\n  color: #1e293b;\n  font-size: 2rem;\n  margin-bottom: 2rem;\n}\n\n.card-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n  gap: 1.5rem;\n}\n\n.user-card {\n  background: white;\n  border-radius: 0.75rem;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n  transition: transform 0.2s, box-shadow 0.2s;\n}\n\n.user-card:hover {\n  transform: translateY(-4px);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\n}\n\n.user-card.new-user {\n  border: 2px solid #fbbf24;\n}\n\n.card-header {\n  padding: 1.5rem;\n  background: #f8fafc;\n  border-bottom: 1px solid #e2e8f0;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n\n.avatar {\n  width: 4rem;\n  height: 4rem;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 2rem;\n  color: white;\n  font-weight: bold;\n  flex-shrink: 0;\n}\n\n.user-info {\n  flex: 1;\n}\n\n.user-info h2 {\n  margin: 0 0 0.25rem;\n  color: #1e293b;\n  font-size: 1.25rem;\n}\n\n.email {\n  margin: 0;\n  color: #64748b;\n  font-size: 0.9rem;\n}\n\n.status-active {\n  padding: 0.375rem 0.75rem;\n  background: #dcfce7;\n  color: #166534;\n  border-radius: 1rem;\n  font-size: 0.85rem;\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.status-inactive {\n  padding: 0.375rem 0.75rem;\n  background: #f1f5f9;\n  color: #475569;\n  border-radius: 1rem;\n  font-size: 0.85rem;\n  font-weight: 600;\n  white-space: nowrap;\n}\n\n.card-body {\n  padding: 1.5rem;\n}\n\n.info-row {\n  display: flex;\n  justify-content: space-between;\n  padding: 0.75rem 0;\n  border-bottom: 1px solid #f1f5f9;\n}\n\n.info-row:last-of-type {\n  border-bottom: none;\n}\n\n.label {\n  color: #64748b;\n  font-weight: 500;\n}\n\n.value {\n  color: #1e293b;\n  font-weight: 600;\n}\n\n.new-user-badge {\n  margin-top: 1rem;\n  padding: 0.75rem;\n  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n  border-radius: 0.5rem;\n  text-align: center;\n  font-weight: 600;\n  color: #92400e;\n}\n\n.card-footer {\n  padding: 1rem 1.5rem;\n  background: #f8fafc;\n  border-top: 1px solid #e2e8f0;\n  display: flex;\n  gap: 0.75rem;\n}\n\n.btn {\n  flex: 1;\n  padding: 0.625rem;\n  border: none;\n  border-radius: 0.5rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\n.btn-primary {\n  background: #3b82f6;\n  color: white;\n}\n\n.btn-primary:hover {\n  background: #2563eb;\n}\n\n.btn-secondary {\n  background: white;\n  color: #3b82f6;\n  border: 1px solid #3b82f6;\n}\n\n.btn-secondary:hover {\n  background: #eff6ff;\n}\n\n.btn-disabled {\n  background: #e2e8f0;\n  color: #94a3b8;\n  cursor: not-allowed;\n}\n\n.btn:active:not(:disabled) {\n  transform: scale(0.98);\n}\n",[5500,15005,15006,15012,15022,15034,15048,15060,15064,15068,15074,15084,15094,15104,15114,15118,15122,15129,15139,15166,15176,15180,15184,15191,15201,15211,15243,15255,15272,15276,15280,15287,15303,15338,15342,15346,15353,15369,15373,15377,15384,15394,15405,15422,15432,15443,15453,15457,15461,15468,15478,15488,15499,15509,15519,15530,15540,15550,15561,15572,15576,15580,15587,15598,15602,15606,15614,15629,15639,15650,15654,15658,15665,15675,15685,15696,15700,15704,15711,15725,15736,15747,15757,15768,15778,15790,15794,15798,15805,15817,15828,15839,15849,15859,15869,15879,15883,15887,15894,15904,15908,15912,15919,15929,15940,15952,15967,15971,15975,15982,15992,15996,16000,16007,16017,16028,16032,16036,16043,16053,16063,16067,16071,16078,16089,16099,16131,16141,16151,16161,16172,16176,16180,16187,16199,16209,16223,16233,16243,16247,16251,16257,16267,16278,16288,16298,16308,16319,16332,16337,16342,16349,16360,16371,16376,16381,16388,16399,16404,16409,16416,16427,16438,16453,16458,16463,16470,16482,16487,16492,16500,16511,16523,16535,16540,16545,16558,16573],{"__ignoreMap":5645},[5649,15007,15008,15010],{"class":5651,"line":5652},[5649,15009,9968],{"class":9967},[5649,15011,6406],{"class":5663},[5649,15013,15014,15016,15018,15020],{"class":5651,"line":5667},[5649,15015,9975],{"class":6742},[5649,15017,5677],{"class":5663},[5649,15019,9980],{"class":5709},[5649,15021,5691],{"class":5663},[5649,15023,15024,15026,15028,15030,15032],{"class":5651,"line":5694},[5649,15025,9987],{"class":6742},[5649,15027,5677],{"class":5663},[5649,15029,9992],{"class":5709},[5649,15031,9996],{"class":9995},[5649,15033,5691],{"class":5663},[5649,15035,15036,15038,15040,15042,15044,15046],{"class":5651,"line":5715},[5649,15037,10003],{"class":6742},[5649,15039,5677],{"class":5663},[5649,15041,10008],{"class":9995},[5649,15043,10011],{"class":5663},[5649,15045,10014],{"class":9995},[5649,15047,5691],{"class":5663},[5649,15049,15050,15052,15054,15056,15058],{"class":5651,"line":5722},[5649,15051,10021],{"class":6742},[5649,15053,5677],{"class":5663},[5649,15055,8446],{"class":5709},[5649,15057,10028],{"class":5709},[5649,15059,5691],{"class":5663},[5649,15061,15062],{"class":5651,"line":5732},[5649,15063,5824],{"class":5663},[5649,15065,15066],{"class":5651,"line":5746},[5649,15067,5719],{"emptyLinePlaceholder":5718},[5649,15069,15070,15072],{"class":5651,"line":5780},[5649,15071,5472],{"class":9967},[5649,15073,6406],{"class":5663},[5649,15075,15076,15078,15080,15082],{"class":5651,"line":5805},[5649,15077,10049],{"class":6742},[5649,15079,5677],{"class":5663},[5649,15081,10054],{"class":9995},[5649,15083,5691],{"class":5663},[5649,15085,15086,15088,15090,15092],{"class":5651,"line":5815},[5649,15087,10061],{"class":6742},[5649,15089,5677],{"class":5663},[5649,15091,10066],{"class":9995},[5649,15093,5691],{"class":5663},[5649,15095,15096,15098,15100,15102],{"class":5651,"line":5821},[5649,15097,10073],{"class":6742},[5649,15099,5677],{"class":5663},[5649,15101,9992],{"class":5709},[5649,15103,5691],{"class":5663},[5649,15105,15106,15108,15110,15112],{"class":5651,"line":6206},[5649,15107,10085],{"class":6742},[5649,15109,5677],{"class":5663},[5649,15111,9992],{"class":5709},[5649,15113,5691],{"class":5663},[5649,15115,15116],{"class":5651,"line":6236},[5649,15117,5824],{"class":5663},[5649,15119,15120],{"class":5651,"line":6288},[5649,15121,5719],{"emptyLinePlaceholder":5718},[5649,15123,15124,15127],{"class":5651,"line":6297},[5649,15125,15126],{"class":9967},".card-grid",[5649,15128,6406],{"class":5663},[5649,15130,15131,15133,15135,15137],{"class":5651,"line":6302},[5649,15132,10164],{"class":6742},[5649,15134,5677],{"class":5663},[5649,15136,10169],{"class":9995},[5649,15138,5691],{"class":5663},[5649,15140,15141,15143,15145,15147,15149,15151,15153,15155,15157,15160,15162,15164],{"class":5651,"line":6594},[5649,15142,10176],{"class":6742},[5649,15144,5677],{"class":5663},[5649,15146,10181],{"class":5659},[5649,15148,6264],{"class":5663},[5649,15150,10186],{"class":9995},[5649,15152,5544],{"class":5663},[5649,15154,10191],{"class":5659},[5649,15156,6264],{"class":5663},[5649,15158,15159],{"class":5709},"350px",[5649,15161,5544],{"class":5663},[5649,15163,10201],{"class":5709},[5649,15165,10204],{"class":5663},[5649,15167,15168,15170,15172,15174],{"class":5651,"line":6599},[5649,15169,10209],{"class":6742},[5649,15171,5677],{"class":5663},[5649,15173,10214],{"class":5709},[5649,15175,5691],{"class":5663},[5649,15177,15178],{"class":5651,"line":7833},[5649,15179,5824],{"class":5663},[5649,15181,15182],{"class":5651,"line":7838},[5649,15183,5719],{"emptyLinePlaceholder":5718},[5649,15185,15186,15189],{"class":5651,"line":7845},[5649,15187,15188],{"class":9967},".user-card",[5649,15190,6406],{"class":5663},[5649,15192,15193,15195,15197,15199],{"class":5651,"line":7866},[5649,15194,10236],{"class":6742},[5649,15196,5677],{"class":5663},[5649,15198,10241],{"class":9995},[5649,15200,5691],{"class":5663},[5649,15202,15203,15205,15207,15209],{"class":5651,"line":7887},[5649,15204,10258],{"class":6742},[5649,15206,5677],{"class":5663},[5649,15208,10263],{"class":5709},[5649,15210,5691],{"class":5663},[5649,15212,15213,15215,15217,15219,15221,15223,15225,15227,15229,15231,15233,15235,15237,15239,15241],{"class":5651,"line":7896},[5649,15214,10270],{"class":6742},[5649,15216,5677],{"class":5663},[5649,15218,8446],{"class":5709},[5649,15220,10277],{"class":5709},[5649,15222,10280],{"class":5709},[5649,15224,10283],{"class":5659},[5649,15226,6264],{"class":5663},[5649,15228,8446],{"class":5709},[5649,15230,5544],{"class":5663},[5649,15232,8446],{"class":5709},[5649,15234,5544],{"class":5663},[5649,15236,8446],{"class":5709},[5649,15238,5544],{"class":5663},[5649,15240,10300],{"class":5709},[5649,15242,6129],{"class":5663},[5649,15244,15245,15248,15250,15253],{"class":5651,"line":7901},[5649,15246,15247],{"class":6742},"  overflow",[5649,15249,5677],{"class":5663},[5649,15251,15252],{"class":9995},"hidden",[5649,15254,5691],{"class":5663},[5649,15256,15257,15259,15262,15265,15268,15270],{"class":5651,"line":8910},[5649,15258,10578],{"class":6742},[5649,15260,15261],{"class":5663},": transform ",[5649,15263,15264],{"class":5709},"0.2s",[5649,15266,15267],{"class":5663},", box-shadow ",[5649,15269,15264],{"class":5709},[5649,15271,5691],{"class":5663},[5649,15273,15274],{"class":5651,"line":8928},[5649,15275,5824],{"class":5663},[5649,15277,15278],{"class":5651,"line":8946},[5649,15279,5719],{"emptyLinePlaceholder":5718},[5649,15281,15282,15285],{"class":5651,"line":8955},[5649,15283,15284],{"class":9967},".user-card:hover",[5649,15286,6406],{"class":5663},[5649,15288,15289,15291,15293,15296,15298,15301],{"class":5651,"line":8960},[5649,15290,10744],{"class":6742},[5649,15292,5677],{"class":5663},[5649,15294,15295],{"class":5659},"translateY",[5649,15297,6264],{"class":5663},[5649,15299,15300],{"class":5709},"-4px",[5649,15302,6129],{"class":5663},[5649,15304,15305,15307,15309,15311,15314,15317,15319,15321,15323,15325,15327,15329,15331,15333,15336],{"class":5651,"line":8966},[5649,15306,10270],{"class":6742},[5649,15308,5677],{"class":5663},[5649,15310,8446],{"class":5709},[5649,15312,15313],{"class":5709}," 4px",[5649,15315,15316],{"class":5709}," 16px",[5649,15318,10283],{"class":5659},[5649,15320,6264],{"class":5663},[5649,15322,8446],{"class":5709},[5649,15324,5544],{"class":5663},[5649,15326,8446],{"class":5709},[5649,15328,5544],{"class":5663},[5649,15330,8446],{"class":5709},[5649,15332,5544],{"class":5663},[5649,15334,15335],{"class":5709},"0.15",[5649,15337,6129],{"class":5663},[5649,15339,15340],{"class":5651,"line":8971},[5649,15341,5824],{"class":5663},[5649,15343,15344],{"class":5651,"line":9004},[5649,15345,5719],{"emptyLinePlaceholder":5718},[5649,15347,15348,15351],{"class":5651,"line":9462},[5649,15349,15350],{"class":9967},".user-card.new-user",[5649,15352,6406],{"class":5663},[5649,15354,15355,15357,15359,15362,15364,15367],{"class":5651,"line":9486},[5649,15356,10533],{"class":6742},[5649,15358,5677],{"class":5663},[5649,15360,15361],{"class":5709},"2px",[5649,15363,10788],{"class":9995},[5649,15365,15366],{"class":9995}," #fbbf24",[5649,15368,5691],{"class":5663},[5649,15370,15371],{"class":5651,"line":9495},[5649,15372,5824],{"class":5663},[5649,15374,15375],{"class":5651,"line":9504},[5649,15376,5719],{"emptyLinePlaceholder":5718},[5649,15378,15379,15382],{"class":5651,"line":9509},[5649,15380,15381],{"class":9967},".card-header",[5649,15383,6406],{"class":5663},[5649,15385,15386,15388,15390,15392],{"class":5651,"line":9514},[5649,15387,10021],{"class":6742},[5649,15389,5677],{"class":5663},[5649,15391,10214],{"class":5709},[5649,15393,5691],{"class":5663},[5649,15395,15396,15398,15400,15403],{"class":5651,"line":9519},[5649,15397,10236],{"class":6742},[5649,15399,5677],{"class":5663},[5649,15401,15402],{"class":9995},"#f8fafc",[5649,15404,5691],{"class":5663},[5649,15406,15407,15410,15412,15415,15417,15420],{"class":5651,"line":9526},[5649,15408,15409],{"class":6742},"  border-bottom",[5649,15411,5677],{"class":5663},[5649,15413,15414],{"class":5709},"1px",[5649,15416,10788],{"class":9995},[5649,15418,15419],{"class":9995}," #e2e8f0",[5649,15421,5691],{"class":5663},[5649,15423,15424,15426,15428,15430],{"class":5651,"line":9542},[5649,15425,10164],{"class":6742},[5649,15427,5677],{"class":5663},[5649,15429,10477],{"class":9995},[5649,15431,5691],{"class":5663},[5649,15433,15434,15437,15439,15441],{"class":5651,"line":9566},[5649,15435,15436],{"class":6742},"  align-items",[5649,15438,5677],{"class":5663},[5649,15440,10054],{"class":9995},[5649,15442,5691],{"class":5663},[5649,15444,15445,15447,15449,15451],{"class":5651,"line":9583},[5649,15446,10209],{"class":6742},[5649,15448,5677],{"class":5663},[5649,15450,10347],{"class":5709},[5649,15452,5691],{"class":5663},[5649,15454,15455],{"class":5651,"line":9598},[5649,15456,5824],{"class":5663},[5649,15458,15459],{"class":5651,"line":9604},[5649,15460,5719],{"emptyLinePlaceholder":5718},[5649,15462,15463,15466],{"class":5651,"line":9613},[5649,15464,15465],{"class":9967},".avatar",[5649,15467,6406],{"class":5663},[5649,15469,15470,15472,15474,15476],{"class":5651,"line":9628},[5649,15471,6864],{"class":6742},[5649,15473,5677],{"class":5663},[5649,15475,10336],{"class":5709},[5649,15477,5691],{"class":5663},[5649,15479,15480,15482,15484,15486],{"class":5651,"line":9651},[5649,15481,6874],{"class":6742},[5649,15483,5677],{"class":5663},[5649,15485,10336],{"class":5709},[5649,15487,5691],{"class":5663},[5649,15489,15490,15492,15494,15497],{"class":5651,"line":9674},[5649,15491,10258],{"class":6742},[5649,15493,5677],{"class":5663},[5649,15495,15496],{"class":5709},"50%",[5649,15498,5691],{"class":5663},[5649,15500,15501,15503,15505,15507],{"class":5651,"line":9683},[5649,15502,10164],{"class":6742},[5649,15504,5677],{"class":5663},[5649,15506,10477],{"class":9995},[5649,15508,5691],{"class":5663},[5649,15510,15511,15513,15515,15517],{"class":5651,"line":9692},[5649,15512,15436],{"class":6742},[5649,15514,5677],{"class":5663},[5649,15516,10054],{"class":9995},[5649,15518,5691],{"class":5663},[5649,15520,15521,15524,15526,15528],{"class":5651,"line":9697},[5649,15522,15523],{"class":6742},"  justify-content",[5649,15525,5677],{"class":5663},[5649,15527,10054],{"class":9995},[5649,15529,5691],{"class":5663},[5649,15531,15532,15534,15536,15538],{"class":5651,"line":9702},[5649,15533,10073],{"class":6742},[5649,15535,5677],{"class":5663},[5649,15537,9992],{"class":5709},[5649,15539,5691],{"class":5663},[5649,15541,15542,15544,15546,15548],{"class":5651,"line":9707},[5649,15543,10061],{"class":6742},[5649,15545,5677],{"class":5663},[5649,15547,10241],{"class":9995},[5649,15549,5691],{"class":5663},[5649,15551,15552,15554,15556,15559],{"class":5651,"line":9717},[5649,15553,10555],{"class":6742},[5649,15555,5677],{"class":5663},[5649,15557,15558],{"class":9995},"bold",[5649,15560,5691],{"class":5663},[5649,15562,15563,15566,15568,15570],{"class":5651,"line":9723},[5649,15564,15565],{"class":6742},"  flex-shrink",[5649,15567,5677],{"class":5663},[5649,15569,8446],{"class":5709},[5649,15571,5691],{"class":5663},[5649,15573,15574],{"class":5651,"line":9751},[5649,15575,5824],{"class":5663},[5649,15577,15578],{"class":5651,"line":9756},[5649,15579,5719],{"emptyLinePlaceholder":5718},[5649,15581,15582,15585],{"class":5651,"line":9763},[5649,15583,15584],{"class":9967},".user-info",[5649,15586,6406],{"class":5663},[5649,15588,15589,15592,15594,15596],{"class":5651,"line":9779},[5649,15590,15591],{"class":6742},"  flex",[5649,15593,5677],{"class":5663},[5649,15595,6109],{"class":5709},[5649,15597,5691],{"class":5663},[5649,15599,15600],{"class":5651,"line":9797},[5649,15601,5824],{"class":5663},[5649,15603,15604],{"class":5651,"line":9813},[5649,15605,5719],{"emptyLinePlaceholder":5718},[5649,15607,15608,15610,15612],{"class":5651,"line":9819},[5649,15609,15584],{"class":9967},[5649,15611,10364],{"class":9967},[5649,15613,6406],{"class":5663},[5649,15615,15616,15618,15620,15622,15624,15627],{"class":5651,"line":9828},[5649,15617,9987],{"class":6742},[5649,15619,5677],{"class":5663},[5649,15621,8446],{"class":5709},[5649,15623,10139],{"class":5709},[5649,15625,15626],{"class":5709}," 0.25rem",[5649,15628,5691],{"class":5663},[5649,15630,15631,15633,15635,15637],{"class":5651,"line":9833},[5649,15632,10061],{"class":6742},[5649,15634,5677],{"class":5663},[5649,15636,10066],{"class":9995},[5649,15638,5691],{"class":5663},[5649,15640,15641,15643,15645,15648],{"class":5651,"line":9849},[5649,15642,10073],{"class":6742},[5649,15644,5677],{"class":5663},[5649,15646,15647],{"class":5709},"1.25rem",[5649,15649,5691],{"class":5663},[5649,15651,15652],{"class":5651,"line":9872},[5649,15653,5824],{"class":5663},[5649,15655,15656],{"class":5651,"line":9903},[5649,15657,5719],{"emptyLinePlaceholder":5718},[5649,15659,15660,15663],{"class":5651,"line":9911},[5649,15661,15662],{"class":9967},".email",[5649,15664,6406],{"class":5663},[5649,15666,15667,15669,15671,15673],{"class":5651,"line":9920},[5649,15668,9987],{"class":6742},[5649,15670,5677],{"class":5663},[5649,15672,8446],{"class":5709},[5649,15674,5691],{"class":5663},[5649,15676,15677,15679,15681,15683],{"class":5651,"line":9929},[5649,15678,10061],{"class":6742},[5649,15680,5677],{"class":5663},[5649,15682,10126],{"class":9995},[5649,15684,5691],{"class":5663},[5649,15686,15687,15689,15691,15694],{"class":5651,"line":9934},[5649,15688,10073],{"class":6742},[5649,15690,5677],{"class":5663},[5649,15692,15693],{"class":5709},"0.9rem",[5649,15695,5691],{"class":5663},[5649,15697,15698],{"class":5651,"line":9939},[5649,15699,5824],{"class":5663},[5649,15701,15702],{"class":5651,"line":9944},[5649,15703,5719],{"emptyLinePlaceholder":5718},[5649,15705,15706,15709],{"class":5651,"line":10661},[5649,15707,15708],{"class":9967},".status-active",[5649,15710,6406],{"class":5663},[5649,15712,15713,15715,15717,15720,15723],{"class":5651,"line":10669},[5649,15714,10021],{"class":6742},[5649,15716,5677],{"class":5663},[5649,15718,15719],{"class":5709},"0.375rem",[5649,15721,15722],{"class":5709}," 0.75rem",[5649,15724,5691],{"class":5663},[5649,15726,15727,15729,15731,15734],{"class":5651,"line":10681},[5649,15728,10236],{"class":6742},[5649,15730,5677],{"class":5663},[5649,15732,15733],{"class":9995},"#dcfce7",[5649,15735,5691],{"class":5663},[5649,15737,15738,15740,15742,15745],{"class":5651,"line":10693},[5649,15739,10061],{"class":6742},[5649,15741,5677],{"class":5663},[5649,15743,15744],{"class":9995},"#166534",[5649,15746,5691],{"class":5663},[5649,15748,15749,15751,15753,15755],{"class":5651,"line":10698},[5649,15750,10258],{"class":6742},[5649,15752,5677],{"class":5663},[5649,15754,10347],{"class":5709},[5649,15756,5691],{"class":5663},[5649,15758,15759,15761,15763,15766],{"class":5651,"line":10703},[5649,15760,10073],{"class":6742},[5649,15762,5677],{"class":5663},[5649,15764,15765],{"class":5709},"0.85rem",[5649,15767,5691],{"class":5663},[5649,15769,15770,15772,15774,15776],{"class":5651,"line":10711},[5649,15771,10555],{"class":6742},[5649,15773,5677],{"class":5663},[5649,15775,9010],{"class":5709},[5649,15777,5691],{"class":5663},[5649,15779,15780,15783,15785,15788],{"class":5651,"line":10723},[5649,15781,15782],{"class":6742},"  white-space",[5649,15784,5677],{"class":5663},[5649,15786,15787],{"class":9995},"nowrap",[5649,15789,5691],{"class":5663},[5649,15791,15792],{"class":5651,"line":10728},[5649,15793,5824],{"class":5663},[5649,15795,15796],{"class":5651,"line":10733},[5649,15797,5719],{"emptyLinePlaceholder":5718},[5649,15799,15800,15803],{"class":5651,"line":10741},[5649,15801,15802],{"class":9967},".status-inactive",[5649,15804,6406],{"class":5663},[5649,15806,15807,15809,15811,15813,15815],{"class":5651,"line":10759},[5649,15808,10021],{"class":6742},[5649,15810,5677],{"class":5663},[5649,15812,15719],{"class":5709},[5649,15814,15722],{"class":5709},[5649,15816,5691],{"class":5663},[5649,15818,15819,15821,15823,15826],{"class":5651,"line":10764},[5649,15820,10236],{"class":6742},[5649,15822,5677],{"class":5663},[5649,15824,15825],{"class":9995},"#f1f5f9",[5649,15827,5691],{"class":5663},[5649,15829,15830,15832,15834,15837],{"class":5651,"line":10769},[5649,15831,10061],{"class":6742},[5649,15833,5677],{"class":5663},[5649,15835,15836],{"class":9995},"#475569",[5649,15838,5691],{"class":5663},[5649,15840,15841,15843,15845,15847],{"class":5651,"line":10777},[5649,15842,10258],{"class":6742},[5649,15844,5677],{"class":5663},[5649,15846,10347],{"class":5709},[5649,15848,5691],{"class":5663},[5649,15850,15851,15853,15855,15857],{"class":5651,"line":10796},[5649,15852,10073],{"class":6742},[5649,15854,5677],{"class":5663},[5649,15856,15765],{"class":5709},[5649,15858,5691],{"class":5663},[5649,15860,15861,15863,15865,15867],{"class":5651,"line":10801},[5649,15862,10555],{"class":6742},[5649,15864,5677],{"class":5663},[5649,15866,9010],{"class":5709},[5649,15868,5691],{"class":5663},[5649,15870,15871,15873,15875,15877],{"class":5651,"line":10806},[5649,15872,15782],{"class":6742},[5649,15874,5677],{"class":5663},[5649,15876,15787],{"class":9995},[5649,15878,5691],{"class":5663},[5649,15880,15881],{"class":5651,"line":10814},[5649,15882,5824],{"class":5663},[5649,15884,15885],{"class":5651,"line":10830},[5649,15886,5719],{"emptyLinePlaceholder":5718},[5649,15888,15889,15892],{"class":5651,"line":10835},[5649,15890,15891],{"class":9967},".card-body",[5649,15893,6406],{"class":5663},[5649,15895,15896,15898,15900,15902],{"class":5651,"line":10840},[5649,15897,10021],{"class":6742},[5649,15899,5677],{"class":5663},[5649,15901,10214],{"class":5709},[5649,15903,5691],{"class":5663},[5649,15905,15906],{"class":5651,"line":10848},[5649,15907,5824],{"class":5663},[5649,15909,15910],{"class":5651,"line":10864},[5649,15911,5719],{"emptyLinePlaceholder":5718},[5649,15913,15914,15917],{"class":5651,"line":14482},[5649,15915,15916],{"class":9967},".info-row",[5649,15918,6406],{"class":5663},[5649,15920,15921,15923,15925,15927],{"class":5651,"line":14497},[5649,15922,10164],{"class":6742},[5649,15924,5677],{"class":5663},[5649,15926,10477],{"class":9995},[5649,15928,5691],{"class":5663},[5649,15930,15931,15933,15935,15938],{"class":5651,"line":14521},[5649,15932,15523],{"class":6742},[5649,15934,5677],{"class":5663},[5649,15936,15937],{"class":9995},"space-between",[5649,15939,5691],{"class":5663},[5649,15941,15942,15944,15946,15948,15950],{"class":5651,"line":14536},[5649,15943,10021],{"class":6742},[5649,15945,5677],{"class":5663},[5649,15947,10263],{"class":5709},[5649,15949,10139],{"class":5709},[5649,15951,5691],{"class":5663},[5649,15953,15954,15956,15958,15960,15962,15965],{"class":5651,"line":14566},[5649,15955,15409],{"class":6742},[5649,15957,5677],{"class":5663},[5649,15959,15414],{"class":5709},[5649,15961,10788],{"class":9995},[5649,15963,15964],{"class":9995}," #f1f5f9",[5649,15966,5691],{"class":5663},[5649,15968,15969],{"class":5651,"line":14575},[5649,15970,5824],{"class":5663},[5649,15972,15973],{"class":5651,"line":14584},[5649,15974,5719],{"emptyLinePlaceholder":5718},[5649,15976,15977,15980],{"class":5651,"line":14589},[5649,15978,15979],{"class":9967},".info-row:last-of-type",[5649,15981,6406],{"class":5663},[5649,15983,15984,15986,15988,15990],{"class":5651,"line":14600},[5649,15985,15409],{"class":6742},[5649,15987,5677],{"class":5663},[5649,15989,10538],{"class":9995},[5649,15991,5691],{"class":5663},[5649,15993,15994],{"class":5651,"line":14616},[5649,15995,5824],{"class":5663},[5649,15997,15998],{"class":5651,"line":14622},[5649,15999,5719],{"emptyLinePlaceholder":5718},[5649,16001,16002,16005],{"class":5651,"line":14631},[5649,16003,16004],{"class":9967},".label",[5649,16006,6406],{"class":5663},[5649,16008,16009,16011,16013,16015],{"class":5651,"line":14639},[5649,16010,10061],{"class":6742},[5649,16012,5677],{"class":5663},[5649,16014,10126],{"class":9995},[5649,16016,5691],{"class":5663},[5649,16018,16019,16021,16023,16026],{"class":5651,"line":14648},[5649,16020,10555],{"class":6742},[5649,16022,5677],{"class":5663},[5649,16024,16025],{"class":5709},"500",[5649,16027,5691],{"class":5663},[5649,16029,16030],{"class":5651,"line":14653},[5649,16031,5824],{"class":5663},[5649,16033,16034],{"class":5651,"line":14669},[5649,16035,5719],{"emptyLinePlaceholder":5718},[5649,16037,16038,16041],{"class":5651,"line":14684},[5649,16039,16040],{"class":9967},".value",[5649,16042,6406],{"class":5663},[5649,16044,16045,16047,16049,16051],{"class":5651,"line":14690},[5649,16046,10061],{"class":6742},[5649,16048,5677],{"class":5663},[5649,16050,10066],{"class":9995},[5649,16052,5691],{"class":5663},[5649,16054,16055,16057,16059,16061],{"class":5651,"line":14714},[5649,16056,10555],{"class":6742},[5649,16058,5677],{"class":5663},[5649,16060,9010],{"class":5709},[5649,16062,5691],{"class":5663},[5649,16064,16065],{"class":5651,"line":14738},[5649,16066,5824],{"class":5663},[5649,16068,16069],{"class":5651,"line":14744},[5649,16070,5719],{"emptyLinePlaceholder":5718},[5649,16072,16073,16076],{"class":5651,"line":14754},[5649,16074,16075],{"class":9967},".new-user-badge",[5649,16077,6406],{"class":5663},[5649,16079,16080,16083,16085,16087],{"class":5651,"line":14772},[5649,16081,16082],{"class":6742},"  margin-top",[5649,16084,5677],{"class":5663},[5649,16086,10347],{"class":5709},[5649,16088,5691],{"class":5663},[5649,16090,16091,16093,16095,16097],{"class":5651,"line":14778},[5649,16092,10021],{"class":6742},[5649,16094,5677],{"class":5663},[5649,16096,10263],{"class":5709},[5649,16098,5691],{"class":5663},[5649,16100,16101,16103,16105,16108,16110,16113,16115,16118,16121,16123,16126,16129],{"class":5651,"line":14787},[5649,16102,10236],{"class":6742},[5649,16104,5677],{"class":5663},[5649,16106,16107],{"class":5659},"linear-gradient",[5649,16109,6264],{"class":5663},[5649,16111,16112],{"class":5709},"135deg",[5649,16114,5544],{"class":5663},[5649,16116,16117],{"class":9995},"#fef3c7",[5649,16119,16120],{"class":5709}," 0%",[5649,16122,5544],{"class":5663},[5649,16124,16125],{"class":9995},"#fde68a",[5649,16127,16128],{"class":5709}," 100%",[5649,16130,6129],{"class":5663},[5649,16132,16133,16135,16137,16139],{"class":5651,"line":14794},[5649,16134,10258],{"class":6742},[5649,16136,5677],{"class":5663},[5649,16138,10090],{"class":5709},[5649,16140,5691],{"class":5663},[5649,16142,16143,16145,16147,16149],{"class":5651,"line":14803},[5649,16144,10049],{"class":6742},[5649,16146,5677],{"class":5663},[5649,16148,10054],{"class":9995},[5649,16150,5691],{"class":5663},[5649,16152,16153,16155,16157,16159],{"class":5651,"line":14812},[5649,16154,10555],{"class":6742},[5649,16156,5677],{"class":5663},[5649,16158,9010],{"class":5709},[5649,16160,5691],{"class":5663},[5649,16162,16163,16165,16167,16170],{"class":5651,"line":14817},[5649,16164,10061],{"class":6742},[5649,16166,5677],{"class":5663},[5649,16168,16169],{"class":9995},"#92400e",[5649,16171,5691],{"class":5663},[5649,16173,16174],{"class":5651,"line":14822},[5649,16175,5824],{"class":5663},[5649,16177,16178],{"class":5651,"line":14827},[5649,16179,5719],{"emptyLinePlaceholder":5718},[5649,16181,16182,16185],{"class":5651,"line":14836},[5649,16183,16184],{"class":9967},".card-footer",[5649,16186,6406],{"class":5663},[5649,16188,16189,16191,16193,16195,16197],{"class":5651,"line":14843},[5649,16190,10021],{"class":6742},[5649,16192,5677],{"class":5663},[5649,16194,10347],{"class":5709},[5649,16196,10439],{"class":5709},[5649,16198,5691],{"class":5663},[5649,16200,16201,16203,16205,16207],{"class":5651,"line":14858},[5649,16202,10236],{"class":6742},[5649,16204,5677],{"class":5663},[5649,16206,15402],{"class":9995},[5649,16208,5691],{"class":5663},[5649,16210,16211,16213,16215,16217,16219,16221],{"class":5651,"line":14876},[5649,16212,10780],{"class":6742},[5649,16214,5677],{"class":5663},[5649,16216,15414],{"class":5709},[5649,16218,10788],{"class":9995},[5649,16220,15419],{"class":9995},[5649,16222,5691],{"class":5663},[5649,16224,16225,16227,16229,16231],{"class":5651,"line":14882},[5649,16226,10164],{"class":6742},[5649,16228,5677],{"class":5663},[5649,16230,10477],{"class":9995},[5649,16232,5691],{"class":5663},[5649,16234,16235,16237,16239,16241],{"class":5651,"line":14898},[5649,16236,10209],{"class":6742},[5649,16238,5677],{"class":5663},[5649,16240,10263],{"class":5709},[5649,16242,5691],{"class":5663},[5649,16244,16245],{"class":5651,"line":14918},[5649,16246,5824],{"class":5663},[5649,16248,16249],{"class":5651,"line":14952},[5649,16250,5719],{"emptyLinePlaceholder":5718},[5649,16252,16253,16255],{"class":5651,"line":14959},[5649,16254,10514],{"class":9967},[5649,16256,6406],{"class":5663},[5649,16258,16259,16261,16263,16265],{"class":5651,"line":14968},[5649,16260,15591],{"class":6742},[5649,16262,5677],{"class":5663},[5649,16264,6109],{"class":5709},[5649,16266,5691],{"class":5663},[5649,16268,16269,16271,16273,16276],{"class":5651,"line":14977},[5649,16270,10021],{"class":6742},[5649,16272,5677],{"class":5663},[5649,16274,16275],{"class":5709},"0.625rem",[5649,16277,5691],{"class":5663},[5649,16279,16280,16282,16284,16286],{"class":5651,"line":14982},[5649,16281,10533],{"class":6742},[5649,16283,5677],{"class":5663},[5649,16285,10538],{"class":9995},[5649,16287,5691],{"class":5663},[5649,16289,16290,16292,16294,16296],{"class":5651,"line":14987},[5649,16291,10258],{"class":6742},[5649,16293,5677],{"class":5663},[5649,16295,10090],{"class":5709},[5649,16297,5691],{"class":5663},[5649,16299,16300,16302,16304,16306],{"class":5651,"line":14992},[5649,16301,10555],{"class":6742},[5649,16303,5677],{"class":5663},[5649,16305,9010],{"class":5709},[5649,16307,5691],{"class":5663},[5649,16309,16311,16313,16315,16317],{"class":5651,"line":16310},145,[5649,16312,10566],{"class":6742},[5649,16314,5677],{"class":5663},[5649,16316,10571],{"class":9995},[5649,16318,5691],{"class":5663},[5649,16320,16322,16324,16326,16328,16330],{"class":5651,"line":16321},146,[5649,16323,10578],{"class":6742},[5649,16325,5677],{"class":5663},[5649,16327,10583],{"class":9995},[5649,16329,10586],{"class":5709},[5649,16331,5691],{"class":5663},[5649,16333,16335],{"class":5651,"line":16334},147,[5649,16336,5824],{"class":5663},[5649,16338,16340],{"class":5651,"line":16339},148,[5649,16341,5719],{"emptyLinePlaceholder":5718},[5649,16343,16345,16347],{"class":5651,"line":16344},149,[5649,16346,10601],{"class":9967},[5649,16348,6406],{"class":5663},[5649,16350,16352,16354,16356,16358],{"class":5651,"line":16351},150,[5649,16353,10236],{"class":6742},[5649,16355,5677],{"class":5663},[5649,16357,10612],{"class":9995},[5649,16359,5691],{"class":5663},[5649,16361,16363,16365,16367,16369],{"class":5651,"line":16362},151,[5649,16364,10061],{"class":6742},[5649,16366,5677],{"class":5663},[5649,16368,10241],{"class":9995},[5649,16370,5691],{"class":5663},[5649,16372,16374],{"class":5651,"line":16373},152,[5649,16375,5824],{"class":5663},[5649,16377,16379],{"class":5651,"line":16378},153,[5649,16380,5719],{"emptyLinePlaceholder":5718},[5649,16382,16384,16386],{"class":5651,"line":16383},154,[5649,16385,10637],{"class":9967},[5649,16387,6406],{"class":5663},[5649,16389,16391,16393,16395,16397],{"class":5651,"line":16390},155,[5649,16392,10236],{"class":6742},[5649,16394,5677],{"class":5663},[5649,16396,10648],{"class":9995},[5649,16398,5691],{"class":5663},[5649,16400,16402],{"class":5651,"line":16401},156,[5649,16403,5824],{"class":5663},[5649,16405,16407],{"class":5651,"line":16406},157,[5649,16408,5719],{"emptyLinePlaceholder":5718},[5649,16410,16412,16414],{"class":5651,"line":16411},158,[5649,16413,10664],{"class":9967},[5649,16415,6406],{"class":5663},[5649,16417,16419,16421,16423,16425],{"class":5651,"line":16418},159,[5649,16420,10236],{"class":6742},[5649,16422,5677],{"class":5663},[5649,16424,10241],{"class":9995},[5649,16426,5691],{"class":5663},[5649,16428,16430,16432,16434,16436],{"class":5651,"line":16429},160,[5649,16431,10061],{"class":6742},[5649,16433,5677],{"class":5663},[5649,16435,10612],{"class":9995},[5649,16437,5691],{"class":5663},[5649,16439,16441,16443,16445,16447,16449,16451],{"class":5651,"line":16440},161,[5649,16442,10533],{"class":6742},[5649,16444,5677],{"class":5663},[5649,16446,15414],{"class":5709},[5649,16448,10788],{"class":9995},[5649,16450,10825],{"class":9995},[5649,16452,5691],{"class":5663},[5649,16454,16456],{"class":5651,"line":16455},162,[5649,16457,5824],{"class":5663},[5649,16459,16461],{"class":5651,"line":16460},163,[5649,16462,5719],{"emptyLinePlaceholder":5718},[5649,16464,16466,16468],{"class":5651,"line":16465},164,[5649,16467,10706],{"class":9967},[5649,16469,6406],{"class":5663},[5649,16471,16473,16475,16477,16480],{"class":5651,"line":16472},165,[5649,16474,10236],{"class":6742},[5649,16476,5677],{"class":5663},[5649,16478,16479],{"class":9995},"#eff6ff",[5649,16481,5691],{"class":5663},[5649,16483,16485],{"class":5651,"line":16484},166,[5649,16486,5824],{"class":5663},[5649,16488,16490],{"class":5651,"line":16489},167,[5649,16491,5719],{"emptyLinePlaceholder":5718},[5649,16493,16495,16498],{"class":5651,"line":16494},168,[5649,16496,16497],{"class":9967},".btn-disabled",[5649,16499,6406],{"class":5663},[5649,16501,16503,16505,16507,16509],{"class":5651,"line":16502},169,[5649,16504,10236],{"class":6742},[5649,16506,5677],{"class":5663},[5649,16508,10676],{"class":9995},[5649,16510,5691],{"class":5663},[5649,16512,16514,16516,16518,16521],{"class":5651,"line":16513},170,[5649,16515,10061],{"class":6742},[5649,16517,5677],{"class":5663},[5649,16519,16520],{"class":9995},"#94a3b8",[5649,16522,5691],{"class":5663},[5649,16524,16526,16528,16530,16533],{"class":5651,"line":16525},171,[5649,16527,10566],{"class":6742},[5649,16529,5677],{"class":5663},[5649,16531,16532],{"class":9995},"not-allowed",[5649,16534,5691],{"class":5663},[5649,16536,16538],{"class":5651,"line":16537},172,[5649,16539,5824],{"class":5663},[5649,16541,16543],{"class":5651,"line":16542},173,[5649,16544,5719],{"emptyLinePlaceholder":5718},[5649,16546,16548,16551,16553,16556],{"class":5651,"line":16547},174,[5649,16549,16550],{"class":9967},".btn:active:not",[5649,16552,6264],{"class":5663},[5649,16554,16555],{"class":9967},":disabled",[5649,16557,7506],{"class":5663},[5649,16559,16561,16563,16565,16567,16569,16571],{"class":5651,"line":16560},175,[5649,16562,10744],{"class":6742},[5649,16564,5677],{"class":5663},[5649,16566,10749],{"class":5659},[5649,16568,6264],{"class":5663},[5649,16570,10754],{"class":5709},[5649,16572,6129],{"class":5663},[5649,16574,16576],{"class":5651,"line":16575},176,[5649,16577,5824],{"class":5663},[5585,16579,16580],{},[5515,16581,16582],{},"Що демонструє цей приклад:",[7964,16584,16585,16599,16608,16616,16627,16635],{},[5487,16586,16587,7971,16590,5544,16592,5544,16595,5544,16597,5554],{},[5515,16588,16589],{},"Обчислювані значення:",[5500,16591,14140],{},[5500,16593,16594],{},"initials",[5500,16596,13878],{},[5500,16598,13938],{},[5487,16600,16601,7971,16604,5544,16606,5554],{},[5515,16602,16603],{},"Динамічні класи:",[5500,16605,14041],{},[5500,16607,7356],{},[5487,16609,16610,7971,16613,16615],{},[5515,16611,16612],{},"Динамічні стилі:",[5500,16614,14082],{}," з градієнтами.",[5487,16617,16618,7971,16621,5544,16624,5554],{},[5515,16619,16620],{},"Умовний рендеринг:",[5500,16622,16623],{},"{isNewUser && ...}",[5500,16625,16626],{},"{user.isActive ? ... : ...}",[5487,16628,16629,7971,16632,5554],{},[5515,16630,16631],{},"Форматування дат:",[5500,16633,16634],{},".toLocaleDateString()",[5487,16636,16637,7971,16640,16642],{},[5515,16638,16639],{},"Робота з масивами:",[5500,16641,11222],{}," для рендерингу списку користувачів.",[5607,16644],{},[5610,16646,16648],{"id":16647},"підсумок","Підсумок",[5476,16650,16651,16707],{},[5479,16652,16655],{"icon":16653,"title":16654},"i-lucide-check-circle","✅ Що ми опанували",[5484,16656,16657,16664,16672,16683,16693],{},[5487,16658,16659,16663],{},[5515,16660,5559,16661],{},[5500,16662,5502],{}," дозволяють вставляти TypeScript-вирази у JSX.",[5487,16665,16666,16669,16670,5554],{},[5515,16667,16668],{},"Вирази"," (змінні, виклики функцій, тернарні оператори) можна використовувати через ",[5500,16671,5502],{},[5487,16673,16674,5518,16676,5544,16678,5544,16680,16682],{},[5515,16675,5965],{},[5500,16677,5543],{},[5500,16679,5547],{},[5500,16681,6319],{},") не можна вставляти — виносьте їх за межі JSX.",[5487,16684,16685,16687,16688,16690,16691,5554],{},[5515,16686,16620],{}," тернарний оператор ",[5500,16689,8035],{}," та логічний ",[5500,16692,8173],{},[5487,16694,16695,7971,16698,5544,16700,5544,16702,16704,16705,5554],{},[5515,16696,16697],{},"Динамічні атрибути:",[5500,16699,6890],{},[5500,16701,7629],{},[5500,16703,6656],{}," — все через ",[5500,16706,5502],{},[5479,16708,16711],{"icon":16709,"title":16710},"i-lucide-key-round","🔑 Ключові правила",[5484,16712,16713,16721,16733,16741,16753],{},[5487,16714,16715,16720],{},[5515,16716,6004,16717,16719],{},[5500,16718,5502],{}," — лише вирази",", що повертають значення.",[5487,16722,16723,16729,16730,5554],{},[5515,16724,16725,16726,16728],{},"Ліва частина ",[5500,16727,8173],{}," має бути булевою"," — уникайте ",[5500,16731,16732],{},"count && \u003Cdiv \u002F>",[5487,16734,16735,16740],{},[5515,16736,16737,16739],{},[5500,16738,12294],{}," обов'язковий у списках"," — використовуйте унікальні ID, а не індекси.",[5487,16742,16743,16746,16747,5544,16750,5554],{},[5515,16744,16745],{},"Інлайнові стилі"," — об'єкт із camelCase-властивостями: ",[5500,16748,16749],{},"backgroundColor",[5500,16751,16752],{},"fontSize",[5487,16754,16755,16758],{},[5515,16756,16757],{},"TypeScript перевіряє типи"," — використовуйте явні анотації для складних об'єктів.",[6610,16760,16761,16766],{},[5585,16762,16763],{},[5515,16764,16765],{},"Наступні кроки:",[5585,16767,16768,16769,16772],{},"У наступній лекції ми детально розглянемо ",[5515,16770,16771],{},"CSS Modules"," — як ізолювати стилі компонентів, уникати конфліктів класів та типізувати CSS через TypeScript.",[5607,16774],{},[5610,16776,16778],{"id":16777},"запитання-для-самоперевірки","Запитання для самоперевірки",[16780,16781,16782,17118,17369,17606,18203],"accordion",{},[16783,16784,16787,16809,16813,16823,16828,16835,16880,16888,16917,16924,17029,17036],"accordion-item",{"icon":16785,"label":16786},"i-lucide-help-circle","❓ Чи можна використовувати `if` усередині `{}`?",[5585,16788,16789,5544,16792,8542,16794,5518,16797,16799,16800,5518,16803,16805,16806,16808],{},[5515,16790,16791],{},"Ні",[5500,16793,5543],{},[5515,16795,16796],{},"інструкцією",[5520,16798,5535],{},"), а не ",[5515,16801,16802],{},"виразом",[5520,16804,5522],{},"). Усередині фігурних дужок ",[5500,16807,5502],{}," можна використовувати лише вирази.",[5585,16810,16811],{},[5515,16812,8538],{},[5585,16814,16815,16816,16818,16819,16822],{},"Інструкція ",[5500,16817,5543],{}," не повертає значення — вона виконує код у блоці ",[5500,16820,16821],{},"{ }",", але сама по собі не є значенням, яке можна вставити у JSX.",[5585,16824,16825],{},[5515,16826,16827],{},"Альтернативи:",[7964,16829,16830],{},[5487,16831,16832],{},[5515,16833,16834],{},"Тернарний оператор:",[5640,16836,16838],{"className":5642,"code":16837,"language":5644,"meta":5645,"style":5645},"{isError ? \u003Cp>Помилка!\u003C\u002Fp> : \u003Cp>Успіх!\u003C\u002Fp>}\n",[5500,16839,16840],{"__ignoreMap":5645},[5649,16841,16842,16844,16846,16848,16850,16852,16854,16856,16858,16860,16862,16864,16866,16868,16870,16872,16874,16876,16878],{"class":5651,"line":5652},[5649,16843,5760],{"class":5663},[5649,16845,6947],{"class":5763},[5649,16847,6950],{"class":5663},[5649,16849,5841],{"class":5735},[5649,16851,5585],{"class":5739},[5649,16853,5754],{"class":5735},[5649,16855,11020],{"class":5663},[5649,16857,5773],{"class":5735},[5649,16859,5585],{"class":5739},[5649,16861,5754],{"class":5735},[5649,16863,6956],{"class":5663},[5649,16865,5841],{"class":5735},[5649,16867,5585],{"class":5739},[5649,16869,5754],{"class":5735},[5649,16871,11037],{"class":5663},[5649,16873,5773],{"class":5735},[5649,16875,5585],{"class":5739},[5649,16877,5754],{"class":5735},[5649,16879,5824],{"class":5663},[7964,16881,16882],{"start":5667},[5487,16883,16884],{},[5515,16885,8170,16886,5976],{},[5500,16887,8173],{},[5640,16889,16891],{"className":5642,"code":16890,"language":5644,"meta":5645,"style":5645},"{isError && \u003Cp>Помилка!\u003C\u002Fp>}\n",[5500,16892,16893],{"__ignoreMap":5645},[5649,16894,16895,16897,16899,16901,16903,16905,16907,16909,16911,16913,16915],{"class":5651,"line":5652},[5649,16896,5760],{"class":5663},[5649,16898,6947],{"class":5763},[5649,16900,8377],{"class":5663},[5649,16902,5841],{"class":5735},[5649,16904,5585],{"class":5739},[5649,16906,5754],{"class":5735},[5649,16908,11020],{"class":5663},[5649,16910,5773],{"class":5735},[5649,16912,5585],{"class":5739},[5649,16914,5754],{"class":5735},[5649,16916,5824],{"class":5663},[7964,16918,16919],{"start":5694},[5487,16920,16921],{},[5515,16922,16923],{},"Змінна:",[5640,16925,16927],{"className":5642,"code":16926,"language":5644,"meta":5645,"style":5645},"let content;\nif (isError) {\n  content = \u003Cp>Помилка!\u003C\u002Fp>;\n} else {\n  content = \u003Cp>Успіх!\u003C\u002Fp>;\n}\nreturn \u003Cdiv>{content}\u003C\u002Fdiv>;\n",[5500,16928,16929,16937,16947,16970,16979,17001,17005],{"__ignoreMap":5645},[5649,16930,16931,16933,16935],{"class":5651,"line":5652},[5649,16932,11163],{"class":5655},[5649,16934,8636],{"class":5763},[5649,16936,5691],{"class":5663},[5649,16938,16939,16941,16943,16945],{"class":5651,"line":5667},[5649,16940,5543],{"class":5725},[5649,16942,5518],{"class":5663},[5649,16944,6947],{"class":5763},[5649,16946,7506],{"class":5663},[5649,16948,16949,16952,16954,16956,16958,16960,16962,16964,16966,16968],{"class":5651,"line":5694},[5649,16950,16951],{"class":5763},"  content",[5649,16953,5684],{"class":5663},[5649,16955,5841],{"class":5735},[5649,16957,5585],{"class":5739},[5649,16959,5754],{"class":5735},[5649,16961,11020],{"class":5663},[5649,16963,5773],{"class":5735},[5649,16965,5585],{"class":5739},[5649,16967,5754],{"class":5735},[5649,16969,5691],{"class":5663},[5649,16971,16972,16975,16977],{"class":5651,"line":5715},[5649,16973,16974],{"class":5663},"} ",[5649,16976,8764],{"class":5725},[5649,16978,6406],{"class":5663},[5649,16980,16981,16983,16985,16987,16989,16991,16993,16995,16997,16999],{"class":5651,"line":5722},[5649,16982,16951],{"class":5763},[5649,16984,5684],{"class":5663},[5649,16986,5841],{"class":5735},[5649,16988,5585],{"class":5739},[5649,16990,5754],{"class":5735},[5649,16992,11037],{"class":5663},[5649,16994,5773],{"class":5735},[5649,16996,5585],{"class":5739},[5649,16998,5754],{"class":5735},[5649,17000,5691],{"class":5663},[5649,17002,17003],{"class":5651,"line":5732},[5649,17004,5824],{"class":5663},[5649,17006,17007,17009,17011,17013,17015,17017,17019,17021,17023,17025,17027],{"class":5651,"line":5746},[5649,17008,11104],{"class":5725},[5649,17010,7385],{"class":5735},[5649,17012,5740],{"class":5739},[5649,17014,5754],{"class":5735},[5649,17016,5760],{"class":5655},[5649,17018,8991],{"class":5763},[5649,17020,5767],{"class":5655},[5649,17022,5773],{"class":5735},[5649,17024,5740],{"class":5739},[5649,17026,5754],{"class":5735},[5649,17028,5691],{"class":5663},[7964,17030,17031],{"start":5715},[5487,17032,17033],{},[5515,17034,17035],{},"IIFE (Immediately Invoked Function Expression):",[5640,17037,17039],{"className":5642,"code":17038,"language":5644,"meta":5645,"style":5645},"{(() => {\n  if (role === 'admin') return \u003CAdminPanel \u002F>;\n  if (role === 'user') return \u003CUserPanel \u002F>;\n  return \u003CGuestPanel \u002F>;\n})()}\n",[5500,17040,17041,17050,17075,17100,17113],{"__ignoreMap":5645},[5649,17042,17043,17046,17048],{"class":5651,"line":5652},[5649,17044,17045],{"class":5663},"{(() ",[5649,17047,11691],{"class":5655},[5649,17049,6406],{"class":5663},[5649,17051,17052,17054,17056,17058,17060,17062,17064,17066,17068,17071,17073],{"class":5651,"line":5667},[5649,17053,8656],{"class":5725},[5649,17055,5518],{"class":5663},[5649,17057,8661],{"class":5763},[5649,17059,8664],{"class":5663},[5649,17061,9043],{"class":5687},[5649,17063,5969],{"class":5663},[5649,17065,11104],{"class":5725},[5649,17067,7385],{"class":5735},[5649,17069,17070],{"class":5680},"AdminPanel",[5649,17072,13234],{"class":5735},[5649,17074,5691],{"class":5663},[5649,17076,17077,17079,17081,17083,17085,17087,17089,17091,17093,17096,17098],{"class":5651,"line":5694},[5649,17078,8656],{"class":5725},[5649,17080,5518],{"class":5663},[5649,17082,8661],{"class":5763},[5649,17084,8664],{"class":5663},[5649,17086,9048],{"class":5687},[5649,17088,5969],{"class":5663},[5649,17090,11104],{"class":5725},[5649,17092,7385],{"class":5735},[5649,17094,17095],{"class":5680},"UserPanel",[5649,17097,13234],{"class":5735},[5649,17099,5691],{"class":5663},[5649,17101,17102,17104,17106,17109,17111],{"class":5651,"line":5715},[5649,17103,5726],{"class":5725},[5649,17105,7385],{"class":5735},[5649,17107,17108],{"class":5680},"GuestPanel",[5649,17110,13234],{"class":5735},[5649,17112,5691],{"class":5663},[5649,17114,17115],{"class":5651,"line":5722},[5649,17116,17117],{"class":5663},"})()}\n",[16783,17119,17121,17134,17193,17201,17205,17222,17226,17357],{"icon":16785,"label":17120},"❓ Чому не можна використовувати `0 && \u003CComponent \u002F>`?",[5585,17122,8170,17123,17125,17126,17128,17129,8556,17132,5554],{},[5500,17124,8173],{}," працює так: якщо ліва частина ",[5515,17127,8545],{}," (хибна), він повертає ",[5515,17130,17131],{},"саму ліву частину",[5500,17133,6929],{},[5640,17135,17137],{"className":5642,"code":17136,"language":5644,"meta":5645,"style":5645},"const count = 0;\n\n\u002F\u002F Що відбувається:\ncount && \u003Cp>Текст\u003C\u002Fp>\n\u002F\u002F Оцінюється як:\n0  \u002F\u002F React рендерить число 0!\n",[5500,17138,17139,17151,17155,17160,17181,17186],{"__ignoreMap":5645},[5649,17140,17141,17143,17145,17147,17149],{"class":5651,"line":5652},[5649,17142,6319],{"class":5655},[5649,17144,8441],{"class":5673},[5649,17146,5684],{"class":5663},[5649,17148,8446],{"class":5709},[5649,17150,5691],{"class":5663},[5649,17152,17153],{"class":5651,"line":5667},[5649,17154,5719],{"emptyLinePlaceholder":5718},[5649,17156,17157],{"class":5651,"line":5694},[5649,17158,17159],{"class":6061},"\u002F\u002F Що відбувається:\n",[5649,17161,17162,17164,17166,17168,17170,17172,17175,17177,17179],{"class":5651,"line":5715},[5649,17163,8464],{"class":5763},[5649,17165,8377],{"class":5663},[5649,17167,5841],{"class":5735},[5649,17169,5585],{"class":5739},[5649,17171,5754],{"class":5735},[5649,17173,17174],{"class":5663},"Текст",[5649,17176,5773],{"class":5735},[5649,17178,5585],{"class":5739},[5649,17180,5743],{"class":5735},[5649,17182,17183],{"class":5651,"line":5722},[5649,17184,17185],{"class":6061},"\u002F\u002F Оцінюється як:\n",[5649,17187,17188,17190],{"class":5651,"line":5732},[5649,17189,8446],{"class":5709},[5649,17191,17192],{"class":6061},"  \u002F\u002F React рендерить число 0!\n",[5585,17194,17195,17197,17198,5554],{},[5515,17196,5829],{}," на екрані з'явиться ",[5515,17199,17200],{},"\"0\"",[5585,17202,17203],{},[5515,17204,8538],{},[5585,17206,17207,17208,8542,17210,17212,17213,17215,17216,17218,17219,17221],{},"У JavaScript ",[5500,17209,8446],{},[5520,17211,8545],{}," значенням, тому ",[5500,17214,8173],{}," повертає ",[5500,17217,8446],{},". Але React рендерить числа як текст, тому ",[5500,17220,8446],{}," відображається.",[5585,17223,17224],{},[5515,17225,12392],{},[5640,17227,17229],{"className":5642,"code":17228,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ✅ Явна перевірка на булеве значення\n{count > 0 && \u003Cp>{count} повідомлень\u003C\u002Fp>}\n\n\u002F\u002F ✅ Подвійне заперечення перетворює на boolean\n{!!count && \u003Cp>{count} повідомлень\u003C\u002Fp>}\n\n\u002F\u002F ✅ Тернарний оператор\n{count > 0 ? \u003Cp>{count} повідомлень\u003C\u002Fp> : null}\n",[5500,17230,17231,17236,17270,17274,17279,17310,17314,17318],{"__ignoreMap":5645},[5649,17232,17233],{"class":5651,"line":5652},[5649,17234,17235],{"class":6061},"\u002F\u002F ✅ Явна перевірка на булеве значення\n",[5649,17237,17238,17240,17242,17244,17246,17248,17250,17252,17254,17256,17258,17260,17262,17264,17266,17268],{"class":5651,"line":5667},[5649,17239,5760],{"class":5663},[5649,17241,8464],{"class":5763},[5649,17243,8507],{"class":5663},[5649,17245,8446],{"class":5709},[5649,17247,8377],{"class":5663},[5649,17249,5841],{"class":5735},[5649,17251,5585],{"class":5739},[5649,17253,5754],{"class":5735},[5649,17255,5760],{"class":5655},[5649,17257,8464],{"class":5763},[5649,17259,5767],{"class":5655},[5649,17261,8481],{"class":5663},[5649,17263,5773],{"class":5735},[5649,17265,5585],{"class":5739},[5649,17267,5754],{"class":5735},[5649,17269,5824],{"class":5663},[5649,17271,17272],{"class":5651,"line":5694},[5649,17273,5719],{"emptyLinePlaceholder":5718},[5649,17275,17276],{"class":5651,"line":5715},[5649,17277,17278],{"class":6061},"\u002F\u002F ✅ Подвійне заперечення перетворює на boolean\n",[5649,17280,17281,17284,17286,17288,17290,17292,17294,17296,17298,17300,17302,17304,17306,17308],{"class":5651,"line":5722},[5649,17282,17283],{"class":5663},"{!!",[5649,17285,8464],{"class":5763},[5649,17287,8377],{"class":5663},[5649,17289,5841],{"class":5735},[5649,17291,5585],{"class":5739},[5649,17293,5754],{"class":5735},[5649,17295,5760],{"class":5655},[5649,17297,8464],{"class":5763},[5649,17299,5767],{"class":5655},[5649,17301,8481],{"class":5663},[5649,17303,5773],{"class":5735},[5649,17305,5585],{"class":5739},[5649,17307,5754],{"class":5735},[5649,17309,5824],{"class":5663},[5649,17311,17312],{"class":5651,"line":5732},[5649,17313,5719],{"emptyLinePlaceholder":5718},[5649,17315,17316],{"class":5651,"line":5746},[5649,17317,11003],{"class":6061},[5649,17319,17320,17322,17324,17326,17328,17330,17332,17334,17336,17338,17340,17342,17344,17346,17348,17350,17352,17355],{"class":5651,"line":5780},[5649,17321,5760],{"class":5663},[5649,17323,8464],{"class":5763},[5649,17325,8507],{"class":5663},[5649,17327,8446],{"class":5709},[5649,17329,6950],{"class":5663},[5649,17331,5841],{"class":5735},[5649,17333,5585],{"class":5739},[5649,17335,5754],{"class":5735},[5649,17337,5760],{"class":5655},[5649,17339,8464],{"class":5763},[5649,17341,5767],{"class":5655},[5649,17343,8481],{"class":5663},[5649,17345,5773],{"class":5735},[5649,17347,5585],{"class":5739},[5649,17349,5754],{"class":5735},[5649,17351,6956],{"class":5663},[5649,17353,17354],{"class":5655},"null",[5649,17356,5824],{"class":5663},[5585,17358,17359,8564,17361,7971,17363,5518,17365,8572,17367,8575],{},[5515,17360,8563],{},[5500,17362,8173],{},[5515,17364,8569],{},[5500,17366,7109],{},[5500,17368,6929],{},[16783,17370,17372,17381,17386,17452,17463,17470,17484,17489,17513,17517,17581,17586],{"icon":16785,"label":17371},"❓ Чому `key` має бути унікальним, а не індексом масиву?",[5585,17373,12297,17374,17376,17377,17380],{},[5500,17375,12294],{}," для ",[5515,17378,17379],{},"ідентифікації елементів"," у списках під час reconciliation (порівняння старого та нового Virtual DOM).",[5585,17382,17383],{},[5515,17384,17385],{},"Проблема з індексом:",[5640,17387,17389],{"className":5642,"code":17388,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ❌ Індекс як key\n{items.map((item, index) => \u003Cdiv key={index}>{item.name}\u003C\u002Fdiv>)}\n",[5500,17390,17391,17396],{"__ignoreMap":5645},[5649,17392,17393],{"class":5651,"line":5652},[5649,17394,17395],{"class":6061},"\u002F\u002F ❌ Індекс як key\n",[5649,17397,17398,17400,17402,17404,17406,17408,17410,17412,17414,17416,17418,17420,17422,17424,17426,17428,17430,17432,17434,17436,17438,17440,17442,17444,17446,17448,17450],{"class":5651,"line":5667},[5649,17399,5760],{"class":5663},[5649,17401,12332],{"class":5763},[5649,17403,5554],{"class":5663},[5649,17405,9860],{"class":5659},[5649,17407,11678],{"class":5663},[5649,17409,12341],{"class":5763},[5649,17411,5544],{"class":5663},[5649,17413,11686],{"class":5763},[5649,17415,5969],{"class":5663},[5649,17417,11691],{"class":5655},[5649,17419,7385],{"class":5735},[5649,17421,5740],{"class":5739},[5649,17423,9880],{"class":6742},[5649,17425,6746],{"class":5663},[5649,17427,5760],{"class":5655},[5649,17429,11686],{"class":5763},[5649,17431,5767],{"class":5655},[5649,17433,5754],{"class":5735},[5649,17435,5760],{"class":5655},[5649,17437,12341],{"class":5763},[5649,17439,5554],{"class":6258},[5649,17441,12132],{"class":5763},[5649,17443,5767],{"class":5655},[5649,17445,5773],{"class":5735},[5649,17447,5740],{"class":5739},[5649,17449,5754],{"class":5735},[5649,17451,12384],{"class":5663},[5585,17453,17454,17455,17458,17459,17462],{},"Якщо ви ",[5515,17456,17457],{},"видалите перший елемент"," або ",[5515,17460,17461],{},"змінюєте порядок",", індекси зміщуються:",[5640,17464,17468],{"className":17465,"code":17467,"language":8148},[17466],"language-text","Було:       [0] Яблуко, [1] Банан, [2] Апельсин\nПісля:      [0] Банан,  [1] Апельсин\n",[5500,17469,17467],{"__ignoreMap":5645},[5585,17471,17472,17473,17476,17477,17480,17481,5554],{},"React бачить, що елемент із ",[5500,17474,17475],{},"key={0}"," змінився з \"Яблуко\" на \"Банан\", і ",[5515,17478,17479],{},"перестворює DOM-елемент",", хоча насправді \"Банан\" вже існував із ",[5500,17482,17483],{},"key={1}",[5585,17485,17486],{},[5515,17487,17488],{},"Наслідки:",[5484,17490,17491,17497,17507],{},[5487,17492,17493,17496],{},[5515,17494,17495],{},"Повільний рендеринг:"," React перестворює елементи замість оновлення.",[5487,17498,17499,17502,17503,17506],{},[5515,17500,17501],{},"Втрата стану:"," Якщо елементи мають внутрішній стан (наприклад, ",[5500,17504,17505],{},"\u003Cinput>","), він скидається.",[5487,17508,17509,17512],{},[5515,17510,17511],{},"Неправильна асоціація:"," Фокус, анімації та рефи можуть прив'язатися до неправильних елементів.",[5585,17514,17515],{},[5515,17516,12392],{},[5640,17518,17520],{"className":5642,"code":17519,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ✅ Унікальний ID із бази даних\n{items.map(item => \u003Cdiv key={item.id}>{item.name}\u003C\u002Fdiv>)}\n",[5500,17521,17522,17527],{"__ignoreMap":5645},[5649,17523,17524],{"class":5651,"line":5652},[5649,17525,17526],{"class":6061},"\u002F\u002F ✅ Унікальний ID із бази даних\n",[5649,17528,17529,17531,17533,17535,17537,17539,17541,17543,17545,17547,17549,17551,17553,17555,17557,17559,17561,17563,17565,17567,17569,17571,17573,17575,17577,17579],{"class":5651,"line":5667},[5649,17530,5760],{"class":5663},[5649,17532,12332],{"class":5763},[5649,17534,5554],{"class":5663},[5649,17536,9860],{"class":5659},[5649,17538,6264],{"class":5663},[5649,17540,12341],{"class":5763},[5649,17542,9867],{"class":5655},[5649,17544,7385],{"class":5735},[5649,17546,5740],{"class":5739},[5649,17548,9880],{"class":6742},[5649,17550,6746],{"class":5663},[5649,17552,5760],{"class":5655},[5649,17554,12341],{"class":5763},[5649,17556,5554],{"class":6258},[5649,17558,12104],{"class":5763},[5649,17560,5767],{"class":5655},[5649,17562,5754],{"class":5735},[5649,17564,5760],{"class":5655},[5649,17566,12341],{"class":5763},[5649,17568,5554],{"class":6258},[5649,17570,12132],{"class":5763},[5649,17572,5767],{"class":5655},[5649,17574,5773],{"class":5735},[5649,17576,5740],{"class":5739},[5649,17578,5754],{"class":5735},[5649,17580,12384],{"class":5663},[5585,17582,17583],{},[5515,17584,17585],{},"Коли індекс допустимий:",[5484,17587,17588,17595,17601],{},[5487,17589,17590,17591,17594],{},"Список ",[5515,17592,17593],{},"ніколи не змінюється"," (статичні дані).",[5487,17596,17597,17598,5554],{},"Елементи ",[5515,17599,17600],{},"не можуть бути відсортовані або відфільтровані",[5487,17602,17597,17603,5554],{},[5515,17604,17605],{},"не мають внутрішнього стану",[16783,17607,17609,17632,17636,17645,17650,17728,17732,17739,17796,17851,17858,17928,17935,17947,18184,18189,18200],{"icon":16785,"label":17608},"❓ Чи можна використовувати `:hover` у `style={{ ... }}`?",[5585,17610,17611,17613,17614,7971,17617,5518,17620,5544,17622,5544,17624,17626,17627,5518,17630,8575],{},[5515,17612,16791],{},", інлайнові стилі через ",[5500,17615,17616],{},"style={{ }}",[5515,17618,17619],{},"не підтримують псевдокласи",[5500,17621,7974],{},[5500,17623,7977],{},[5500,17625,7980],{},") та ",[5515,17628,17629],{},"медіа-запити",[5500,17631,7991],{},[5585,17633,17634],{},[5515,17635,8538],{},[5585,17637,7626,17638,17640,17641,17644],{},[5500,17639,7629],{}," у HTML (і, відповідно, у JSX) встановлює лише ",[5515,17642,17643],{},"базові CSS-властивості"," елемента. Псевдокласи — це частина CSS-селекторів, які працюють на рівні таблиць стилів, а не атрибутів.",[5585,17646,17647],{},[5515,17648,17649],{},"Що не працює:",[5640,17651,17653],{"className":5642,"code":17652,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ❌ НЕ ПРАЦЮЄ\n\u003Cbutton style={{ \n  backgroundColor: '#3b82f6',\n  ':hover': { backgroundColor: '#2563eb' }  \u002F\u002F Ігнорується!\n}}>\n  Кнопка\n\u003C\u002Fbutton>\n",[5500,17654,17655,17660,17675,17685,17707,17715,17720],{"__ignoreMap":5645},[5649,17656,17657],{"class":5651,"line":5652},[5649,17658,17659],{"class":6061},"\u002F\u002F ❌ НЕ ПРАЦЮЄ\n",[5649,17661,17662,17664,17666,17668,17670,17672],{"class":5651,"line":5667},[5649,17663,5841],{"class":5735},[5649,17665,7145],{"class":5739},[5649,17667,7852],{"class":6742},[5649,17669,6746],{"class":5663},[5649,17671,5760],{"class":5655},[5649,17673,17674],{"class":6258},"{ \n",[5649,17676,17677,17680,17683],{"class":5651,"line":5694},[5649,17678,17679],{"class":5763},"  backgroundColor:",[5649,17681,17682],{"class":5687}," '#3b82f6'",[5649,17684,6437],{"class":6258},[5649,17686,17687,17690,17692,17695,17698,17701,17704],{"class":5651,"line":5715},[5649,17688,17689],{"class":5687},"  ':hover'",[5649,17691,5976],{"class":5763},[5649,17693,17694],{"class":6258}," { ",[5649,17696,17697],{"class":5763},"backgroundColor:",[5649,17699,17700],{"class":5687}," '#2563eb'",[5649,17702,17703],{"class":6258}," }  ",[5649,17705,17706],{"class":6061},"\u002F\u002F Ігнорується!\n",[5649,17708,17709,17711,17713],{"class":5651,"line":5722},[5649,17710,5767],{"class":6258},[5649,17712,5767],{"class":5655},[5649,17714,5743],{"class":5735},[5649,17716,17717],{"class":5651,"line":5732},[5649,17718,17719],{"class":5663},"  Кнопка\n",[5649,17721,17722,17724,17726],{"class":5651,"line":5746},[5649,17723,5773],{"class":5735},[5649,17725,7145],{"class":5739},[5649,17727,5743],{"class":5735},[5585,17729,17730],{},[5515,17731,10992],{},[7964,17733,17734],{},[5487,17735,17736],{},[5515,17737,17738],{},"CSS Modules або звичайний CSS:",[5640,17740,17742],{"className":9957,"code":17741,"language":9960,"meta":5645,"style":5645},"\u002F* Button.module.css *\u002F\n.button {\n  background-color: #3b82f6;\n}\n\n.button:hover {\n  background-color: #2563eb;\n}\n",[5500,17743,17744,17749,17756,17767,17771,17775,17782,17792],{"__ignoreMap":5645},[5649,17745,17746],{"class":5651,"line":5652},[5649,17747,17748],{"class":6061},"\u002F* Button.module.css *\u002F\n",[5649,17750,17751,17754],{"class":5651,"line":5667},[5649,17752,17753],{"class":9967},".button",[5649,17755,6406],{"class":5663},[5649,17757,17758,17761,17763,17765],{"class":5651,"line":5694},[5649,17759,17760],{"class":6742},"  background-color",[5649,17762,5677],{"class":5663},[5649,17764,10612],{"class":9995},[5649,17766,5691],{"class":5663},[5649,17768,17769],{"class":5651,"line":5715},[5649,17770,5824],{"class":5663},[5649,17772,17773],{"class":5651,"line":5722},[5649,17774,5719],{"emptyLinePlaceholder":5718},[5649,17776,17777,17780],{"class":5651,"line":5732},[5649,17778,17779],{"class":9967},".button:hover",[5649,17781,6406],{"class":5663},[5649,17783,17784,17786,17788,17790],{"class":5651,"line":5746},[5649,17785,17760],{"class":6742},[5649,17787,5677],{"class":5663},[5649,17789,10648],{"class":9995},[5649,17791,5691],{"class":5663},[5649,17793,17794],{"class":5651,"line":5780},[5649,17795,5824],{"class":5663},[5640,17797,17799],{"className":5642,"code":17798,"language":5644,"meta":5645,"style":5645},"import styles from '.\u002FButton.module.css';\n\n\u003Cbutton className={styles.button}>Кнопка\u003C\u002Fbutton>\n",[5500,17800,17801,17815,17819],{"__ignoreMap":5645},[5649,17802,17803,17805,17808,17810,17813],{"class":5651,"line":5652},[5649,17804,7460],{"class":5725},[5649,17806,17807],{"class":5763}," styles",[5649,17809,7466],{"class":5725},[5649,17811,17812],{"class":5687}," '.\u002FButton.module.css'",[5649,17814,5691],{"class":5663},[5649,17816,17817],{"class":5651,"line":5667},[5649,17818,5719],{"emptyLinePlaceholder":5718},[5649,17820,17821,17823,17825,17827,17829,17831,17834,17836,17838,17840,17842,17845,17847,17849],{"class":5651,"line":5694},[5649,17822,5841],{"class":5735},[5649,17824,7145],{"class":5739},[5649,17826,7017],{"class":6742},[5649,17828,6746],{"class":5663},[5649,17830,5760],{"class":5655},[5649,17832,17833],{"class":5763},"styles",[5649,17835,5554],{"class":6258},[5649,17837,7145],{"class":5763},[5649,17839,5767],{"class":5655},[5649,17841,5754],{"class":5735},[5649,17843,17844],{"class":5663},"Кнопка",[5649,17846,5773],{"class":5735},[5649,17848,7145],{"class":5739},[5649,17850,5743],{"class":5735},[7964,17852,17853],{"start":5667},[5487,17854,17855],{},[5515,17856,17857],{},"Бібліотека styled-components або Emotion:",[5640,17859,17861],{"className":5642,"code":17860,"language":5644,"meta":5645,"style":5645},"import styled from 'styled-components';\n\nconst Button = styled.button`\n  background-color: #3b82f6;\n  \n  &:hover {\n    background-color: #2563eb;\n  }\n`;\n",[5500,17862,17863,17877,17881,17899,17904,17908,17913,17918,17922],{"__ignoreMap":5645},[5649,17864,17865,17867,17870,17872,17875],{"class":5651,"line":5652},[5649,17866,7460],{"class":5725},[5649,17868,17869],{"class":5763}," styled",[5649,17871,7466],{"class":5725},[5649,17873,17874],{"class":5687}," 'styled-components'",[5649,17876,5691],{"class":5663},[5649,17878,17879],{"class":5651,"line":5667},[5649,17880,5719],{"emptyLinePlaceholder":5718},[5649,17882,17883,17885,17887,17889,17892,17894,17896],{"class":5651,"line":5694},[5649,17884,6319],{"class":5655},[5649,17886,7482],{"class":5673},[5649,17888,5684],{"class":5663},[5649,17890,17891],{"class":5763},"styled",[5649,17893,5554],{"class":5663},[5649,17895,7145],{"class":5659},[5649,17897,17898],{"class":5687},"`\n",[5649,17900,17901],{"class":5651,"line":5715},[5649,17902,17903],{"class":5687},"  background-color: #3b82f6;\n",[5649,17905,17906],{"class":5651,"line":5722},[5649,17907,6966],{"class":5687},[5649,17909,17910],{"class":5651,"line":5732},[5649,17911,17912],{"class":5687},"  &:hover {\n",[5649,17914,17915],{"class":5651,"line":5746},[5649,17916,17917],{"class":5687},"    background-color: #2563eb;\n",[5649,17919,17920],{"class":5651,"line":5780},[5649,17921,8963],{"class":5687},[5649,17923,17924,17926],{"class":5651,"line":5805},[5649,17925,6778],{"class":5687},[5649,17927,5691],{"class":5663},[7964,17929,17930],{"start":5694},[5487,17931,17932],{},[5515,17933,17934],{},"Стан компонента для інтерактивності:",[5582,17936,17937],{},[5585,17938,17939,17942,17943,17946],{},[5515,17940,17941],{},"Примітка:"," Цей приклад використовує ",[5500,17944,17945],{},"useState"," (хук для управління станом), який ми детально розглянемо у наступних лекціях. Поки що сприймайте його як \"магію\", що дозволяє змінювати значення при взаємодії користувача.",[5640,17948,17950],{"className":5642,"code":17949,"language":5644,"meta":5645,"style":5645},"import { useState } from 'react';\n\nfunction Button() {\n  const [isHovered, setIsHovered] = useState(false);\n\n  return (\n    \u003Cbutton\n      style={{\n        backgroundColor: isHovered ? '#2563eb' : '#3b82f6',\n        padding: '0.75rem 1.5rem',\n        border: 'none',\n        borderRadius: '0.5rem',\n        color: 'white',\n        cursor: 'pointer',\n      }}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      Кнопка\n    \u003C\u002Fbutton>\n  );\n}\n",[5500,17951,17952,17971,17975,17983,18009,18013,18019,18026,18038,18056,18066,18076,18086,18096,18106,18112,18137,18160,18164,18168,18176,18180],{"__ignoreMap":5645},[5649,17953,17954,17956,17958,17960,17963,17966,17969],{"class":5651,"line":5652},[5649,17955,7460],{"class":5725},[5649,17957,17694],{"class":5663},[5649,17959,17945],{"class":5763},[5649,17961,17962],{"class":5663}," } ",[5649,17964,17965],{"class":5725},"from",[5649,17967,17968],{"class":5687}," 'react'",[5649,17970,5691],{"class":5663},[5649,17972,17973],{"class":5651,"line":5667},[5649,17974,5719],{"emptyLinePlaceholder":5718},[5649,17976,17977,17979,17981],{"class":5651,"line":5694},[5649,17978,5656],{"class":5655},[5649,17980,7482],{"class":5659},[5649,17982,5664],{"class":5663},[5649,17984,17985,17987,17990,17993,17995,17998,18001,18003,18005,18007],{"class":5651,"line":5715},[5649,17986,5670],{"class":5655},[5649,17988,17989],{"class":5663}," [",[5649,17991,17992],{"class":5673},"isHovered",[5649,17994,5544],{"class":5663},[5649,17996,17997],{"class":5673},"setIsHovered",[5649,17999,18000],{"class":5663},"] = ",[5649,18002,17945],{"class":5659},[5649,18004,6264],{"class":5663},[5649,18006,6929],{"class":5655},[5649,18008,6129],{"class":5663},[5649,18010,18011],{"class":5651,"line":5722},[5649,18012,5719],{"emptyLinePlaceholder":5718},[5649,18014,18015,18017],{"class":5651,"line":5732},[5649,18016,5726],{"class":5725},[5649,18018,5729],{"class":5663},[5649,18020,18021,18023],{"class":5651,"line":5746},[5649,18022,5736],{"class":5735},[5649,18024,18025],{"class":5739},"button\n",[5649,18027,18028,18031,18033,18035],{"class":5651,"line":5780},[5649,18029,18030],{"class":6742},"      style",[5649,18032,6746],{"class":5663},[5649,18034,5760],{"class":5655},[5649,18036,18037],{"class":6258},"{\n",[5649,18039,18040,18043,18046,18048,18050,18052,18054],{"class":5651,"line":5805},[5649,18041,18042],{"class":5763},"        backgroundColor:",[5649,18044,18045],{"class":5763}," isHovered",[5649,18047,7038],{"class":5663},[5649,18049,17700],{"class":5687},[5649,18051,7044],{"class":5663},[5649,18053,17682],{"class":5687},[5649,18055,6437],{"class":6258},[5649,18057,18058,18061,18064],{"class":5651,"line":5815},[5649,18059,18060],{"class":5763},"        padding:",[5649,18062,18063],{"class":5687}," '0.75rem 1.5rem'",[5649,18065,6437],{"class":6258},[5649,18067,18068,18071,18074],{"class":5651,"line":5821},[5649,18069,18070],{"class":5763},"        border:",[5649,18072,18073],{"class":5687}," 'none'",[5649,18075,6437],{"class":6258},[5649,18077,18078,18081,18084],{"class":5651,"line":6206},[5649,18079,18080],{"class":5763},"        borderRadius:",[5649,18082,18083],{"class":5687}," '0.5rem'",[5649,18085,6437],{"class":6258},[5649,18087,18088,18091,18094],{"class":5651,"line":6236},[5649,18089,18090],{"class":5763},"        color:",[5649,18092,18093],{"class":5687}," 'white'",[5649,18095,6437],{"class":6258},[5649,18097,18098,18101,18104],{"class":5651,"line":6288},[5649,18099,18100],{"class":5763},"        cursor:",[5649,18102,18103],{"class":5687}," 'pointer'",[5649,18105,6437],{"class":6258},[5649,18107,18108,18110],{"class":5651,"line":6297},[5649,18109,10969],{"class":6258},[5649,18111,5824],{"class":5655},[5649,18113,18114,18117,18119,18121,18124,18126,18129,18131,18133,18135],{"class":5651,"line":6302},[5649,18115,18116],{"class":6742},"      onMouseEnter",[5649,18118,6746],{"class":5663},[5649,18120,5760],{"class":5655},[5649,18122,18123],{"class":6258},"() ",[5649,18125,11691],{"class":5655},[5649,18127,18128],{"class":5659}," setIsHovered",[5649,18130,6264],{"class":6258},[5649,18132,7109],{"class":5655},[5649,18134,6270],{"class":6258},[5649,18136,5824],{"class":5655},[5649,18138,18139,18142,18144,18146,18148,18150,18152,18154,18156,18158],{"class":5651,"line":6594},[5649,18140,18141],{"class":6742},"      onMouseLeave",[5649,18143,6746],{"class":5663},[5649,18145,5760],{"class":5655},[5649,18147,18123],{"class":6258},[5649,18149,11691],{"class":5655},[5649,18151,18128],{"class":5659},[5649,18153,6264],{"class":6258},[5649,18155,6929],{"class":5655},[5649,18157,6270],{"class":6258},[5649,18159,5824],{"class":5655},[5649,18161,18162],{"class":5651,"line":6599},[5649,18163,7598],{"class":5735},[5649,18165,18166],{"class":5651,"line":7833},[5649,18167,7603],{"class":5663},[5649,18169,18170,18172,18174],{"class":5651,"line":7838},[5649,18171,5808],{"class":5735},[5649,18173,7145],{"class":5739},[5649,18175,5743],{"class":5735},[5649,18177,18178],{"class":5651,"line":7845},[5649,18179,5818],{"class":5663},[5649,18181,18182],{"class":5651,"line":7866},[5649,18183,5824],{"class":5663},[5585,18185,18186],{},[5515,18187,18188],{},"Коли використовувати інлайнові стилі:",[5484,18190,18191,18194,18197],{},[5487,18192,18193],{},"Динамічні значення (прогрес-бари, позиціонування).",[5487,18195,18196],{},"Швидкі прототипи.",[5487,18198,18199],{},"Анімації через JavaScript.",[5585,18201,18202],{},"Для статичних стилів використовуйте CSS Modules або CSS-in-JS бібліотеки.",[16783,18204,18206,18215,18220,18310,18319,18323,18531],{"icon":16785,"label":18205},"❓ Чи можна змінювати об'єкт `style` під час рендерингу?",[5585,18207,18208,18211,18212,5554],{},[5515,18209,18210],{},"Технічно — так",", але це ",[5515,18213,18214],{},"антипатерн",[5585,18216,18217],{},[5515,18218,18219],{},"Проблема:",[5640,18221,18223],{"className":5642,"code":18222,"language":5644,"meta":5645,"style":5645},"function Component() {\n  const style = { color: 'red' };\n  style.fontSize = '16px';  \u002F\u002F ⚠️ Мутація об'єкта\n  \n  return \u003Cdiv style={style}>Текст\u003C\u002Fdiv>;\n}\n",[5500,18224,18225,18234,18252,18272,18276,18306],{"__ignoreMap":5645},[5649,18226,18227,18229,18232],{"class":5651,"line":5652},[5649,18228,5656],{"class":5655},[5649,18230,18231],{"class":5659}," Component",[5649,18233,5664],{"class":5663},[5649,18235,18236,18238,18240,18243,18246,18249],{"class":5651,"line":5667},[5649,18237,5670],{"class":5655},[5649,18239,7852],{"class":5673},[5649,18241,18242],{"class":5663}," = { ",[5649,18244,18245],{"class":5763},"color:",[5649,18247,18248],{"class":5687}," 'red'",[5649,18250,18251],{"class":5663}," };\n",[5649,18253,18254,18257,18259,18261,18263,18266,18269],{"class":5651,"line":5694},[5649,18255,18256],{"class":5763},"  style",[5649,18258,5554],{"class":5663},[5649,18260,16752],{"class":5763},[5649,18262,5684],{"class":5663},[5649,18264,18265],{"class":5687},"'16px'",[5649,18267,18268],{"class":5663},";  ",[5649,18270,18271],{"class":6061},"\u002F\u002F ⚠️ Мутація об'єкта\n",[5649,18273,18274],{"class":5651,"line":5715},[5649,18275,6966],{"class":5663},[5649,18277,18278,18280,18282,18284,18286,18288,18290,18292,18294,18296,18298,18300,18302,18304],{"class":5651,"line":5722},[5649,18279,5726],{"class":5725},[5649,18281,7385],{"class":5735},[5649,18283,5740],{"class":5739},[5649,18285,7852],{"class":6742},[5649,18287,6746],{"class":5663},[5649,18289,5760],{"class":5655},[5649,18291,7629],{"class":5763},[5649,18293,5767],{"class":5655},[5649,18295,5754],{"class":5735},[5649,18297,17174],{"class":5663},[5649,18299,5773],{"class":5735},[5649,18301,5740],{"class":5739},[5649,18303,5754],{"class":5735},[5649,18305,5691],{"class":5663},[5649,18307,18308],{"class":5651,"line":5732},[5649,18309,5824],{"class":5663},[5585,18311,18312,18313,7971,18316,18318],{},"При кожному рендері ",[5515,18314,18315],{},"створюється новий об'єкт",[5500,18317,7629],{},", але потім він змінюється. React порівнює об'єкти за посиланням, тому може вважати, що стиль не змінився, якщо посилання залишилося тим самим.",[5585,18320,18321],{},[5515,18322,12392],{},[5640,18324,18326],{"className":5642,"code":18325,"language":5644,"meta":5645,"style":5645},"\u002F\u002F ✅ Створюйте незмінний об'єкт\nfunction Component() {\n  const style = {\n    color: 'red',\n    fontSize: '16px',\n  };\n  \n  return \u003Cdiv style={style}>Текст\u003C\u002Fdiv>;\n}\n\n\u002F\u002F ✅ Або використовуйте useMemo для оптимізації\nfunction Component({ color, size }) {\n  const style = useMemo(() => ({\n    color,\n    fontSize: `${size}px`,\n  }), [color, size]);\n  \n  return \u003Cdiv style={style}>Текст\u003C\u002Fdiv>;\n}\n",[5500,18327,18328,18333,18341,18349,18358,18368,18372,18376,18406,18410,18414,18419,18436,18455,18462,18479,18493,18497,18527],{"__ignoreMap":5645},[5649,18329,18330],{"class":5651,"line":5652},[5649,18331,18332],{"class":6061},"\u002F\u002F ✅ Створюйте незмінний об'єкт\n",[5649,18334,18335,18337,18339],{"class":5651,"line":5667},[5649,18336,5656],{"class":5655},[5649,18338,18231],{"class":5659},[5649,18340,5664],{"class":5663},[5649,18342,18343,18345,18347],{"class":5651,"line":5694},[5649,18344,5670],{"class":5655},[5649,18346,7852],{"class":5673},[5649,18348,7715],{"class":5663},[5649,18350,18351,18354,18356],{"class":5651,"line":5715},[5649,18352,18353],{"class":5763},"    color:",[5649,18355,18248],{"class":5687},[5649,18357,6437],{"class":5663},[5649,18359,18360,18363,18366],{"class":5651,"line":5722},[5649,18361,18362],{"class":5763},"    fontSize:",[5649,18364,18365],{"class":5687}," '16px'",[5649,18367,6437],{"class":5663},[5649,18369,18370],{"class":5651,"line":5732},[5649,18371,7779],{"class":5663},[5649,18373,18374],{"class":5651,"line":5746},[5649,18375,6966],{"class":5663},[5649,18377,18378,18380,18382,18384,18386,18388,18390,18392,18394,18396,18398,18400,18402,18404],{"class":5651,"line":5780},[5649,18379,5726],{"class":5725},[5649,18381,7385],{"class":5735},[5649,18383,5740],{"class":5739},[5649,18385,7852],{"class":6742},[5649,18387,6746],{"class":5663},[5649,18389,5760],{"class":5655},[5649,18391,7629],{"class":5763},[5649,18393,5767],{"class":5655},[5649,18395,5754],{"class":5735},[5649,18397,17174],{"class":5663},[5649,18399,5773],{"class":5735},[5649,18401,5740],{"class":5739},[5649,18403,5754],{"class":5735},[5649,18405,5691],{"class":5663},[5649,18407,18408],{"class":5651,"line":5805},[5649,18409,5824],{"class":5663},[5649,18411,18412],{"class":5651,"line":5815},[5649,18413,5719],{"emptyLinePlaceholder":5718},[5649,18415,18416],{"class":5651,"line":5821},[5649,18417,18418],{"class":6061},"\u002F\u002F ✅ Або використовуйте useMemo для оптимізації\n",[5649,18420,18421,18423,18425,18427,18430,18432,18434],{"class":5651,"line":6206},[5649,18422,5656],{"class":5655},[5649,18424,18231],{"class":5659},[5649,18426,7485],{"class":5663},[5649,18428,18429],{"class":5763},"color",[5649,18431,5544],{"class":5663},[5649,18433,7324],{"class":5763},[5649,18435,9083],{"class":5663},[5649,18437,18438,18440,18442,18444,18447,18450,18452],{"class":5651,"line":6236},[5649,18439,5670],{"class":5655},[5649,18441,7852],{"class":5673},[5649,18443,5684],{"class":5663},[5649,18445,18446],{"class":5659},"useMemo",[5649,18448,18449],{"class":5663},"(() ",[5649,18451,11691],{"class":5655},[5649,18453,18454],{"class":5663}," ({\n",[5649,18456,18457,18460],{"class":5651,"line":6288},[5649,18458,18459],{"class":5763},"    color",[5649,18461,6437],{"class":5663},[5649,18463,18464,18466,18468,18470,18472,18474,18477],{"class":5651,"line":6297},[5649,18465,18362],{"class":5763},[5649,18467,7723],{"class":5687},[5649,18469,6770],{"class":5655},[5649,18471,7324],{"class":5763},[5649,18473,5767],{"class":5655},[5649,18475,18476],{"class":5687},"px`",[5649,18478,6437],{"class":5663},[5649,18480,18481,18484,18486,18488,18490],{"class":5651,"line":6302},[5649,18482,18483],{"class":5663},"  }), [",[5649,18485,18429],{"class":5763},[5649,18487,5544],{"class":5663},[5649,18489,7324],{"class":5763},[5649,18491,18492],{"class":5663},"]);\n",[5649,18494,18495],{"class":5651,"line":6594},[5649,18496,6966],{"class":5663},[5649,18498,18499,18501,18503,18505,18507,18509,18511,18513,18515,18517,18519,18521,18523,18525],{"class":5651,"line":6599},[5649,18500,5726],{"class":5725},[5649,18502,7385],{"class":5735},[5649,18504,5740],{"class":5739},[5649,18506,7852],{"class":6742},[5649,18508,6746],{"class":5663},[5649,18510,5760],{"class":5655},[5649,18512,7629],{"class":5763},[5649,18514,5767],{"class":5655},[5649,18516,5754],{"class":5735},[5649,18518,17174],{"class":5663},[5649,18520,5773],{"class":5735},[5649,18522,5740],{"class":5739},[5649,18524,5754],{"class":5735},[5649,18526,5691],{"class":5663},[5649,18528,18529],{"class":5651,"line":7833},[5649,18530,5824],{"class":5663},[5585,18532,18533,18536,18537,5518,18540,18543],{},[5515,18534,18535],{},"Принцип:"," Об'єкти у React мають бути ",[5515,18538,18539],{},"незмінними",[5520,18541,18542],{},"immutable","). Створюйте новий об'єкт замість зміни існуючого.",[7629,18545,18546],{},"html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}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}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .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 .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}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 .sqdDX, html code.shiki .sqdDX{--shiki-light:#800000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}html pre.shiki code .sDUd3, html code.shiki .sDUd3{--shiki-light:#0451A5;--shiki-default:#CE9178;--shiki-dark:#CE9178}",{"title":5645,"searchDepth":5667,"depth":5667,"links":18548},[18549,18554,18561,18568,18576,18582,18583,18584,18585],{"id":5612,"depth":5667,"text":5613,"children":18550},[18551,18552,18553],{"id":5637,"depth":5694,"text":5638},{"id":6000,"depth":5694,"text":6001},{"id":6375,"depth":5694,"text":6376},{"id":6642,"depth":5667,"text":6643,"children":18555},[18556,18558,18560],{"id":6652,"depth":5694,"text":18557},"Динамічні src, alt, href",{"id":6886,"depth":5694,"text":18559},"Динамічні класи через className",{"id":7622,"depth":5694,"text":7623},{"id":8021,"depth":5667,"text":5567,"children":18562},[18563,18565,18567],{"id":8031,"depth":5694,"text":18564},"Тернарний оператор ? :",{"id":8169,"depth":5694,"text":18566},"Логічний оператор && для умовного відображення",{"id":8578,"depth":5694,"text":8579},{"id":10871,"depth":5667,"text":18569,"children":18570},"Що НЕ можна вставляти через {}",[18571,18573,18575],{"id":10884,"depth":5694,"text":18572},"❌ Не працює: if \u002F else",{"id":11128,"depth":5694,"text":18574},"❌ Не працює: цикли for \u002F while",{"id":11321,"depth":5694,"text":11322},{"id":11583,"depth":5667,"text":18577,"children":18578},"Робота з масивами: метод .map()",[18579,18580,18581],{"id":11598,"depth":5694,"text":11599},{"id":11842,"depth":5694,"text":11843},{"id":12465,"depth":5694,"text":12466},{"id":12900,"depth":5667,"text":12901},{"id":13267,"depth":5667,"text":13268},{"id":16647,"depth":5667,"text":16648},{"id":16777,"depth":5667,"text":16778},"Практичне використання TypeScript-виразів у JSX — фігурні дужки як вікно у TypeScript, динамічне формування атрибутів, обчислювані стилі, умовний рендеринг через тернарні оператори та логічні вирази, робота з масивами та об'єктами у розмітці.","md",null,{},{"title":5377,"description":18586},"F7Ta4etiyAzYbmn1SZFsXdguHlz0-C0Ozkd0VmpAFlw",[18593,18595],{"title":5373,"path":5374,"stem":5375,"description":18594,"children":-1},"Фундаментальні принципи компонентної архітектури React — що таке компонент, як створювати функціональні компоненти, композиція проти успадкування, передача пропсів, деструктуризація, children та найкращі практики побудови переповторно використовуваних UI-блоків.",{"title":5381,"path":5382,"stem":5383,"description":18596,"children":-1},"Глибоке занурення в хук useReducer для керування складним станом у React через чіткі екшени та передбачувану логіку оновлень. Від простих лічильників до багаторівневих форм.",1794237386375]