[{"data":1,"prerenderedAt":15841},["ShallowReactive",2],{"navigation_docs":3,"-ai-python-data-visualization-subplots-styling":5180,"-ai-python-data-visualization-subplots-styling-surround":15836},[4,1707,2084,2556,2737,2863,3070,3192,3242,3299,3333,3459,3536,3550,3689,3983,4060,4793,4968,5061,5114,5176],{"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],{"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},"Алгоритми пошуку","\u002Fcpp\u002Fsearching","02.cpp\u002F11.searching",{"title":1757,"path":1758,"stem":1759},"Функції: основи","\u002Fcpp\u002Ffunctions-basics","02.cpp\u002F12.functions-basics",{"title":1761,"path":1762,"stem":1763},"Функції: прототипи, область видимості та додаткові можливості","\u002Fcpp\u002Ffunctions-scope","02.cpp\u002F13.functions-scope",{"title":1765,"path":1766,"stem":1767},"Функції: перевантаження та шаблони","\u002Fcpp\u002Ffunctions-overloading-templates","02.cpp\u002F14.functions-overloading-templates",{"title":1769,"path":1770,"stem":1771},"Вказівники: основи","\u002Fcpp\u002Fpointers-basics","02.cpp\u002F15.pointers-basics",{"title":1773,"path":1774,"stem":1775},"Посилання (References)","\u002Fcpp\u002Freferences","02.cpp\u002F16.references",{"title":1777,"path":1778,"stem":1779},"Вказівники, const і масиви","\u002Fcpp\u002Fpointers-const-arrays","02.cpp\u002F17.pointers-const-arrays",{"title":1781,"path":1782,"stem":1783},"Адресна арифметика","\u002Fcpp\u002Fpointer-arithmetic","02.cpp\u002F18.pointer-arithmetic",{"title":1785,"path":1786,"stem":1787},"Динамічна пам'ять","\u002Fcpp\u002Fdynamic-memory","02.cpp\u002F19.dynamic-memory",{"title":1789,"path":1790,"stem":1791},"Вказівники типу void","\u002Fcpp\u002Fvoid-pointers","02.cpp\u002F20.void-pointers",{"title":1793,"path":1794,"stem":1795},"Вказівники на вказівники","\u002Fcpp\u002Fpointers-to-pointers","02.cpp\u002F21.pointers-to-pointers",{"title":1797,"path":1798,"stem":1799},"Оператор доступу до членів через вказівник (->)","\u002Fcpp\u002Fmember-access-operator","02.cpp\u002F22.member-access-operator",{"title":1801,"path":1802,"stem":1803},"Цикл for-each (Range-based for)","\u002Fcpp\u002Fforeach-loop","02.cpp\u002F23.foreach-loop",{"title":1805,"path":1806,"stem":1807},"Вказівники на функції","\u002Fcpp\u002Ffunction-pointers","02.cpp\u002F24.function-pointers",{"title":1809,"path":1810,"stem":1811},"Лямбда-вирази","\u002Fcpp\u002Flambdas","02.cpp\u002F25.lambdas",{"title":1813,"path":1814,"stem":1815},"Лямбда-захоплення","\u002Fcpp\u002Flambda-captures","02.cpp\u002F26.lambda-captures",{"title":1817,"path":1818,"stem":1819},"Еліпсис","\u002Fcpp\u002Fellipsis","02.cpp\u002F27.ellipsis",{"title":1821,"path":1822,"stem":1823},"Безпечні альтернативи еліпсису","\u002Fcpp\u002F27a.ellipsis","02.cpp\u002F27a.ellipsis",{"title":1825,"path":1826,"stem":1827},"Аргументи командного рядка","\u002Fcpp\u002Fcommand-line-arguments","02.cpp\u002F28.command-line-arguments",{"title":1829,"path":1830,"stem":1831},"Перерахування (enum)","\u002Fcpp\u002Fenum","02.cpp\u002F29.enum",{"title":1833,"path":1834,"stem":1835},"Класи-перерахування (enum class)","\u002Fcpp\u002Fenum-class","02.cpp\u002F30.enum-class",{"title":1837,"path":1838,"stem":1839},"Псевдоніми типів (typedef і using)","\u002Fcpp\u002Ftype-aliases","02.cpp\u002F31.type-aliases",{"title":1841,"path":1842,"stem":1843},"Системи числення та двійкова арифметика","\u002Fcpp\u002Fnumber-systems","02.cpp\u002F32.number-systems",{"title":1845,"path":1846,"stem":1847},"Структури (struct): агрегування даних","\u002Fcpp\u002Fstruct","02.cpp\u002F33.struct",{"title":1849,"path":1850,"stem":1851},"Структури у функціях","\u002Fcpp\u002Fstruct-functions","02.cpp\u002F34.struct-functions",{"title":1853,"path":1854,"stem":1855},"Масиви структур і вкладені структури","\u002Fcpp\u002Fstruct-arrays","02.cpp\u002F35.struct-arrays",{"title":1857,"path":1858,"stem":1859},"Патерни struct та межі застосування","\u002Fcpp\u002Fstruct-patterns","02.cpp\u002F36.struct-patterns",{"title":1861,"path":1862,"stem":1863},"Символи та таблиця ASCII","\u002Fcpp\u002Fascii-characters","02.cpp\u002F37.ascii-characters",{"title":1865,"path":1866,"stem":1867},"Unicode та кодування UTF","\u002Fcpp\u002Funicode-utf","02.cpp\u002F38.unicode-utf",{"title":1869,"path":1870,"stem":1871},"C-style рядки","\u002Fcpp\u002Fc-strings","02.cpp\u002F39.c-strings",{"title":1873,"path":1874,"stem":1875},"Вступ до std::string","\u002Fcpp\u002Fstd-string-intro","02.cpp\u002F40.std-string-intro",{"title":1877,"path":1878,"stem":1879},"Довжина, ємність та доступ до символів std::string","\u002Fcpp\u002Fstd-string-capacity-access","02.cpp\u002F41.std-string-capacity-access",{"title":1881,"path":1882,"stem":1883},"Модифікація std::string: присвоювання, додавання, вставка, видалення та заміна","\u002Fcpp\u002Fstd-string-modification","02.cpp\u002F42.std-string-modification",{"title":1885,"path":1886,"stem":1887},"Пошук у std::string: find, npos та практичні патерни","\u002Fcpp\u002Fstd-string-search","02.cpp\u002F43.std-string-search",{"title":1889,"path":1890,"stem":1891},"std::string_view: невласницький погляд на рядок без копіювання","\u002Fcpp\u002Fstd-string-view","02.cpp\u002F44.std-string-view",{"title":1893,"path":1894,"stem":1895},"Об'єднання (union): один блок пам'яті, кілька інтерпретацій","\u002Fcpp\u002Funion","02.cpp\u002F45.union",{"title":1897,"path":1898,"stem":1899},"Організація коду: файли, препроцесор, простори імен","\u002Fcpp\u002Fmultifile-programs","02.cpp\u002F46.multifile-programs",{"title":1901,"path":1902,"stem":1903},"Робота з файлами: C-стиль (stdio.h)","\u002Fcpp\u002Fc-style-files","02.cpp\u002F47.c-style-files",{"title":1905,"path":1906,"stem":1907},"Робота з файлами: C++-стиль (fstream)","\u002Fcpp\u002Fcpp-style-files","02.cpp\u002F48.cpp-style-files",{"title":1909,"path":1910,"stem":1911},"Введення в ООП: від процедур до об'єктів","\u002Fcpp\u002Foop-intro","02.cpp\u002F49.oop-intro",{"title":1913,"path":1914,"stem":1915},"Класи, об'єкти та методи","\u002Fcpp\u002Fclasses-objects-methods","02.cpp\u002F50.classes-objects-methods",{"title":1917,"path":1918,"stem":1919},"Специфікатори доступу та інкапсуляція","\u002Fcpp\u002Faccess-specifiers-encapsulation","02.cpp\u002F51.access-specifiers-encapsulation",{"title":1921,"path":1922,"stem":1923},"Конструктори: гарантована ініціалізація об'єктів","\u002Fcpp\u002Fconstructors","02.cpp\u002F52.constructors",{"title":1925,"path":1926,"stem":1927},"Списки ініціалізації та делегуючі конструктори","\u002Fcpp\u002Finit-lists-delegating","02.cpp\u002F53.init-lists-delegating",{"title":1929,"path":1930,"stem":1931},"Деструктори та ідіома RAII","\u002Fcpp\u002Fdestructors-raii","02.cpp\u002F54.destructors-raii",{"title":1933,"path":1934,"stem":1935},"Прихований покажчик this","\u002Fcpp\u002Fthis-pointer","02.cpp\u002F55.this-pointer",{"title":1937,"path":1938,"stem":1939},"Розподіл класу на заголовковий файл та файл реалізації","\u002Fcpp\u002Fclass-header-source","02.cpp\u002F56.class-header-source",{"title":1941,"path":1942,"stem":1943},"Класи та const","\u002Fcpp\u002Fconst-classes","02.cpp\u002F57.const-classes",{"title":1945,"path":1946,"stem":1947},"Статичні члени класу","\u002Fcpp\u002Fstatic-members","02.cpp\u002F58.static-members",{"title":1949,"path":1950,"stem":1951},"Конструктор копіювання та запобігання копіюванню","\u002Fcpp\u002Fcopy-constructor","02.cpp\u002F59.copy-constructor",{"title":1953,"path":1954,"stem":1955},"Дружні функції та класи","\u002Fcpp\u002Ffriend-functions-classes","02.cpp\u002F60.friend-functions-classes",{"title":1957,"path":1958,"stem":1959},"Анонімні об'єкти та вкладені типи","\u002Fcpp\u002Fanonymous-objects-nested-types","02.cpp\u002F61.anonymous-objects-nested-types",{"title":1961,"path":1962,"stem":1963},"Вимірювання часу виконання: RAII-таймер","\u002Fcpp\u002Ftiming-raii-timer","02.cpp\u002F62.timing-raii-timer",{"title":1965,"path":1966,"stem":1967},"Перевантаження операторів: основи та арифметика","\u002Fcpp\u002Foperator-overloading-basics","02.cpp\u002F63.operator-overloading-basics",{"title":1969,"path":1970,"stem":1971},"Перевантаження операторів: методи класу та спеціальні оператори","\u002Fcpp\u002Foperator-overloading-methods","02.cpp\u002F64.operator-overloading-methods",{"title":1973,"path":1974,"stem":1975},"Приведення типів, explicit та delete","\u002Fcpp\u002Ftypecast-explicit-delete","02.cpp\u002F65.typecast-explicit-delete",{"title":1977,"path":1978,"stem":1979},"Глибоке копіювання та оператор присвоювання","\u002Fcpp\u002Fdeep-copy-assignment","02.cpp\u002F66.deep-copy-assignment",{"title":1981,"path":1982,"stem":1983},"Зв'язки між об'єктами: композиція та агрегація","\u002Fcpp\u002Fcomposition-aggregation","02.cpp\u002F67.composition-aggregation",{"title":1985,"path":1986,"stem":1987},"Асоціація та залежність між об","\u002Fcpp\u002Fassociation-dependency","02.cpp\u002F68.association-dependency",{"title":1989,"path":1990,"stem":1991},"Контейнерні класи та `std::initializer_list`","\u002Fcpp\u002Fcontainer-classes-initializer-list","02.cpp\u002F69.container-classes-initializer-list",{"title":1993,"path":1994,"stem":1995},"Вступ до наслідування: базові поняття та відношення «is-a»","\u002Fcpp\u002Finheritance-intro","02.cpp\u002F70.inheritance-intro",{"title":1997,"path":1998,"stem":1999},"Конструктори, деструктори та порядок ініціалізації в ієрархіях","\u002Fcpp\u002Finheritance-constructors-destructors","02.cpp\u002F71.inheritance-constructors-destructors",{"title":2001,"path":2002,"stem":2003},"Специфікатор `protected` та види наслідування","\u002Fcpp\u002Finheritance-access-specifiers","02.cpp\u002F72.inheritance-access-specifiers",{"title":2005,"path":2006,"stem":2007},"Перевизначення методів та приховування імен","\u002Fcpp\u002Fmethod-overriding-hiding","02.cpp\u002F73.method-overriding-hiding",{"title":2009,"path":2010,"stem":2011},"Множинне наслідування та проблема ромба","\u002Fcpp\u002Fmultiple-inheritance-diamond","02.cpp\u002F74.multiple-inheritance-diamond",{"title":2013,"path":2014,"stem":2015},"Вказівники на базовий клас та віртуальні функції","\u002Fcpp\u002Fvirtual-functions-polymorphism","02.cpp\u002F75.virtual-functions-polymorphism",{"title":2017,"path":2018,"stem":2019},"Специфікатори override, final та віртуальні деструктори","\u002Fcpp\u002Foverride-final-virtual-destructors","02.cpp\u002F76.override-final-virtual-destructors",{"title":2021,"path":2022,"stem":2023},"Внутрішні механізми поліморфізму: vtable, vptr та зв'язування","\u002Fcpp\u002Fvirtual-table-binding","02.cpp\u002F77.virtual-table-binding",{"title":2025,"path":2026,"stem":2027},"Абстрактні класи та чисті віртуальні функції","\u002Fcpp\u002Fabstract-classes-interfaces","02.cpp\u002F78.abstract-classes-interfaces",{"title":2029,"path":2030,"stem":2031},"Зрізка об'єктів, віртуальне наслідування та поліморфний вивід","\u002Fcpp\u002Fslicing-virtual-base-io","02.cpp\u002F79.slicing-virtual-base-io",{"title":2033,"path":2034,"stem":2035},"Динамічне приведення типів (`dynamic_cast`) та RTTI","\u002Fcpp\u002Fdynamic-cast-rtti","02.cpp\u002F80.dynamic-cast-rtti",{"title":2037,"path":2038,"stem":2039},"Шаблони функцій: узагальнене програмування","\u002Fcpp\u002Ffunction-templates","02.cpp\u002F81.function-templates",{"title":2041,"path":2042,"stem":2043},"Шаблони класів та NTTP-параметри","\u002Fcpp\u002Fclass-templates-nttp","02.cpp\u002F82.class-templates-nttp",{"title":2045,"path":2046,"stem":2047},"Повна (явна) спеціалізація шаблонів","\u002Fcpp\u002Ffull-template-specialization","02.cpp\u002F83.full-template-specialization",{"title":2049,"path":2050,"stem":2051},"Часткова спеціалізація шаблонів класів","\u002Fcpp\u002Fpartial-template-specialization","02.cpp\u002F84.partial-template-specialization",{"title":2053,"path":2054,"stem":2055},"Механізм винятків: try, catch, throw та розкручування стеку","\u002Fcpp\u002Fexceptions-basics","02.cpp\u002F85.exceptions-basics",{"title":2057,"path":2058,"stem":2059},"Ієрархія std::exception та власні класи винятків","\u002Fcpp\u002Fexception-hierarchy-custom","02.cpp\u002F86.exception-hierarchy-custom",{"title":2061,"path":2062,"stem":2063},"Повторне генерування винятків та функціональний try-блок","\u002Fcpp\u002Frethrow-function-try","02.cpp\u002F87.rethrow-function-try",{"title":2065,"path":2066,"stem":2067},"Безпека винятків, noexcept та деструктори","\u002Fcpp\u002Fsafety-noexcept","02.cpp\u002F88.safety-noexcept",{"title":2069,"path":2070,"stem":2071},"Стаття 89 — Власні структури даних: стек та черга","\u002Fcpp\u002Fcustom-stack-queue","02.cpp\u002F89.custom-stack-queue",{"title":2073,"path":2074,"stem":2075},"Стаття 90 — Власні структури даних: однозв'язаний список","\u002Fcpp\u002Flinked-list","02.cpp\u002F90.linked-list",{"title":2077,"path":2078,"stem":2079},"Стаття 91 — Власні структури даних: бінарне дерево пошуку","\u002Fcpp\u002Fbinary-search-tree","02.cpp\u002F91.binary-search-tree",{"title":2081,"path":2082,"stem":2083},"Стаття 92 — Власні структури даних: хеш-таблиця","\u002Fcpp\u002Fhash-table","02.cpp\u002F92.hash-table",{"title":2085,"icon":2086,"path":2087,"stem":2088,"children":2089,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[2090,2116,2170,2192,2496,2534,2552],{"title":2091,"icon":2092,"path":2093,"stem":2094,"children":2095,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[2096,2100,2104,2108,2112],{"title":2097,"path":2098,"stem":2099},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":2101,"path":2102,"stem":2103},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":2105,"path":2106,"stem":2107},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":2109,"path":2110,"stem":2111},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":2113,"path":2114,"stem":2115},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":2117,"icon":2118,"path":2119,"stem":2120,"children":2121,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[2122,2126,2130,2134,2138,2142,2146,2150,2154,2158,2162,2166],{"title":2123,"path":2124,"stem":2125},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":2127,"path":2128,"stem":2129},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":2131,"path":2132,"stem":2133},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":2135,"path":2136,"stem":2137},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":2139,"path":2140,"stem":2141},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":2143,"path":2144,"stem":2145},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":2147,"path":2148,"stem":2149},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":2151,"path":2152,"stem":2153},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":2155,"path":2156,"stem":2157},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":2159,"path":2160,"stem":2161},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":2163,"path":2164,"stem":2165},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":2167,"path":2168,"stem":2169},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":2171,"icon":2172,"path":2173,"stem":2174,"children":2175,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2176,2180,2184,2188],{"title":2177,"path":2178,"stem":2179},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2181,"path":2182,"stem":2183},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2185,"path":2186,"stem":2187},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2189,"path":2190,"stem":2191},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2193,"icon":2194,"path":2195,"stem":2196,"children":2197},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2198,2199,2203,2207,2211,2215,2278,2313,2465],{"title":2193,"path":2195,"stem":2196},{"title":2200,"path":2201,"stem":2202},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2204,"path":2205,"stem":2206},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2208,"path":2209,"stem":2210},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2212,"path":2213,"stem":2214},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2216,"icon":132,"path":2217,"stem":2218,"children":2219},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2220,2222,2226,2230,2234,2238,2242,2246,2250,2254,2258,2262,2266,2270,2274],{"title":2221,"path":2217,"stem":2218},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2223,"path":2224,"stem":2225},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2227,"path":2228,"stem":2229},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2231,"path":2232,"stem":2233},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2235,"path":2236,"stem":2237},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2239,"path":2240,"stem":2241},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2243,"path":2244,"stem":2245},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2247,"path":2248,"stem":2249},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2251,"path":2252,"stem":2253},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2255,"path":2256,"stem":2257},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2259,"path":2260,"stem":2261},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2263,"path":2264,"stem":2265},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2267,"path":2268,"stem":2269},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2271,"path":2272,"stem":2273},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2275,"path":2276,"stem":2277},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2279,"icon":2194,"path":2280,"stem":2281,"children":2282},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2283,2285,2289,2293,2297,2301,2305,2309],{"title":2284,"path":2280,"stem":2281},"React Router: Навігаційна система сучасного вебу",{"title":2286,"path":2287,"stem":2288},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2290,"path":2291,"stem":2292},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2294,"path":2295,"stem":2296},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2298,"path":2299,"stem":2300},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2302,"path":2303,"stem":2304},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2306,"path":2307,"stem":2308},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2310,"path":2311,"stem":2312},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2314,"icon":132,"path":2315,"stem":2316,"children":2317},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2318,2320,2336,2365,2374,2395,2411,2440],{"title":2319,"path":2315,"stem":2316},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2321,"stem":2322,"children":2323,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2324,2328,2332],{"title":2325,"path":2326,"stem":2327},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2329,"path":2330,"stem":2331},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2333,"path":2334,"stem":2335},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2337,"icon":132,"path":2338,"stem":2339,"children":2340,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2341,2345,2349,2353,2357,2361],{"title":2342,"path":2343,"stem":2344},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2346,"path":2347,"stem":2348},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2350,"path":2351,"stem":2352},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2354,"path":2355,"stem":2356},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2358,"path":2359,"stem":2360},"Підключення до 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":2362,"path":2363,"stem":2364},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2366,"icon":132,"path":2367,"stem":2368,"children":2369,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2370],{"title":2371,"path":2372,"stem":2373},"Проблеми класичного 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":2375,"icon":132,"path":2376,"stem":2377,"children":2378,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2379,2383,2387,2391],{"title":2380,"path":2381,"stem":2382},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2384,"path":2385,"stem":2386},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2388,"path":2389,"stem":2390},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2392,"path":2393,"stem":2394},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2396,"icon":92,"path":2397,"stem":2398,"children":2399,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2400,2404,2408],{"title":2401,"path":2402,"stem":2403},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2405,"path":2406,"stem":2407},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2255,"path":2409,"stem":2410},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2412,"icon":132,"path":2413,"stem":2414,"children":2415,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2416,2420,2424,2428,2432,2436],{"title":2417,"path":2418,"stem":2419},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2421,"path":2422,"stem":2423},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2425,"path":2426,"stem":2427},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2429,"path":2430,"stem":2431},"Логіка 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":2433,"path":2434,"stem":2435},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2437,"path":2438,"stem":2439},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2441,"icon":132,"path":2442,"stem":2443,"children":2444,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2445,2449,2453,2457,2461],{"title":2446,"path":2447,"stem":2448},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2450,"path":2451,"stem":2452},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2454,"path":2455,"stem":2456},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2458,"path":2459,"stem":2460},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2462,"path":2463,"stem":2464},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2466,"icon":132,"path":2467,"stem":2468,"children":2469},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2470,2472,2476,2480,2484,2488,2492],{"title":2471,"path":2467,"stem":2468},"UI Бібліотеки в React",{"title":2473,"path":2474,"stem":2475},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2477,"path":2478,"stem":2479},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2481,"path":2482,"stem":2483},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2485,"path":2486,"stem":2487},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2489,"path":2490,"stem":2491},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2493,"path":2494,"stem":2495},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2497,"icon":2498,"path":2499,"stem":2500,"children":2501,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2502,2506,2510,2514,2518,2522,2526,2530],{"title":2503,"path":2504,"stem":2505},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2507,"path":2508,"stem":2509},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2511,"path":2512,"stem":2513},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2515,"path":2516,"stem":2517},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2519,"path":2520,"stem":2521},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2523,"path":2524,"stem":2525},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2527,"path":2528,"stem":2529},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2531,"path":2532,"stem":2533},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2535,"icon":2536,"path":2537,"stem":2538,"children":2539,"page":59},"Асинхронність","i-lucide-refresh-cw","\u002Fjavascript\u002Fasync-programming","03.javascript\u002F06.async-programming",[2540,2544,2548],{"title":2541,"path":2542,"stem":2543},"Event Loop: серце асинхронності в JavaScript","\u002Fjavascript\u002Fasync-programming\u002Fevent-loop-fundamentals","03.javascript\u002F06.async-programming\u002F01.event-loop-fundamentals",{"title":2545,"path":2546,"stem":2547},"Task Queue та Microtask Queue: пріоритети виконання","\u002Fjavascript\u002Fasync-programming\u002Ftask-queues","03.javascript\u002F06.async-programming\u002F02.task-queues",{"title":2549,"path":2550,"stem":2551},"Асинхронні патерни: від Callbacks до Async\u002FAwait","\u002Fjavascript\u002Fasync-programming\u002Fasync-patterns","03.javascript\u002F06.async-programming\u002F03.async-patterns",{"title":2553,"path":2554,"stem":2555},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2557,"icon":2558,"path":2559,"stem":2560,"children":2561,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2562,2565,2568,2572,2576,2580,2584],{"title":162,"path":2563,"stem":2564},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2566,"stem":2567},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2569,"path":2570,"stem":2571},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2573,"path":2574,"stem":2575},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2577,"path":2578,"stem":2579},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2581,"path":2582,"stem":2583},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2585,"path":2586,"stem":2587,"children":2588,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2589,2593,2597,2601,2605,2609,2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665,2669,2673,2677,2681,2685,2689,2693,2697,2701,2705,2709,2713,2717,2721,2725,2729,2733],{"title":2590,"path":2591,"stem":2592},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2594,"path":2595,"stem":2596},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2598,"path":2599,"stem":2600},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2602,"path":2603,"stem":2604},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2606,"path":2607,"stem":2608},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2610,"path":2611,"stem":2612},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2614,"path":2615,"stem":2616},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2618,"path":2619,"stem":2620},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2622,"path":2623,"stem":2624},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2626,"path":2627,"stem":2628},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2630,"path":2631,"stem":2632},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2634,"path":2635,"stem":2636},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2638,"path":2639,"stem":2640},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2642,"path":2643,"stem":2644},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2646,"path":2647,"stem":2648},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2650,"path":2651,"stem":2652},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2654,"path":2655,"stem":2656},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2658,"path":2659,"stem":2660},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2662,"path":2663,"stem":2664},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2666,"path":2667,"stem":2668},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2670,"path":2671,"stem":2672},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2674,"path":2675,"stem":2676},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2678,"path":2679,"stem":2680},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2682,"path":2683,"stem":2684},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2686,"path":2687,"stem":2688},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2690,"path":2691,"stem":2692},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2694,"path":2695,"stem":2696},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2698,"path":2699,"stem":2700},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2702,"path":2703,"stem":2704},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2706,"path":2707,"stem":2708},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2710,"path":2711,"stem":2712},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2714,"path":2715,"stem":2716},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2718,"path":2719,"stem":2720},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2722,"path":2723,"stem":2724},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2726,"path":2727,"stem":2728},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2730,"path":2731,"stem":2732},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2734,"path":2735,"stem":2736},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2738,"icon":2739,"path":2740,"stem":2741,"children":2742,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2743,2747,2750,2754,2758,2762,2766,2770,2774,2778,2782,2786,2790,2794,2798,2859],{"title":2744,"path":2745,"stem":2746},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2748,"stem":2749},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2751,"path":2752,"stem":2753},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2755,"path":2756,"stem":2757},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2759,"path":2760,"stem":2761},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2763,"path":2764,"stem":2765},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2767,"path":2768,"stem":2769},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2771,"path":2772,"stem":2773},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2775,"path":2776,"stem":2777},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2779,"path":2780,"stem":2781},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2783,"path":2784,"stem":2785},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2787,"path":2788,"stem":2789},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2791,"path":2792,"stem":2793},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2795,"path":2796,"stem":2797},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2799,"icon":92,"path":2800,"stem":2801,"children":2802,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2803,2807,2811,2815,2819,2823,2827,2831,2835,2839,2843,2847,2851,2855],{"title":2804,"path":2805,"stem":2806},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2808,"path":2809,"stem":2810},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2812,"path":2813,"stem":2814},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2816,"path":2817,"stem":2818},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2820,"path":2821,"stem":2822},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2824,"path":2825,"stem":2826},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2828,"path":2829,"stem":2830},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2832,"path":2833,"stem":2834},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2836,"path":2837,"stem":2838},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2840,"path":2841,"stem":2842},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2844,"path":2845,"stem":2846},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2848,"path":2849,"stem":2850},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2852,"path":2853,"stem":2854},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2856,"path":2857,"stem":2858},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2860,"path":2861,"stem":2862},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2864,"icon":2865,"path":2866,"stem":2867,"children":2868,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2869,2899,2922,2959,2988,3006,3040,3052,3061],{"title":2870,"icon":2871,"path":2872,"stem":2873,"children":2874,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2875,2879,2883,2887,2891,2895],{"title":2876,"path":2877,"stem":2878},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2880,"path":2881,"stem":2882},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2884,"path":2885,"stem":2886},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2888,"path":2889,"stem":2890},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2892,"path":2893,"stem":2894},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2896,"path":2897,"stem":2898},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2900,"icon":2865,"path":2901,"stem":2902,"children":2903,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2904,2908,2914,2918],{"title":2905,"path":2906,"stem":2907},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2909,"path":2910,"stem":2911,"children":2912},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2913],{"title":2909,"path":2910,"stem":2911},{"title":2915,"path":2916,"stem":2917},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2919,"path":2920,"stem":2921},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2923,"icon":2865,"path":2924,"stem":2925,"children":2926,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2927,2931,2935,2939,2943,2947,2951,2955],{"title":2928,"path":2929,"stem":2930},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2932,"path":2933,"stem":2934},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2936,"path":2937,"stem":2938},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2940,"path":2941,"stem":2942},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2944,"path":2945,"stem":2946},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2948,"path":2949,"stem":2950},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2952,"path":2953,"stem":2954},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2956,"path":2957,"stem":2958},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2960,"icon":2865,"path":2961,"stem":2962,"children":2963,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2964,2968,2972,2976,2980,2984],{"title":2965,"path":2966,"stem":2967},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2969,"path":2970,"stem":2971},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2973,"path":2974,"stem":2975},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2977,"path":2978,"stem":2979},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2981,"path":2982,"stem":2983},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2985,"path":2986,"stem":2987},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2989,"icon":2990,"path":2991,"stem":2992,"children":2993,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2994,2998,3002],{"title":2995,"path":2996,"stem":2997},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2999,"path":3000,"stem":3001},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":3003,"path":3004,"stem":3005},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":3007,"icon":3008,"path":3009,"stem":3010,"children":3011,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[3012,3016,3020,3024,3028,3032,3036],{"title":3013,"path":3014,"stem":3015},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":3017,"path":3018,"stem":3019},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":3021,"path":3022,"stem":3023},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":3025,"path":3026,"stem":3027},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":3029,"path":3030,"stem":3031},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":3033,"path":3034,"stem":3035},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":3037,"path":3038,"stem":3039},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":3037,"icon":793,"path":3041,"stem":3042,"children":3043,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[3044,3048],{"title":3045,"path":3046,"stem":3047},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":3049,"path":3050,"stem":3051},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":3053,"icon":3054,"path":3055,"stem":3056,"children":3057,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[3058],{"title":3053,"path":3059,"stem":3060},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":3062,"icon":3063,"path":3064,"stem":3065,"children":3066,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[3067],{"title":3062,"path":3068,"stem":3069},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":3071,"icon":3072,"path":3073,"stem":3074,"children":3075,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[3076,3152],{"title":3077,"icon":3078,"path":3079,"stem":3080,"children":3081},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[3082,3084,3088,3092,3096,3100,3104,3108,3112,3116,3120,3124,3128,3132,3136,3140,3144,3148],{"title":3083,"path":3079,"stem":3080},"Docker: від нуля до production",{"title":3085,"path":3086,"stem":3087},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":3089,"path":3090,"stem":3091},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":3093,"path":3094,"stem":3095},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":3097,"path":3098,"stem":3099},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":3101,"path":3102,"stem":3103},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":3105,"path":3106,"stem":3107},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":3109,"path":3110,"stem":3111},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":3113,"path":3114,"stem":3115},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":3117,"path":3118,"stem":3119},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":3121,"path":3122,"stem":3123},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":3125,"path":3126,"stem":3127},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":3129,"path":3130,"stem":3131},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":3133,"path":3134,"stem":3135},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":3137,"path":3138,"stem":3139},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":3141,"path":3142,"stem":3143},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":3145,"path":3146,"stem":3147},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":3149,"path":3150,"stem":3151},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":3153,"icon":3154,"path":3155,"stem":3156,"children":3157},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[3158,3160,3164,3168,3172,3176,3180,3184,3188],{"title":3159,"path":3155,"stem":3156},"Kubernetes: від розробки до production",{"title":3161,"path":3162,"stem":3163},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":3165,"path":3166,"stem":3167},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":3169,"path":3170,"stem":3171},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":3173,"path":3174,"stem":3175},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":3177,"path":3178,"stem":3179},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":3181,"path":3182,"stem":3183},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":3185,"path":3186,"stem":3187},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":3189,"path":3190,"stem":3191},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3193,"icon":3194,"path":3195,"stem":3196,"children":3197,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3198,3202,3206,3210,3214,3218,3222,3226,3230,3234,3238],{"title":3199,"path":3200,"stem":3201},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3203,"path":3204,"stem":3205},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3207,"path":3208,"stem":3209},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3211,"path":3212,"stem":3213},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3215,"path":3216,"stem":3217},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3219,"path":3220,"stem":3221},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3223,"path":3224,"stem":3225},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3227,"path":3228,"stem":3229},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3231,"path":3232,"stem":3233},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3235,"path":3236,"stem":3237},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3239,"path":3240,"stem":3241},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3243,"icon":943,"path":3244,"stem":3245,"children":3246,"page":59},"DDD","\u002Fddd","10.ddd",[3247,3251,3255,3259,3263,3267,3271,3275,3279,3283,3287,3291,3295],{"title":3248,"path":3249,"stem":3250},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3252,"path":3253,"stem":3254},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3256,"path":3257,"stem":3258},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3260,"path":3261,"stem":3262},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3264,"path":3265,"stem":3266},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3268,"path":3269,"stem":3270},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3272,"path":3273,"stem":3274},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3276,"path":3277,"stem":3278},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3280,"path":3281,"stem":3282},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3284,"path":3285,"stem":3286},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3288,"path":3289,"stem":3290},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3292,"path":3293,"stem":3294},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3296,"path":3297,"stem":3298},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3300,"icon":3301,"path":3302,"stem":3303,"children":3304,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3305,3309,3313,3317,3321,3325,3329],{"title":3306,"path":3307,"stem":3308},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3310,"path":3311,"stem":3312},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3314,"path":3315,"stem":3316},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3318,"path":3319,"stem":3320},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3322,"path":3323,"stem":3324},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3326,"path":3327,"stem":3328},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3330,"path":3331,"stem":3332},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3334,"icon":3335,"path":3336,"stem":3337,"children":3338,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3339,3343,3347,3351,3355,3359,3363,3367,3371,3375,3379,3383,3387,3391,3395,3399,3403,3407,3411,3415,3419,3423,3427,3431,3435,3439,3443,3447,3451,3455],{"title":3340,"path":3341,"stem":3342},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3344,"path":3345,"stem":3346},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3348,"path":3349,"stem":3350},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3352,"path":3353,"stem":3354},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3356,"path":3357,"stem":3358},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3360,"path":3361,"stem":3362},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3364,"path":3365,"stem":3366},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3368,"path":3369,"stem":3370},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3372,"path":3373,"stem":3374},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3376,"path":3377,"stem":3378},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3380,"path":3381,"stem":3382},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3384,"path":3385,"stem":3386},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3388,"path":3389,"stem":3390},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3392,"path":3393,"stem":3394},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3396,"path":3397,"stem":3398},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3400,"path":3401,"stem":3402},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3404,"path":3405,"stem":3406},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3408,"path":3409,"stem":3410},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3412,"path":3413,"stem":3414},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3416,"path":3417,"stem":3418},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3420,"path":3421,"stem":3422},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3424,"path":3425,"stem":3426},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3428,"path":3429,"stem":3430},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3432,"path":3433,"stem":3434},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3436,"path":3437,"stem":3438},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3440,"path":3441,"stem":3442},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3444,"path":3445,"stem":3446},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3448,"path":3449,"stem":3450},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3452,"path":3453,"stem":3454},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3456,"path":3457,"stem":3458},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3460,"path":3461,"stem":3462,"children":3463,"page":59},"AWS","\u002Faws","13.aws",[3464,3468,3472,3476,3480,3484,3488,3492,3496,3500,3504,3508,3512,3516,3520,3524,3528,3532],{"title":3465,"path":3466,"stem":3467},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3469,"path":3470,"stem":3471},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3473,"path":3474,"stem":3475},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3477,"path":3478,"stem":3479},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3481,"path":3482,"stem":3483},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3485,"path":3486,"stem":3487},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3489,"path":3490,"stem":3491},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3493,"path":3494,"stem":3495},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3497,"path":3498,"stem":3499},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3501,"path":3502,"stem":3503},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3505,"path":3506,"stem":3507},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3509,"path":3510,"stem":3511},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3513,"path":3514,"stem":3515},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3517,"path":3518,"stem":3519},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3521,"path":3522,"stem":3523},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3525,"path":3526,"stem":3527},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3529,"path":3530,"stem":3531},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3533,"path":3534,"stem":3535},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3537,"path":3538,"stem":3539,"children":3540,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3541],{"title":3542,"path":3543,"stem":3544,"children":3545,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3546],{"title":3547,"path":3548,"stem":3549},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3551,"path":3552,"stem":3553,"children":3554,"page":59},"React Native","\u002Freact-native","15.react-native",[3555,3576],{"title":3556,"path":3557,"stem":3558,"children":3559,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3560,3564,3568,3572],{"title":3561,"path":3562,"stem":3563},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3565,"path":3566,"stem":3567},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3569,"path":3570,"stem":3571},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3573,"path":3574,"stem":3575},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3577,"path":3578,"stem":3579,"children":3580,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3581,3585,3589,3593,3597,3601,3605,3609,3613,3617,3621,3625,3629,3633,3637,3641,3645,3649,3653,3657,3661,3665,3669,3673,3677,3681,3685],{"title":3582,"path":3583,"stem":3584},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3586,"path":3587,"stem":3588},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3590,"path":3591,"stem":3592},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3594,"path":3595,"stem":3596},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3598,"path":3599,"stem":3600},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3602,"path":3603,"stem":3604},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3606,"path":3607,"stem":3608},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3610,"path":3611,"stem":3612},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3614,"path":3615,"stem":3616},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3618,"path":3619,"stem":3620},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3622,"path":3623,"stem":3624},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3626,"path":3627,"stem":3628},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3630,"path":3631,"stem":3632},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3634,"path":3635,"stem":3636},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3638,"path":3639,"stem":3640},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3642,"path":3643,"stem":3644},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3646,"path":3647,"stem":3648},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3650,"path":3651,"stem":3652},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3654,"path":3655,"stem":3656},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3658,"path":3659,"stem":3660},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3662,"path":3663,"stem":3664},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3666,"path":3667,"stem":3668},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3670,"path":3671,"stem":3672},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3674,"path":3675,"stem":3676},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3678,"path":3679,"stem":3680},"Інтернаціоналізація та доступність","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3682,"path":3683,"stem":3684},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3686,"path":3687,"stem":3688},"Публікація в App Store та Google Play","\u002Freact-native\u002Fversion2\u002Fapp-store-play-release","15.react-native\u002Fversion2\u002F30.app-store-play-release",{"title":3690,"path":3691,"stem":3692,"children":3693,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3694,3703,3712,3721,3750,3776,3801,3834,3851,3864,3873,3886,3895,3916,3929,3950],{"title":3695,"path":3696,"stem":3697,"children":3698,"page":59},"Intro To Ai","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",[3699],{"title":3700,"path":3701,"stem":3702},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai\u002F01.intro-to-ai",{"title":3704,"path":3705,"stem":3706,"children":3707,"page":59},"Jupyter Notebook","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",[3708],{"title":3709,"path":3710,"stem":3711},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook\u002F02.jupyter-notebook",{"title":3713,"path":3714,"stem":3715,"children":3716,"page":59},"Numpy Pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",[3717],{"title":3718,"path":3719,"stem":3720},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas\u002F03.numpy-pandas",{"title":3722,"path":3723,"stem":3724,"children":3725,"page":59},"Statistics Basics","\u002Fai-python\u002Fstatistics-basics","16.ai-python\u002F04.statistics-basics",[3726,3730,3734,3738,3742,3746],{"title":3727,"path":3728,"stem":3729},"Випадкові величини та їх типи","\u002Fai-python\u002Fstatistics-basics\u002Frandom-variables","16.ai-python\u002F04.statistics-basics\u002F01.random-variables",{"title":3731,"path":3732,"stem":3733},"Міри центральної тенденції","\u002Fai-python\u002Fstatistics-basics\u002Fcentral-tendency","16.ai-python\u002F04.statistics-basics\u002F02.central-tendency",{"title":3735,"path":3736,"stem":3737},"Міри варіації (розсіювання)","\u002Fai-python\u002Fstatistics-basics\u002Fvariability","16.ai-python\u002F04.statistics-basics\u002F03.variability",{"title":3739,"path":3740,"stem":3741},"Розподіли випадкових величин","\u002Fai-python\u002Fstatistics-basics\u002Fdistributions","16.ai-python\u002F04.statistics-basics\u002F04.distributions",{"title":3743,"path":3744,"stem":3745},"Кореляція та взаємозв'язки","\u002Fai-python\u002Fstatistics-basics\u002Fcorrelation","16.ai-python\u002F04.statistics-basics\u002F05.correlation",{"title":3747,"path":3748,"stem":3749},"Викиди та аномалії","\u002Fai-python\u002Fstatistics-basics\u002Foutliers","16.ai-python\u002F04.statistics-basics\u002F06.outliers",{"title":3751,"path":3752,"stem":3753,"children":3754},"Візуалізація даних за допомогою matplotlib","\u002Fai-python\u002Fdata-visualization","16.ai-python\u002F05.data-visualization\u002Findex",[3755,3756,3760,3764,3768,3772],{"title":3751,"path":3752,"stem":3753},{"title":3757,"path":3758,"stem":3759},"Основи matplotlib — Figure, Axes та перший графік","\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics","16.ai-python\u002F05.data-visualization\u002F01.matplotlib-basics",{"title":3761,"path":3762,"stem":3763},"Візуалізація розподілів — гістограми та box plots","\u002Fai-python\u002Fdata-visualization\u002Fdistributions","16.ai-python\u002F05.data-visualization\u002F02.distributions",{"title":3765,"path":3766,"stem":3767},"Візуалізація залежностей — scatter plots та кореляція","\u002Fai-python\u002Fdata-visualization\u002Frelationships","16.ai-python\u002F05.data-visualization\u002F03.relationships",{"title":3769,"path":3770,"stem":3771},"Візуалізація категоріальних даних — bar charts та pie charts","\u002Fai-python\u002Fdata-visualization\u002Fcategorical","16.ai-python\u002F05.data-visualization\u002F04.categorical",{"title":3773,"path":3774,"stem":3775},"Композиції та стилізація — subplots та багатопанельні дашборди","\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling","16.ai-python\u002F05.data-visualization\u002F05.subplots-styling",{"title":3777,"path":3778,"stem":3779,"children":3780,"page":59},"Linear Regression","\u002Fai-python\u002Flinear-regression","16.ai-python\u002F06.linear-regression",[3781,3785,3789,3793,3797],{"title":3782,"path":3783,"stem":3784},"Регресійна задача та лінійна регресія з однією змінною","\u002Fai-python\u002Flinear-regression\u002Fregression-task","16.ai-python\u002F06.linear-regression\u002F01.regression-task",{"title":3786,"path":3787,"stem":3788},"Метрики якості регресії — як оцінити модель","\u002Fai-python\u002Flinear-regression\u002Fquality-metrics","16.ai-python\u002F06.linear-regression\u002F02.quality-metrics",{"title":3790,"path":3791,"stem":3792},"Градієнтний спуск — як модель навчається","\u002Fai-python\u002Flinear-regression\u002Fgradient-descent","16.ai-python\u002F06.linear-regression\u002F03.gradient-descent",{"title":3794,"path":3795,"stem":3796},"Множинна лінійна регресія — модель з багатьма ознаками","\u002Fai-python\u002Flinear-regression\u002Fmultiple-regression","16.ai-python\u002F06.linear-regression\u002F04.multiple-regression",{"title":3798,"path":3799,"stem":3800},"Практичні завдання та резюме модуля","\u002Fai-python\u002Flinear-regression\u002Fpractice","16.ai-python\u002F06.linear-regression\u002F05.practice",{"title":3802,"path":3803,"stem":3804,"children":3805,"page":59},"Practical Regression","\u002Fai-python\u002Fpractical-regression","16.ai-python\u002F07.practical-regression",[3806,3810,3814,3818,3822,3826,3830],{"title":3807,"path":3808,"stem":3809},"Знайомство з scikit-learn","\u002Fai-python\u002Fpractical-regression\u002Fintro-scikit-learn","16.ai-python\u002F07.practical-regression\u002F01.intro-scikit-learn",{"title":3811,"path":3812,"stem":3813},"Exploratory Data Analysis датасету Housing Prices","\u002Fai-python\u002Fpractical-regression\u002Fhousing-dataset-eda","16.ai-python\u002F07.practical-regression\u002F02.housing-dataset-eda",{"title":3815,"path":3816,"stem":3817},"Попередня обробка даних (Data Preprocessing)","\u002Fai-python\u002Fpractical-regression\u002Fdata-preprocessing","16.ai-python\u002F07.practical-regression\u002F03.data-preprocessing",{"title":3819,"path":3820,"stem":3821},"Train\u002FTest Split та перша повноцінна модель","\u002Fai-python\u002Fpractical-regression\u002Ftrain-test-split","16.ai-python\u002F07.practical-regression\u002F04.train-test-split",{"title":3823,"path":3824,"stem":3825},"Перенавчання та недонавчання","\u002Fai-python\u002Fpractical-regression\u002Foverfitting-underfitting","16.ai-python\u002F07.practical-regression\u002F05.overfitting-underfitting",{"title":3827,"path":3828,"stem":3829},"Крос-валідація (Cross-Validation)","\u002Fai-python\u002Fpractical-regression\u002Fcross-validation","16.ai-python\u002F07.practical-regression\u002F06.cross-validation",{"title":3831,"path":3832,"stem":3833},"Гіперпараметри та їх оптимізація","\u002Fai-python\u002Fpractical-regression\u002Fhyperparameter-tuning","16.ai-python\u002F07.practical-regression\u002F07.hyperparameter-tuning",{"title":3835,"path":3836,"stem":3837,"children":3838,"page":59},"Polynomial Regression","\u002Fai-python\u002Fpolynomial-regression","16.ai-python\u002F08.polynomial-regression",[3839,3843,3847],{"title":3840,"path":3841,"stem":3842},"Нелінійні залежності та поліноміальна регресія","\u002Fai-python\u002Fpolynomial-regression\u002Fnonlinear-patterns","16.ai-python\u002F08.polynomial-regression\u002F01.nonlinear-patterns",{"title":3844,"path":3845,"stem":3846},"Регуляризація в регресії — Ridge та Lasso","\u002Fai-python\u002Fpolynomial-regression\u002Fregularization-methods","16.ai-python\u002F08.polynomial-regression\u002F02.regularization-methods",{"title":3848,"path":3849,"stem":3850},"Практика — поліноміальна регресія та регуляризація на Housing Prices","\u002Fai-python\u002Fpolynomial-regression\u002Fhousing-prices-practice","16.ai-python\u002F08.polynomial-regression\u002F03.housing-prices-practice",{"title":3852,"path":3853,"stem":3854,"children":3855,"page":59},"Decision Trees Random Forest","\u002Fai-python\u002Fdecision-trees-random-forest","16.ai-python\u002F09.decision-trees-random-forest",[3856,3860],{"title":3857,"path":3858,"stem":3859},"Дерева рішень — моделі з прозорою та зрозумілою логікою","\u002Fai-python\u002Fdecision-trees-random-forest\u002Fdecision-trees","16.ai-python\u002F09.decision-trees-random-forest\u002F01.decision-trees",{"title":3861,"path":3862,"stem":3863},"Random Forest — ансамблі дерев рішень","\u002Fai-python\u002Fdecision-trees-random-forest\u002Frandom-forest","16.ai-python\u002F09.decision-trees-random-forest\u002F02.random-forest",{"title":3865,"path":3866,"stem":3867,"children":3868,"page":59},"Gradient Boosting","\u002Fai-python\u002Fgradient-boosting","16.ai-python\u002F10.gradient-boosting",[3869],{"title":3870,"path":3871,"stem":3872},"Градієнтний бустинг та XGBoost — послідовне виправлення помилок","\u002Fai-python\u002Fgradient-boosting\u002Fgradient-boosting-xgboost","16.ai-python\u002F10.gradient-boosting\u002F01.gradient-boosting-xgboost",{"title":3874,"path":3875,"stem":3876,"children":3877,"page":59},"Logistic Regression Classification","\u002Fai-python\u002Flogistic-regression-classification","16.ai-python\u002F11.logistic-regression-classification",[3878,3882],{"title":3879,"path":3880,"stem":3881},"Основи класифікації та логістична регресія","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-basics","16.ai-python\u002F11.logistic-regression-classification\u002F01.classification-basics",{"title":3883,"path":3884,"stem":3885},"Метрики якості класифікації","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-metrics","16.ai-python\u002F11.logistic-regression-classification\u002F02.classification-metrics",{"title":3887,"path":3888,"stem":3889,"children":3890,"page":59},"Neural Networks Basics","\u002Fai-python\u002Fneural-networks-basics","16.ai-python\u002F12.neural-networks-basics",[3891],{"title":3892,"path":3893,"stem":3894},"Вступ до нейронних мереж — від персептрона до багатошарових мереж","\u002Fai-python\u002Fneural-networks-basics\u002Fperceptron-to-mlp","16.ai-python\u002F12.neural-networks-basics\u002F01.perceptron-to-mlp",{"title":3896,"path":3897,"stem":3898,"children":3899,"page":59},"Pytorch Intro","\u002Fai-python\u002Fpytorch-intro","16.ai-python\u002F13.pytorch-intro",[3900,3904,3908,3912],{"title":3901,"path":3902,"stem":3903},"Тензори та автоматичне диференціювання в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Ftensors-and-autograd","16.ai-python\u002F13.pytorch-intro\u002F01.tensors-and-autograd",{"title":3905,"path":3906,"stem":3907},"Побудова та тренування нейронних мереж у PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fbuilding-and-training","16.ai-python\u002F13.pytorch-intro\u002F02.building-and-training",{"title":3909,"path":3910,"stem":3911},"Робота з даними та регуляризація в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fdata-and-regularization","16.ai-python\u002F13.pytorch-intro\u002F03.data-and-regularization",{"title":3913,"path":3914,"stem":3915},"Просунуті теми PyTorch — GPU, оптимізація та deployment","\u002Fai-python\u002Fpytorch-intro\u002Fadvanced-topics","16.ai-python\u002F13.pytorch-intro\u002F04.advanced-topics",{"title":3917,"path":3918,"stem":3919,"children":3920,"page":59},"Activation Functions Heart Disease","\u002Fai-python\u002Factivation-functions-heart-disease","16.ai-python\u002F14.activation-functions-heart-disease",[3921,3925],{"title":3922,"path":3923,"stem":3924},"Функції активації та побудова нейронної мережі для передбачення вад серця","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fheart-disease-prediction","16.ai-python\u002F14.activation-functions-heart-disease\u002F01.heart-disease-prediction",{"title":3926,"path":3927,"stem":3928},"Бонус — Повний приклад 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":3930,"path":3931,"stem":3932,"children":3933,"page":59},"Cnn Image Classification","\u002Fai-python\u002Fcnn-image-classification","16.ai-python\u002F15.cnn-image-classification",[3934,3938,3942,3946],{"title":3935,"path":3936,"stem":3937},"Основи згорткових нейронних мереж — чому не MLP?","\u002Fai-python\u002Fcnn-image-classification\u002Fcnn-fundamentals","16.ai-python\u002F15.cnn-image-classification\u002F01.cnn-fundamentals",{"title":3939,"path":3940,"stem":3941},"Практична імплементація CNN для класифікації MNIST","\u002Fai-python\u002Fcnn-image-classification\u002Fmnist-classification","16.ai-python\u002F15.cnn-image-classification\u002F02.mnist-classification",{"title":3943,"path":3944,"stem":3945},"Глибші CNN та аугментація даних для CIFAR-10","\u002Fai-python\u002Fcnn-image-classification\u002Fcifar10-and-data-augmentation","16.ai-python\u002F15.cnn-image-classification\u002F03.cifar10-and-data-augmentation",{"title":3947,"path":3948,"stem":3949},"Transfer Learning та візуалізація внутрішніх представлень CNN","\u002Fai-python\u002Fcnn-image-classification\u002Ftransfer-learning-and-visualization","16.ai-python\u002F15.cnn-image-classification\u002F04.transfer-learning-and-visualization",{"title":3951,"path":3952,"stem":3953,"children":3954,"page":59},"Batching Normalization Deep Networks","\u002Fai-python\u002Fbatching-normalization-deep-networks","16.ai-python\u002F16.batching-normalization-deep-networks",[3955,3959,3963,3967,3971,3975,3979],{"title":3956,"path":3957,"stem":3958},"Mini-batch Gradient Descent та ефективна обробка даних","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fmini-batch-gradient-descent","16.ai-python\u002F16.batching-normalization-deep-networks\u002F01.mini-batch-gradient-descent",{"title":3960,"path":3961,"stem":3962},"Ініціалізація ваг — фундамент стабільного навчання","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fweight-initialization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F02.weight-initialization",{"title":3964,"path":3965,"stem":3966},"Batch Normalization — прорив у глибокому навчанні","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fbatch-normalization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F03.batch-normalization",{"title":3968,"path":3969,"stem":3970},"Dropout та комбіновані стратегії регуляризації","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fdropout-and-regularization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F04.dropout-and-regularization",{"title":3972,"path":3973,"stem":3974},"Проєктування глибоких мереж — від теорії до практики","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fdeep-networks-architectures","16.ai-python\u002F16.batching-normalization-deep-networks\u002F05.deep-networks-architectures",{"title":3976,"path":3977,"stem":3978},"Планування learning rate — коли та як зменшувати крок навчання","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Flearning-rate-scheduling","16.ai-python\u002F16.batching-normalization-deep-networks\u002F06.learning-rate-scheduling",{"title":3980,"path":3981,"stem":3982},"Підсумковий проєкт — побудова сучасного класифікатора зображень","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Ffinal-project-deep-classifier","16.ai-python\u002F16.batching-normalization-deep-networks\u002F07.final-project-deep-classifier",{"title":3984,"icon":658,"path":3985,"stem":3986,"children":3987,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3988,3992,3996,4000,4004,4008,4012,4016,4020,4024,4028,4032,4036,4040,4044,4048,4052,4056],{"title":3989,"path":3990,"stem":3991},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3993,"path":3994,"stem":3995},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3997,"path":3998,"stem":3999},"Інтерфейси та модель конкурентності мови Go","\u002Fclient-server-architecture\u002Finterfaces-and-concurrency-model","17.client-server-architecture\u002F03.interfaces-and-concurrency-model",{"title":4001,"path":4002,"stem":4003},"Сокетне програмування та протокол TCP у Go","\u002Fclient-server-architecture\u002Ftcp-socket-programming","17.client-server-architecture\u002F04.tcp-socket-programming",{"title":4005,"path":4006,"stem":4007},"Протокол UDP та датаграмна передача даних","\u002Fclient-server-architecture\u002Fudp-datagram-transmission","17.client-server-architecture\u002F05.udp-datagram-transmission",{"title":4009,"path":4010,"stem":4011},"Криптографічний захист каналів зв","\u002Fclient-server-architecture\u002Ftls-cryptographic-channel-protection","17.client-server-architecture\u002F06.tls-cryptographic-channel-protection",{"title":4013,"path":4014,"stem":4015},"Прикладні мережеві протоколи DNS та SMTP","\u002Fclient-server-architecture\u002Fdns-smtp-application-protocols","17.client-server-architecture\u002F07.dns-smtp-application-protocols",{"title":4017,"path":4018,"stem":4019},"Протокол HTTP та стандартний вебсервер Go","\u002Fclient-server-architecture\u002Fhttp-protocol-and-web-server","17.client-server-architecture\u002F08.http-protocol-and-web-server",{"title":4021,"path":4022,"stem":4023},"Проєктування REST API та маршрутизація засобами Chi","\u002Fclient-server-architecture\u002Frest-api-design-and-chi-routing","17.client-server-architecture\u002F09.rest-api-design-and-chi-routing",{"title":4025,"path":4026,"stem":4027},"Лекція 10. Шарувата архітектура та конвеєри обробки запитів","\u002Fclient-server-architecture\u002Flayered-architecture-and-middleware-pipelines","17.client-server-architecture\u002F10.layered-architecture-and-middleware-pipelines",{"title":4029,"path":4030,"stem":4031},"Лекція 11. Архітектура та маршрутизація фреймворку Gin","\u002Fclient-server-architecture\u002Fgin-framework-architecture-and-routing","17.client-server-architecture\u002F11.gin-framework-architecture-and-routing",{"title":4033,"path":4034,"stem":4035},"Лекція 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":4037,"path":4038,"stem":4039},"Лекція 13. Взаємодія з реляційними СУБД та технології ORM","\u002Fclient-server-architecture\u002Frelational-databases-and-orm","17.client-server-architecture\u002F13.relational-databases-and-orm",{"title":4041,"path":4042,"stem":4043},"Потокова передача даних та протокол WebSocket","\u002Fclient-server-architecture\u002Fstreaming-data-and-websockets","17.client-server-architecture\u002F14.streaming-data-and-websockets",{"title":4045,"path":4046,"stem":4047},"Міжсервісна взаємодія на основі протоколу gRPC","\u002Fclient-server-architecture\u002Fgrpc-inter-service-communication","17.client-server-architecture\u002F15.grpc-inter-service-communication",{"title":4049,"path":4050,"stem":4051},"Асинхронний обмін повідомленнями та протоколи черг","\u002Fclient-server-architecture\u002Fasynchronous-message-exchange-and-queue-protocols","17.client-server-architecture\u002F16.asynchronous-message-exchange-and-queue-protocols",{"title":4053,"path":4054,"stem":4055},"Протоколи потокового медіа та технологія WebRTC","\u002Fclient-server-architecture\u002Fstreaming-media-protocols-and-webrtc","17.client-server-architecture\u002F17.streaming-media-protocols-and-webrtc",{"title":4057,"path":4058,"stem":4059},"Моніторинг, безпека та контейнеризація застосунків","\u002Fclient-server-architecture\u002Fmonitoring-security-and-containerization","17.client-server-architecture\u002F18.monitoring-security-and-containerization",{"title":4061,"icon":2118,"path":4062,"stem":4063,"children":4064,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[4065,4110,4148,4177,4206,4263,4313,4407,4473,4555,4588,4616,4658,4704,4747],{"title":4066,"icon":658,"path":4067,"stem":4068,"children":4069,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[4070,4074,4078,4082,4086,4090,4094,4098,4102,4106],{"title":4071,"path":4072,"stem":4073},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":4075,"path":4076,"stem":4077},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":4079,"path":4080,"stem":4081},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":4083,"path":4084,"stem":4085},"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":4087,"path":4088,"stem":4089},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":4091,"path":4092,"stem":4093},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":4095,"path":4096,"stem":4097},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":4099,"path":4100,"stem":4101},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":4103,"path":4104,"stem":4105},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":4107,"path":4108,"stem":4109},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":4111,"icon":4112,"path":4113,"stem":4114,"children":4115,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[4116,4120,4124,4128,4132,4136,4140,4144],{"title":4117,"path":4118,"stem":4119},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":4121,"path":4122,"stem":4123},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":4125,"path":4126,"stem":4127},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":4129,"path":4130,"stem":4131},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":4133,"path":4134,"stem":4135},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":4137,"path":4138,"stem":4139},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":4141,"path":4142,"stem":4143},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":4145,"path":4146,"stem":4147},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":4149,"icon":2498,"path":4150,"stem":4151,"children":4152,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[4153,4157,4161,4165,4169,4173],{"title":4154,"path":4155,"stem":4156},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":4158,"path":4159,"stem":4160},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":4162,"path":4163,"stem":4164},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":4166,"path":4167,"stem":4168},"Псевдоніми типів, Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":4170,"path":4171,"stem":4172},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":4174,"path":4175,"stem":4176},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":4178,"icon":2498,"path":4179,"stem":4180,"children":4181,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[4182,4186,4190,4194,4198,4202],{"title":4183,"path":4184,"stem":4185},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":4187,"path":4188,"stem":4189},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":4191,"path":4192,"stem":4193},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":4195,"path":4196,"stem":4197},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":4199,"path":4200,"stem":4201},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":4203,"path":4204,"stem":4205},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":4207,"icon":4208,"path":4209,"stem":4210,"children":4211,"page":59},"Платформа Node.js як середовище виконання","i-devicon-nodejs","\u002Fweb-development\u002Fnodejs-platform","18.web-development\u002F05.nodejs-platform",[4212,4216,4220,4224,4228,4232,4236,4240,4244,4248,4252,4255,4259],{"title":4213,"path":4214,"stem":4215},"Що таке Node.js та його архітектура","\u002Fweb-development\u002Fnodejs-platform\u002Fwhat-is-nodejs","18.web-development\u002F05.nodejs-platform\u002F01.what-is-nodejs",{"title":4217,"path":4218,"stem":4219},"Event Loop — серце Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fevent-loop","18.web-development\u002F05.nodejs-platform\u002F02.event-loop",{"title":4221,"path":4222,"stem":4223},"Модульні системи: CommonJS vs ES Modules","\u002Fweb-development\u002Fnodejs-platform\u002Fmodule-systems","18.web-development\u002F05.nodejs-platform\u002F03.module-systems",{"title":4225,"path":4226,"stem":4227},"npm та package.json","\u002Fweb-development\u002Fnodejs-platform\u002Fnpm-package-json","18.web-development\u002F05.nodejs-platform\u002F04.npm-package-json",{"title":4229,"path":4230,"stem":4231},"Глобальні об\\","\u002Fweb-development\u002Fnodejs-platform\u002Fglobal-objects","18.web-development\u002F05.nodejs-platform\u002F05.global-objects",{"title":4233,"path":4234,"stem":4235},"Вбудований модуль fs (File System)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-fs","18.web-development\u002F05.nodejs-platform\u002F06.built-in-modules-fs",{"title":4237,"path":4238,"stem":4239},"Вбудований модуль path","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-path","18.web-development\u002F05.nodejs-platform\u002F07.built-in-modules-path",{"title":4241,"path":4242,"stem":4243},"Вбудований модуль http","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-http","18.web-development\u002F05.nodejs-platform\u002F08.built-in-modules-http",{"title":4245,"path":4246,"stem":4247},"Streams — потоки даних у Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fstreams","18.web-development\u002F05.nodejs-platform\u002F09.streams",{"title":4249,"path":4250,"stem":4251},"Вбудований модуль util (Utilities)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-util","18.web-development\u002F05.nodejs-platform\u002F10.built-in-modules-util",{"title":3141,"path":4253,"stem":4254},"\u002Fweb-development\u002Fnodejs-platform\u002Fenvironment-variables","18.web-development\u002F05.nodejs-platform\u002F11.environment-variables",{"title":4256,"path":4257,"stem":4258},"Інструменти налагодження та розробки","\u002Fweb-development\u002Fnodejs-platform\u002Fdebugging-tools","18.web-development\u002F05.nodejs-platform\u002F12.debugging-tools",{"title":4260,"path":4261,"stem":4262},"Продуктивність та Best Practices","\u002Fweb-development\u002Fnodejs-platform\u002Fperformance-best-practices","18.web-development\u002F05.nodejs-platform\u002F13.performance-best-practices",{"title":4264,"icon":4265,"path":4266,"stem":4267,"children":4268,"page":59},"Асинхронне програмування у Node.js","i-lucide-clock","\u002Fweb-development\u002Fasync-programming-nodejs","18.web-development\u002F06.async-programming-nodejs",[4269,4273,4277,4281,4285,4289,4293,4297,4301,4305,4309],{"title":4270,"path":4271,"stem":4272},"Синхронний vs асинхронний код","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fsync-vs-async","18.web-development\u002F06.async-programming-nodejs\u002F01.sync-vs-async",{"title":4274,"path":4275,"stem":4276},"Callbacks — перша парадигма асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fcallbacks","18.web-development\u002F06.async-programming-nodejs\u002F02.callbacks",{"title":4278,"path":4279,"stem":4280},"Promises — стандарт асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromises","18.web-development\u002F06.async-programming-nodejs\u002F03.promises",{"title":4282,"path":4283,"stem":4284},"Promise комбінатори","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromise-combinators","18.web-development\u002F06.async-programming-nodejs\u002F04.promise-combinators",{"title":4286,"path":4287,"stem":4288},"Async\u002FAwait — синтаксичний цукор над Promises","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fasync-await","18.web-development\u002F06.async-programming-nodejs\u002F05.async-await",{"title":4290,"path":4291,"stem":4292},"Паралельне vs послідовне виконання","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fparallel-vs-sequential","18.web-development\u002F06.async-programming-nodejs\u002F06.parallel-vs-sequential",{"title":4294,"path":4295,"stem":4296},"EventEmitter — подієва модель Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fevent-emitter","18.web-development\u002F06.async-programming-nodejs\u002F07.event-emitter",{"title":4298,"path":4299,"stem":4300},"Worker Threads — багатопотоковість у Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fworker-threads","18.web-development\u002F06.async-programming-nodejs\u002F08.worker-threads",{"title":4302,"path":4303,"stem":4304},"Child Processes — запуск зовнішніх процесів","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fchild-processes","18.web-development\u002F06.async-programming-nodejs\u002F09.child-processes",{"title":4306,"path":4307,"stem":4308},"Обробка помилок у асинхронному коді","\u002Fweb-development\u002Fasync-programming-nodejs\u002Ferror-handling","18.web-development\u002F06.async-programming-nodejs\u002F10.error-handling",{"title":4310,"path":4311,"stem":4312},"Порівняння Node.js фреймворків","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fnodejs-frameworks","18.web-development\u002F06.async-programming-nodejs\u002F11.nodejs-frameworks",{"title":4314,"icon":4315,"path":4316,"stem":4317,"children":4318,"page":59},"Тема 7. Фреймворк NestJS. Контролери та маршрутизація","i-lucide-route","\u002Fweb-development\u002Fnestjs-controllers-routing","18.web-development\u002F07.nestjs-controllers-routing",[4319,4323,4327,4331,4335,4339,4343,4347,4351,4355,4359,4363,4367,4371,4375,4379,4383,4387,4391,4395,4399,4403],{"title":4320,"path":4321,"stem":4322},"Філософія та архітектура NestJS","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-philosophy","18.web-development\u002F07.nestjs-controllers-routing\u002F01.nestjs-philosophy",{"title":4324,"path":4325,"stem":4326},"Три стовпи архітектури: модулі, контролери, провайдери","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fthree-pillars","18.web-development\u002F07.nestjs-controllers-routing\u002F02.three-pillars",{"title":4328,"path":4329,"stem":4330},"Інверсія керування (IoC) та ін","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fioc-and-di","18.web-development\u002F07.nestjs-controllers-routing\u002F03.ioc-and-di",{"title":4332,"path":4333,"stem":4334},"Встановлення NestJS CLI та створення проєкту","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-setup","18.web-development\u002F07.nestjs-controllers-routing\u002F04.nestjs-cli-setup",{"title":4336,"path":4337,"stem":4338},"Структура проєкту NestJS та конвенції","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fproject-structure","18.web-development\u002F07.nestjs-controllers-routing\u002F05.project-structure",{"title":4340,"path":4341,"stem":4342},"Контролери: основи маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontrollers-basics","18.web-development\u002F07.nestjs-controllers-routing\u002F06.controllers-basics",{"title":4344,"path":4345,"stem":4346},"Декоратори маршрутизації HTTP-методів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F07.route-decorators",{"title":4348,"path":4349,"stem":4350},"Параметри маршруту та декоратор @Param","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F08.route-parameters",{"title":4352,"path":4353,"stem":4354},"Query-параметри та декоратор @Query","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fquery-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F09.query-parameters",{"title":4356,"path":4357,"stem":4358},"Тіло запиту та декоратор @Body","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-body","18.web-development\u002F07.nestjs-controllers-routing\u002F10.request-body",{"title":4360,"path":4361,"stem":4362},"Робота з заголовками запиту та відповіді","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fheaders-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F11.headers-decorators",{"title":4364,"path":4365,"stem":4366},"Data Transfer Objects (DTO): визначення та призначення","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fdto-introduction","18.web-development\u002F07.nestjs-controllers-routing\u002F12.dto-introduction",{"title":4368,"path":4369,"stem":4370},"Об'єкти Request та Response","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-response-objects","18.web-development\u002F07.nestjs-controllers-routing\u002F13.request-response-objects",{"title":4372,"path":4373,"stem":4374},"HTTP-статус коди та декоратор @HttpCode","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fhttp-status-codes","18.web-development\u002F07.nestjs-controllers-routing\u002F14.http-status-codes",{"title":4376,"path":4377,"stem":4378},"Перенаправлення (Redirects) та декоратор @Redirect","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fredirects","18.web-development\u002F07.nestjs-controllers-routing\u002F15.redirects",{"title":4380,"path":4381,"stem":4382},"Асинхронні обробники та Observables","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fasync-handlers","18.web-development\u002F07.nestjs-controllers-routing\u002F16.async-handlers",{"title":4384,"path":4385,"stem":4386},"Маршрутизація за піддоменами та версіонування API","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fsub-domain-routing","18.web-development\u002F07.nestjs-controllers-routing\u002F17.sub-domain-routing",{"title":4388,"path":4389,"stem":4390},"Області видимості контролерів (Scopes)","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontroller-scopes","18.web-development\u002F07.nestjs-controllers-routing\u002F18.controller-scopes",{"title":4392,"path":4393,"stem":4394},"Основні команди NestJS CLI","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-commands","18.web-development\u002F07.nestjs-controllers-routing\u002F19.nestjs-cli-commands",{"title":4396,"path":4397,"stem":4398},"Практичний приклад: створення CRUD-контролера","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcrud-example","18.web-development\u002F07.nestjs-controllers-routing\u002F20.crud-example",{"title":4400,"path":4401,"stem":4402},"Тестування контролерів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Ftesting-controllers","18.web-development\u002F07.nestjs-controllers-routing\u002F21.testing-controllers",{"title":4404,"path":4405,"stem":4406},"Best Practices для контролерів та маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fbest-practices","18.web-development\u002F07.nestjs-controllers-routing\u002F22.best-practices",{"title":4408,"icon":4409,"path":4410,"stem":4411,"children":4412,"page":59},"Тема 8. Провайдери, сервіси та модульна система NestJS","i-lucide-package","\u002Fweb-development\u002Fnestjs-providers-modules","18.web-development\u002F08.nestjs-providers-modules",[4413,4417,4421,4425,4429,4433,4437,4441,4445,4449,4453,4457,4461,4465,4469],{"title":4414,"path":4415,"stem":4416},"Концепція провайдерів у NestJS","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fproviders-concept","18.web-development\u002F08.nestjs-providers-modules\u002F01.providers-concept",{"title":4418,"path":4419,"stem":4420},"Сервіси: інкапсуляція бізнес-логіки","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fservices-business-logic","18.web-development\u002F08.nestjs-providers-modules\u002F02.services-business-logic",{"title":4422,"path":4423,"stem":4424},"Практика ін","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdependency-injection-practice","18.web-development\u002F08.nestjs-providers-modules\u002F03.dependency-injection-practice",{"title":4426,"path":4427,"stem":4428},"Custom Providers: useValue, useClass, useFactory, useExisting","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcustom-providers","18.web-development\u002F08.nestjs-providers-modules\u002F04.custom-providers",{"title":4430,"path":4431,"stem":4432},"Injection Tokens: рядкові та символьні токени","\u002Fweb-development\u002Fnestjs-providers-modules\u002Finjection-tokens","18.web-development\u002F08.nestjs-providers-modules\u002F05.injection-tokens",{"title":4434,"path":4435,"stem":4436},"Опціональні провайдери та декоратор @Optional","\u002Fweb-development\u002Fnestjs-providers-modules\u002Foptional-providers","18.web-development\u002F08.nestjs-providers-modules\u002F07.optional-providers",{"title":4438,"path":4439,"stem":4440},"Структура модулів: imports, controllers, providers, exports","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodules-structure","18.web-development\u002F08.nestjs-providers-modules\u002F08.modules-structure",{"title":4442,"path":4443,"stem":4444},"Feature Modules: ізоляція функціональності","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ffeature-modules","18.web-development\u002F08.nestjs-providers-modules\u002F09.feature-modules",{"title":4446,"path":4447,"stem":4448},"Shared Modules: перевикористання провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fshared-modules","18.web-development\u002F08.nestjs-providers-modules\u002F10.shared-modules",{"title":4450,"path":4451,"stem":4452},"Global Modules та декоратор @Global","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fglobal-modules","18.web-development\u002F08.nestjs-providers-modules\u002F11.global-modules",{"title":4454,"path":4455,"stem":4456},"Dynamic Modules: конфігурація під час виконання","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdynamic-modules","18.web-development\u002F08.nestjs-providers-modules\u002F12.dynamic-modules",{"title":4458,"path":4459,"stem":4460},"Циклічні залежності та forwardRef","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcircular-dependencies","18.web-development\u002F08.nestjs-providers-modules\u002F13.circular-dependencies",{"title":4462,"path":4463,"stem":4464},"Lifecycle Hooks: хуки життєвого циклу","\u002Fweb-development\u002Fnestjs-providers-modules\u002Flifecycle-hooks","18.web-development\u002F08.nestjs-providers-modules\u002F14.lifecycle-hooks",{"title":4466,"path":4467,"stem":4468},"ModuleRef: динамічний доступ до провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodule-reference","18.web-development\u002F08.nestjs-providers-modules\u002F15.module-reference",{"title":4470,"path":4471,"stem":4472},"Тестування сервісів та провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ftesting-services","18.web-development\u002F08.nestjs-providers-modules\u002F16.testing-services",{"title":4474,"icon":4475,"path":4476,"stem":4477,"children":4478,"page":59},"Тема 9. Валідація даних та конвеєр обробки запитів у NestJS","i-lucide-filter","\u002Fweb-development\u002Fnestjs-validation-pipeline","18.web-development\u002F09.nestjs-validation-pipeline",[4479,4483,4487,4491,4495,4499,4503,4507,4511,4515,4519,4523,4527,4531,4535,4539,4543,4547,4551],{"title":4480,"path":4481,"stem":4482},"Request Pipeline: конвеєр обробки запитів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Frequest-pipeline","18.web-development\u002F09.nestjs-validation-pipeline\u002F01.request-pipeline",{"title":4484,"path":4485,"stem":4486},"Pipes: концепція трансформації та валідації","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipes-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F02.pipes-concept",{"title":4488,"path":4489,"stem":4490},"Вбудовані pipes: ParseIntPipe, ParseBoolPipe, ParseUUIDPipe","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fbuilt-in-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F03.built-in-pipes",{"title":4492,"path":4493,"stem":4494},"ValidationPipe: автоматична валідація DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fvalidation-pipe","18.web-development\u002F09.nestjs-validation-pipeline\u002F04.validation-pipe",{"title":4496,"path":4497,"stem":4498},"Декоратори class-validator для DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fclass-validator-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F05.class-validator-decorators",{"title":4500,"path":4501,"stem":4502},"Створення кастомних валідаторів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-validators","18.web-development\u002F09.nestjs-validation-pipeline\u002F06.custom-validators",{"title":4504,"path":4505,"stem":4506},"Створення власних Pipes","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F07.custom-pipes",{"title":4508,"path":4509,"stem":4510},"Основи Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-basics","18.web-development\u002F09.nestjs-validation-pipeline\u002F08.middleware-basics",{"title":4512,"path":4513,"stem":4514},"Практичні приклади Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F09.middleware-examples",{"title":4516,"path":4517,"stem":4518},"Guards: захисні перехоплювачі доступу","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fguards-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F10.guards-concept",{"title":4520,"path":4521,"stem":4522},"Створення кастомних Guards","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-guards","18.web-development\u002F09.nestjs-validation-pipeline\u002F11.custom-guards",{"title":4524,"path":4525,"stem":4526},"Interceptors: перехоплення та трансформація відповідей","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptors-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F12.interceptors-concept",{"title":4528,"path":4529,"stem":4530},"Практичні приклади Interceptors","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptor-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F13.interceptor-examples",{"title":4532,"path":4533,"stem":4534},"Exception Filters: обробка виключень","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F14.exception-filters",{"title":4536,"path":4537,"stem":4538},"Custom Exception Filters: спеціалізовані фільтри","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-exception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F15.custom-exception-filters",{"title":4540,"path":4541,"stem":4542},"Execution Context: контекст виконання","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexecution-context","18.web-development\u002F09.nestjs-validation-pipeline\u002F16.execution-context",{"title":4544,"path":4545,"stem":4546},"Custom Decorators: власні декоратори","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F17.custom-decorators",{"title":4548,"path":4549,"stem":4550},"Global Components: глобальні компоненти","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fglobal-components","18.web-development\u002F09.nestjs-validation-pipeline\u002F18.global-components",{"title":4552,"path":4553,"stem":4554},"Pipeline Best Practices: найкращі практики","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipeline-best-practices","18.web-development\u002F09.nestjs-validation-pipeline\u002F19.pipeline-best-practices",{"title":4556,"icon":2865,"path":4557,"stem":4558,"children":4559,"page":59},"Інтеграція реляційних баз даних засобами TypeORM","\u002Fweb-development\u002Ftypeorm-integration","18.web-development\u002F10.typeorm-integration",[4560,4564,4568,4572,4576,4580,4584],{"title":4561,"path":4562,"stem":4563},"Робота з базами даних у Node.js через нативні драйвери","\u002Fweb-development\u002Ftypeorm-integration\u002F01-nodejs-database-drivers","18.web-development\u002F10.typeorm-integration\u002F01-nodejs-database-drivers",{"title":4565,"path":4566,"stem":4567},"ORM та знайомство з TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F02-orm-and-typeorm-intro","18.web-development\u002F10.typeorm-integration\u002F02-orm-and-typeorm-intro",{"title":4569,"path":4570,"stem":4571},"Налаштування TypeORM у NestJS проєкті","\u002Fweb-development\u002Ftypeorm-integration\u002F03-typeorm-setup-nestjs","18.web-development\u002F10.typeorm-integration\u002F03-typeorm-setup-nestjs",{"title":4573,"path":4574,"stem":4575},"Entity класи та декоратори TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F04-entities-and-decorators","18.web-development\u002F10.typeorm-integration\u002F04-entities-and-decorators",{"title":4577,"path":4578,"stem":4579},"Repository Pattern та CRUD операції","\u002Fweb-development\u002Ftypeorm-integration\u002F05-repository-pattern-crud","18.web-development\u002F10.typeorm-integration\u002F05-repository-pattern-crud",{"title":4581,"path":4582,"stem":4583},"Пагінація та фільтрація даних","\u002Fweb-development\u002Ftypeorm-integration\u002F06-pagination-filtering","18.web-development\u002F10.typeorm-integration\u002F06-pagination-filtering",{"title":4585,"path":4586,"stem":4587},"QueryBuilder для складних запитів","\u002Fweb-development\u002Ftypeorm-integration\u002F07-query-builder","18.web-development\u002F10.typeorm-integration\u002F07-query-builder",{"title":4589,"icon":4590,"path":4591,"stem":4592,"children":4593,"page":59},"Зв'язки між сутностями, міграції та оптимізація запитів","i-lucide-git-branch","\u002Fweb-development\u002Fentity-relations-migrations","18.web-development\u002F11.entity-relations-migrations",[4594,4598,4602,4606,4610],{"title":4595,"path":4596,"stem":4597},"Зв'язки 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":4599,"path":4600,"stem":4601},"Зв'язки 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":4603,"path":4604,"stem":4605},"Керування міграціями бази даних","\u002Fweb-development\u002Fentity-relations-migrations\u002F03-migrations-management","18.web-development\u002F11.entity-relations-migrations\u002F03-migrations-management",{"title":4607,"path":4608,"stem":4609},"Транзакції у TypeORM","\u002Fweb-development\u002Fentity-relations-migrations\u002F04-transactions","18.web-development\u002F11.entity-relations-migrations\u002F04-transactions",{"title":4611,"path":4612,"stem":4613,"children":4614},"Індекси та оптимізація запитів","\u002Fweb-development\u002Fentity-relations-migrations\u002F05-indexes-optimization","18.web-development\u002F11.entity-relations-migrations\u002F05-indexes-optimization",[4615],{"title":4611,"path":4612,"stem":4613},{"title":4617,"icon":4618,"path":4619,"stem":4620,"children":4621,"page":59},"Механізми автентифікації у вебзастосунках","i-lucide-key","\u002Fweb-development\u002Fauthentication","18.web-development\u002F12.authentication",[4622,4626,4630,4634,4638,4642,4646,4650,4654],{"title":4623,"path":4624,"stem":4625},"Автентифікація vs Авторизація","\u002Fweb-development\u002Fauthentication\u002F01-authentication-vs-authorization","18.web-development\u002F12.authentication\u002F01-authentication-vs-authorization",{"title":4627,"path":4628,"stem":4629},"Стратегії автентифікації","\u002Fweb-development\u002Fauthentication\u002F02-authentication-strategies","18.web-development\u002F12.authentication\u002F02-authentication-strategies",{"title":4631,"path":4632,"stem":4633},"Автентифікація на основі сесій","\u002Fweb-development\u002Fauthentication\u002F03-session-based-authentication","18.web-development\u002F12.authentication\u002F03-session-based-authentication",{"title":4635,"path":4636,"stem":4637},"Структура JSON Web Token (JWT)","\u002Fweb-development\u002Fauthentication\u002F04-jwt-structure","18.web-development\u002F12.authentication\u002F04-jwt-structure",{"title":4639,"path":4640,"stem":4641},"Інтеграція JWT у NestJS","\u002Fweb-development\u002Fauthentication\u002F05-nestjs-jwt-integration","18.web-development\u002F12.authentication\u002F05-nestjs-jwt-integration",{"title":4643,"path":4644,"stem":4645},"Passport.js стратегії у NestJS","\u002Fweb-development\u002Fauthentication\u002F06-passport-strategies","18.web-development\u002F12.authentication\u002F06-passport-strategies",{"title":4647,"path":4648,"stem":4649},"Безпечне зберігання паролів: хешування та криптографічний захист","\u002Fweb-development\u002Fauthentication\u002F07-password-hashing","18.web-development\u002F12.authentication\u002F07-password-hashing",{"title":4651,"path":4652,"stem":4653},"Refresh Token та безпечне оновлення доступу","\u002Fweb-development\u002Fauthentication\u002F08-refresh-tokens","18.web-development\u002F12.authentication\u002F08-refresh-tokens",{"title":4655,"path":4656,"stem":4657},"OAuth 2.0 та OpenID Connect: делегована автентифікація","\u002Fweb-development\u002Fauthentication\u002F09-oauth2-openid","18.web-development\u002F12.authentication\u002F09-oauth2-openid",{"title":4659,"icon":4660,"path":4661,"stem":4662,"children":4663,"page":59},"Авторизація та безпека серверних застосунків","i-lucide-shield","\u002Fweb-development\u002Fauthorization-security","18.web-development\u002F13.authorization-security",[4664,4668,4672,4676,4680,4684,4688,4692,4696,4700],{"title":4665,"path":4666,"stem":4667},"Моделі авторизації","\u002Fweb-development\u002Fauthorization-security\u002F01-authorization-models","18.web-development\u002F13.authorization-security\u002F01-authorization-models",{"title":4669,"path":4670,"stem":4671},"Реалізація RBAC у NestJS","\u002Fweb-development\u002Fauthorization-security\u002F02-rbac-implementation","18.web-development\u002F13.authorization-security\u002F02-rbac-implementation",{"title":4673,"path":4674,"stem":4675},"Permission-Based Access Control","\u002Fweb-development\u002Fauthorization-security\u002F03-permission-based-access","18.web-development\u002F13.authorization-security\u002F03-permission-based-access",{"title":4677,"path":4678,"stem":4679},"ABAC та бібліотека CASL","\u002Fweb-development\u002Fauthorization-security\u002F04-abac-casl","18.web-development\u002F13.authorization-security\u002F04-abac-casl",{"title":4681,"path":4682,"stem":4683},"Кастомні декоратори та метадані","\u002Fweb-development\u002Fauthorization-security\u002F05-custom-decorators-metadata","18.web-development\u002F13.authorization-security\u002F05-custom-decorators-metadata",{"title":4685,"path":4686,"stem":4687},"Конфігурація CORS","\u002Fweb-development\u002Fauthorization-security\u002F06-cors-configuration","18.web-development\u002F13.authorization-security\u002F06-cors-configuration",{"title":4689,"path":4690,"stem":4691},"Захист через HTTP Security Headers (Helmet)","\u002Fweb-development\u002Fauthorization-security\u002F07-helmet-security-headers","18.web-development\u002F13.authorization-security\u002F07-helmet-security-headers",{"title":4693,"path":4694,"stem":4695},"Rate Limiting та Throttling","\u002Fweb-development\u002Fauthorization-security\u002F08-rate-limiting-throttling","18.web-development\u002F13.authorization-security\u002F08-rate-limiting-throttling",{"title":4697,"path":4698,"stem":4699},"Захист від поширених атак","\u002Fweb-development\u002Fauthorization-security\u002F09-common-attacks-protection","18.web-development\u002F13.authorization-security\u002F09-common-attacks-protection",{"title":4701,"path":4702,"stem":4703},"HTTPS у продакшені","\u002Fweb-development\u002Fauthorization-security\u002F10-https-production","18.web-development\u002F13.authorization-security\u002F10-https-production",{"title":4705,"icon":871,"path":4706,"stem":4707,"children":4708,"page":59},"Комунікація у реальному часі, нотифікації та фонові задачі","\u002Fweb-development\u002Frealtime-notifications-jobs","18.web-development\u002F14.realtime-notifications-jobs",[4709,4713,4717,4721,4725,4729,4732,4735,4739,4743],{"title":4710,"path":4711,"stem":4712},"Методи комунікації у реальному часі","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F01-realtime-communication-methods","18.web-development\u002F14.realtime-notifications-jobs\u002F01-realtime-communication-methods",{"title":4714,"path":4715,"stem":4716},"WebSocket Gateway у NestJS","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F02-websocket-gateway","18.web-development\u002F14.realtime-notifications-jobs\u002F02-websocket-gateway",{"title":4718,"path":4719,"stem":4720},"Lifecycle та Rooms у WebSocket","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F03-websocket-lifecycle-rooms","18.web-development\u002F14.realtime-notifications-jobs\u002F03-websocket-lifecycle-rooms",{"title":4722,"path":4723,"stem":4724},"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":4726,"path":4727,"stem":4728},"Архітектура системи нотифікацій","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F05-notification-system","18.web-development\u002F14.realtime-notifications-jobs\u002F05-notification-system",{"title":904,"path":4730,"stem":4731},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F06-email-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F06-email-notifications",{"title":900,"path":4733,"stem":4734},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F07-web-push-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F07-web-push-notifications",{"title":4736,"path":4737,"stem":4738},"Фонові задачі та черги","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F08-background-jobs-queues","18.web-development\u002F14.realtime-notifications-jobs\u002F08-background-jobs-queues",{"title":4740,"path":4741,"stem":4742},"Планувальники та Cron jobs","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F09-schedulers-cron","18.web-development\u002F14.realtime-notifications-jobs\u002F09-schedulers-cron",{"title":4744,"path":4745,"stem":4746},"Практичні сценарії застосування","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F10-practical-scenarios","18.web-development\u002F14.realtime-notifications-jobs\u002F10-practical-scenarios",{"title":4748,"icon":4749,"path":4750,"stem":4751,"children":4752,"page":59},"Тестування, документування та розгортання застосунків","i-lucide-rocket","\u002Fweb-development\u002Ftesting-documentation-deployment","18.web-development\u002F15.testing-documentation-deployment",[4753,4757,4761,4765,4769,4773,4777,4781,4785,4789],{"title":4754,"path":4755,"stem":4756},"Піраміда тестування та стратегія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F01-testing-pyramid-strategy","18.web-development\u002F15.testing-documentation-deployment\u002F01-testing-pyramid-strategy",{"title":4758,"path":4759,"stem":4760},"Основи Jest у NestJS","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F02-jest-nestjs-basics","18.web-development\u002F15.testing-documentation-deployment\u002F02-jest-nestjs-basics",{"title":4762,"path":4763,"stem":4764},"Unit-тестування сервісів","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F03-unit-testing-services","18.web-development\u002F15.testing-documentation-deployment\u002F03-unit-testing-services",{"title":4766,"path":4767,"stem":4768},"E2E тестування та покриття коду","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F04-e2e-testing-coverage","18.web-development\u002F15.testing-documentation-deployment\u002F04-e2e-testing-coverage",{"title":4770,"path":4771,"stem":4772},"Swagger, OpenAPI, Scalar та Arazzo","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F05-swagger-openapi","18.web-development\u002F15.testing-documentation-deployment\u002F05-swagger-openapi",{"title":4774,"path":4775,"stem":4776},"Керування конфігурацією","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F06-configuration-management","18.web-development\u002F15.testing-documentation-deployment\u002F06-configuration-management",{"title":4778,"path":4779,"stem":4780},"Docker та контейнеризація","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F07-docker-containerization","18.web-development\u002F15.testing-documentation-deployment\u002F07-docker-containerization",{"title":4782,"path":4783,"stem":4784},"CI\u002FCD Pipelines","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F08-cicd-pipelines","18.web-development\u002F15.testing-documentation-deployment\u002F08-cicd-pipelines",{"title":4786,"path":4787,"stem":4788},"Логування та моніторинг","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F09-logging-monitoring","18.web-development\u002F15.testing-documentation-deployment\u002F09-logging-monitoring",{"title":4790,"path":4791,"stem":4792},"Серіалізація та компресія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F10-serialization-compression","18.web-development\u002F15.testing-documentation-deployment\u002F10-serialization-compression",{"title":4794,"icon":4795,"path":4796,"stem":4797,"children":4798,"page":59},"AI Core: мислення AI","i-lucide-brain","\u002Fai-core","19.ai-core",[4799,4840,4889,4927],{"title":4800,"icon":4749,"path":4801,"stem":4802,"children":4803,"page":59},"Вхід у професію AI Native Developer","\u002Fai-core\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer",[4804,4808,4812,4816,4820,4824,4828,4832,4836],{"title":4805,"path":4806,"stem":4807},"Вступ до професії розробника цифрових продуктів","\u002Fai-core\u002Fai-native-developer\u002Fdigital-products","19.ai-core\u002F01.ai-native-developer\u002F01.digital-products",{"title":4809,"path":4810,"stem":4811},"Професія розробника програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fsoftware-developer","19.ai-core\u002F01.ai-native-developer\u002F02.software-developer",{"title":4813,"path":4814,"stem":4815},"Професія AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer\u002F03.ai-native-developer",{"title":4817,"path":4818,"stem":4819},"Вплив AI на розробку програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fai-impact-on-development","19.ai-core\u002F01.ai-native-developer\u002F04.ai-impact-on-development",{"title":4821,"path":4822,"stem":4823},"Життєвий цикл цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fproduct-lifecycle","19.ai-core\u002F01.ai-native-developer\u002F05.product-lifecycle",{"title":4825,"path":4826,"stem":4827},"Застосування AI на етапах створення цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fai-in-product-creation","19.ai-core\u002F01.ai-native-developer\u002F06.ai-in-product-creation",{"title":4829,"path":4830,"stem":4831},"Розподіл завдань між людиною та AI","\u002Fai-core\u002Fai-native-developer\u002Fhuman-vs-ai-tasks","19.ai-core\u002F01.ai-native-developer\u002F07.human-vs-ai-tasks",{"title":4833,"path":4834,"stem":4835},"Компетенції AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcompetencies","19.ai-core\u002F01.ai-native-developer\u002F08.competencies",{"title":4837,"path":4838,"stem":4839},"Карта професійного розвитку AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcareer-roadmap","19.ai-core\u002F01.ai-native-developer\u002F09.career-roadmap",{"title":4841,"icon":255,"path":4842,"stem":4843,"children":4844,"page":59},"Штучний інтелект і машинне навчання","\u002Fai-core\u002Fai-and-machine-learning","19.ai-core\u002F02.ai-and-machine-learning",[4845,4849,4853,4857,4861,4865,4869,4873,4877,4881,4885],{"title":4846,"path":4847,"stem":4848},"Штучний інтелект","\u002Fai-core\u002Fai-and-machine-learning\u002Fwhat-is-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F01.what-is-ai",{"title":4850,"path":4851,"stem":4852},"Відмінність AI від інших програмних систем","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-vs-automation","19.ai-core\u002F02.ai-and-machine-learning\u002F02.ai-vs-automation",{"title":4854,"path":4855,"stem":4856},"Завдання штучного інтелекту","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-tasks","19.ai-core\u002F02.ai-and-machine-learning\u002F03.ai-tasks",{"title":4858,"path":4859,"stem":4860},"Machine Learning","\u002Fai-core\u002Fai-and-machine-learning\u002Fmachine-learning","19.ai-core\u002F02.ai-and-machine-learning\u002F04.machine-learning",{"title":4862,"path":4863,"stem":4864},"Machine Learning Workflow","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-workflow","19.ai-core\u002F02.ai-and-machine-learning\u002F05.ml-workflow",{"title":4866,"path":4867,"stem":4868},"Типи машинного навчання","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-types","19.ai-core\u002F02.ai-and-machine-learning\u002F06.ml-types",{"title":4870,"path":4871,"stem":4872},"Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fgenerative-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F07.generative-ai",{"title":4874,"path":4875,"stem":4876},"Типи контенту, створюваного AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-content-types","19.ai-core\u002F02.ai-and-machine-learning\u002F08.ai-content-types",{"title":4878,"path":4879,"stem":4880},"Великі мовні моделі","\u002Fai-core\u002Fai-and-machine-learning\u002Flarge-language-models","19.ai-core\u002F02.ai-and-machine-learning\u002F09.large-language-models",{"title":4882,"path":4883,"stem":4884},"Можливості та обмеження Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fcapabilities-and-limitations","19.ai-core\u002F02.ai-and-machine-learning\u002F10.capabilities-and-limitations",{"title":4886,"path":4887,"stem":4888},"Сучасні AI-асистенти","\u002Fai-core\u002Fai-and-machine-learning\u002Fmodern-ai-assistants","19.ai-core\u002F02.ai-and-machine-learning\u002F11.modern-ai-assistants",{"title":4890,"icon":4891,"path":4892,"stem":4893,"children":4894,"page":59},"Постановка завдань для AI: принципи створення промптів","i-lucide-message-square-text","\u002Fai-core\u002Fprompt-engineering","19.ai-core\u002F03.prompt-engineering",[4895,4899,4903,4907,4911,4915,4919,4923],{"title":4896,"path":4897,"stem":4898},"Промпт як інструмент","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-as-tool","19.ai-core\u002F03.prompt-engineering\u002F01.prompt-as-tool",{"title":4900,"path":4901,"stem":4902},"Принципи створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-principles","19.ai-core\u002F03.prompt-engineering\u002F02.prompt-principles",{"title":4904,"path":4905,"stem":4906},"Структура промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-structure","19.ai-core\u002F03.prompt-engineering\u002F03.prompt-structure",{"title":4908,"path":4909,"stem":4910},"Види промптів за типом задачі","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-types","19.ai-core\u002F03.prompt-engineering\u002F04.prompt-types",{"title":4912,"path":4913,"stem":4914},"Прийоми посилення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-enhancement","19.ai-core\u002F03.prompt-engineering\u002F05.prompt-enhancement",{"title":4916,"path":4917,"stem":4918},"Розбір і покращення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-analysis","19.ai-core\u002F03.prompt-engineering\u002F06.prompt-analysis",{"title":4920,"path":4921,"stem":4922},"Типові помилки під час створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fcommon-mistakes","19.ai-core\u002F03.prompt-engineering\u002F07.common-mistakes",{"title":4924,"path":4925,"stem":4926},"Практикум: особиста бібліотека промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-library","19.ai-core\u002F03.prompt-engineering\u002F08.prompt-library",{"title":4928,"icon":793,"path":4929,"stem":4930,"children":4931,"page":59},"Перевірка результатів, безпека та AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow","19.ai-core\u002F04.verification-security-workflow",[4932,4936,4940,4944,4948,4952,4956,4960,4964],{"title":4933,"path":4934,"stem":4935},"Межі можливостей AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-limitations","19.ai-core\u002F04.verification-security-workflow\u002F01.ai-limitations",{"title":4937,"path":4938,"stem":4939},"Галюцинації AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-hallucinations","19.ai-core\u002F04.verification-security-workflow\u002F02.ai-hallucinations",{"title":4941,"path":4942,"stem":4943},"Критичне мислення під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fcritical-thinking","19.ai-core\u002F04.verification-security-workflow\u002F03.critical-thinking",{"title":4945,"path":4946,"stem":4947},"Перевірка результатів роботи AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresult-verification","19.ai-core\u002F04.verification-security-workflow\u002F04.result-verification",{"title":4949,"path":4950,"stem":4951},"Захист даних під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fdata-protection","19.ai-core\u002F04.verification-security-workflow\u002F05.data-protection",{"title":4953,"path":4954,"stem":4955},"Авторське право та навчальна доброчесність","\u002Fai-core\u002Fverification-security-workflow\u002Fcopyright-integrity","19.ai-core\u002F04.verification-security-workflow\u002F06.copyright-integrity",{"title":4957,"path":4958,"stem":4959},"Відповідальне використання AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresponsible-use","19.ai-core\u002F04.verification-security-workflow\u002F07.responsible-use",{"title":4961,"path":4962,"stem":4963},"AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow\u002Fai-native-workflow","19.ai-core\u002F04.verification-security-workflow\u002F08.ai-native-workflow",{"title":4965,"path":4966,"stem":4967},"Застосування AI Native Workflow під час створення цифрового продукту","\u002Fai-core\u002Fverification-security-workflow\u002Fworkflow-in-practice","19.ai-core\u002F04.verification-security-workflow\u002F09.workflow-in-practice",{"title":4969,"icon":4970,"path":4971,"stem":4972,"children":4973,"page":59},"AI Developer: Vibe Coding Sprint","i-lucide-code-xml","\u002Fai-developer","20.ai-developer",[4974,5000,5022,5043],{"title":4975,"icon":4976,"path":4977,"stem":4978,"children":4979,"page":59},"Проєктування і чорнова версія","i-lucide-pencil-ruler","\u002Fai-developer\u002Fdraft-creation","20.ai-developer\u002F01.draft-creation",[4980,4984,4988,4992,4996],{"title":4981,"path":4982,"stem":4983},"Парадигма Vibe Coding Workflow","\u002Fai-developer\u002Fdraft-creation\u002Fvibe-coding-workflow","20.ai-developer\u002F01.draft-creation\u002F01.vibe-coding-workflow",{"title":4985,"path":4986,"stem":4987},"AI-середовище швидкої розробки","\u002Fai-developer\u002Fdraft-creation\u002Fai-ide-environment","20.ai-developer\u002F01.draft-creation\u002F02.ai-ide-environment",{"title":4989,"path":4990,"stem":4991},"Користувацьке завдання та межі першої версії","\u002Fai-developer\u002Fdraft-creation\u002Fproduct-scope-and-mvp","20.ai-developer\u002F01.draft-creation\u002F03.product-scope-and-mvp",{"title":4993,"path":4994,"stem":4995},"Архітектура інтерфейсу та стани застосунку","\u002Fai-developer\u002Fdraft-creation\u002Fapplication-architecture-and-states","20.ai-developer\u002F01.draft-creation\u002F04.application-architecture-and-states",{"title":4997,"path":4998,"stem":4999},"Генерація та фіксація чорнової версії","\u002Fai-developer\u002Fdraft-creation\u002Fgenerating-draft-version","20.ai-developer\u002F01.draft-creation\u002F05.generating-draft-version",{"title":5001,"icon":5002,"path":5003,"stem":5004,"children":5005,"page":59},"Перша робоча версія","i-lucide-play-circle","\u002Fai-developer\u002Ffirst-working-version","20.ai-developer\u002F02.first-working-version",[5006,5010,5014,5018],{"title":5007,"path":5008,"stem":5009},"Уточнення контексту проєкту для AI","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-project-context","20.ai-developer\u002F02.first-working-version\u002F01.refining-project-context",{"title":5011,"path":5012,"stem":5013},"Стратегія завдань для AI-розробки","\u002Fai-developer\u002Ffirst-working-version\u002Fai-prompting-strategy","20.ai-developer\u002F02.first-working-version\u002F02.ai-prompting-strategy",{"title":5015,"path":5016,"stem":5017},"Доопрацювання до першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-to-working-version","20.ai-developer\u002F02.first-working-version\u002F03.refining-to-working-version",{"title":5019,"path":5020,"stem":5021},"Перевірка першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Ftesting-first-working-version","20.ai-developer\u002F02.first-working-version\u002F04.testing-first-working-version",{"title":5023,"icon":3072,"path":5024,"stem":5025,"children":5026,"page":59},"Ітерації, дебагінг та відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery","20.ai-developer\u002F03.iteration-debugging-recovery",[5027,5031,5035,5039],{"title":5028,"path":5029,"stem":5030},"Управління точковими змінами продукту","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fchange-management","20.ai-developer\u002F03.iteration-debugging-recovery\u002F01.change-management",{"title":5032,"path":5033,"stem":5034},"Надійність інтерфейсу та обробка помилок","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fscenario-reliability-and-errors","20.ai-developer\u002F03.iteration-debugging-recovery\u002F02.scenario-reliability-and-errors",{"title":5036,"path":5037,"stem":5038},"Керування контекстом і збереження версій","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fproject-context-and-versions","20.ai-developer\u002F03.iteration-debugging-recovery\u002F03.project-context-and-versions",{"title":5040,"path":5041,"stem":5042},"Збої AI-розробки, ліміти та аварійне відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fai-breakdowns-and-recovery","20.ai-developer\u002F03.iteration-debugging-recovery\u002F04.ai-breakdowns-and-recovery",{"title":5044,"icon":5045,"path":5046,"stem":5047,"children":5048,"page":59},"Перевірка та завершення продукту","i-lucide-check-check","\u002Fai-developer\u002Fverification-and-completion","20.ai-developer\u002F04.verification-and-completion",[5049,5053,5057],{"title":5050,"path":5051,"stem":5052},"Комплексний аудит та підсумкове тестування","\u002Fai-developer\u002Fverification-and-completion\u002Ffinal-product-testing","20.ai-developer\u002F04.verification-and-completion\u002F01.final-product-testing",{"title":5054,"path":5055,"stem":5056},"Підготовка підсумкової версії коду","\u002Fai-developer\u002Fverification-and-completion\u002Fpreparing-release-version","20.ai-developer\u002F04.verification-and-completion\u002F02.preparing-release-version",{"title":5058,"path":5059,"stem":5060},"Демонстрація, публікація та критерії оцінювання","\u002Fai-developer\u002Fverification-and-completion\u002Fproduct-showcase-and-publishing","20.ai-developer\u002F04.verification-and-completion\u002F03.product-showcase-and-publishing",{"title":5062,"path":5063,"stem":5064,"children":5065,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[5066,5070,5074,5078,5082,5086,5090,5094,5098,5102,5106,5110],{"title":5067,"path":5068,"stem":5069},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":5071,"path":5072,"stem":5073},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":5075,"path":5076,"stem":5077},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":5079,"path":5080,"stem":5081},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":5083,"path":5084,"stem":5085},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":5087,"path":5088,"stem":5089},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":5091,"path":5092,"stem":5093},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":5095,"path":5096,"stem":5097},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":5099,"path":5100,"stem":5101},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":5103,"path":5104,"stem":5105},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":5107,"path":5108,"stem":5109},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":5111,"path":5112,"stem":5113},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":5115,"path":5116,"stem":5117,"children":5118,"page":59},"React Typescript","\u002Freact-typescript","22.react-typescript",[5119,5144,5148,5152,5156,5160,5164,5168,5172],{"title":5120,"path":5121,"stem":5122,"children":5123,"page":59},"From Html To Project","\u002Freact-typescript\u002Ffrom-html-to-project","22.react-typescript\u002F01.from-html-to-project",[5124,5128,5132,5136,5140],{"title":5125,"path":5126,"stem":5127},"Від одного HTML-файлу до повноцінного проєкту","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fevolution","22.react-typescript\u002F01.from-html-to-project\u002F01.evolution",{"title":5129,"path":5130,"stem":5131},"Що таке React","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fwhat-is-react","22.react-typescript\u002F01.from-html-to-project\u002F02.what-is-react",{"title":5133,"path":5134,"stem":5135},"JSX та TSX — синтаксичний цукор, а не магія","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fjsx-tsx-syntax","22.react-typescript\u002F01.from-html-to-project\u002F03.jsx-tsx-syntax",{"title":5137,"path":5138,"stem":5139},"Компоненти — будівельні блоки інтерфейсу","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fcomponents","22.react-typescript\u002F01.from-html-to-project\u002F04.components",{"title":5141,"path":5142,"stem":5143},"JSX — розмітка всередині TypeScript","\u002Freact-typescript\u002Ffrom-html-to-project\u002Fjsx-expressions","22.react-typescript\u002F01.from-html-to-project\u002F05.jsx-expressions",{"title":5145,"path":5146,"stem":5147},"Хук useReducer: структуроване управління складним станом","\u002Freact-typescript\u002Fuse-reducer","22.react-typescript\u002F23.use-reducer",{"title":5149,"path":5150,"stem":5151},"Context API: передавання даних без «пропс-дрілінгу»","\u002Freact-typescript\u002Fcontext-api","22.react-typescript\u002F24.context-api",{"title":5153,"path":5154,"stem":5155},"Синхронізація з ефектами: хук useEffect та функції очищення","\u002Freact-typescript\u002Fuse-effect","22.react-typescript\u002F27.use-effect",{"title":5157,"path":5158,"stem":5159},"Можливо, вам не потрібен ефект: антипатерни та альтернативи","\u002Freact-typescript\u002Fyou-might-not-need-effect","22.react-typescript\u002F28.you-might-not-need-effect",{"title":5161,"path":5162,"stem":5163},"Життєвий цикл реактивних ефектів: мислення процесами синхронізації","\u002Freact-typescript\u002Flifecycle-of-reactive-effects","22.react-typescript\u002F29.lifecycle-of-reactive-effects",{"title":5165,"path":5166,"stem":5167},"Розділення подій та ефектів: реактивна проти нереактивної логіки","\u002Freact-typescript\u002Fseparating-events-from-effects","22.react-typescript\u002F30.separating-events-from-effects",{"title":5169,"path":5170,"stem":5171},"Видалення зайвих залежностей ефектів та оптимізація синхронізації","\u002Freact-typescript\u002Fremoving-effect-dependencies","22.react-typescript\u002F31.removing-effect-dependencies",{"title":5173,"path":5174,"stem":5175},"Кастомні хуки: повторне використання та композиція реактивної логіки","\u002Freact-typescript\u002Fcustom-hooks","22.react-typescript\u002F32.custom-hooks",{"title":5177,"path":5178,"stem":5179},"Тестування компонентів діаграм та пісочниць","\u002Ftest-components","98.test-components",{"id":5181,"title":3773,"body":5182,"description":15830,"extension":15831,"links":15832,"meta":15833,"navigation":5339,"path":3774,"seo":15834,"stem":3775,"__hash__":15835},"docs\u002F16.ai-python\u002F05.data-visualization\u002F05.subplots-styling.md",{"type":5183,"value":5184,"toc":15803},"minimark",[5185,5189,5252,5255,5260,5268,5271,6116,6198,6200,6204,6207,6221,6228,6234,7501,7519,7521,7525,7529,7969,8117,8119,8123,8489,8612,8622,8628,8761,8964,9089,9613,9615,9619,9626,10064,10215,10221,10228,10348,10492,11051,11053,11057,11060,11405,11456,11458,11462,11465,11733,11903,11905,11909,12512,12575,12586,12593,12630,12763,12891,13235,13237,13241,13840,14107,14119,14125,14215,14415,14454,15433,15435,15439,15591,15593,15597,15700,15783,15785,15800],[5186,5187,3773],"h1",{"id":5188},"композиції-та-стилізація-subplots-та-багатопанельні-дашборди",[5190,5191,5192,5216],"card-group",{},[5193,5194,5197],"card",{"icon":5195,"title":5196},"i-lucide-target","🎯 Мета підтеми",[5198,5199,5200,5204,5207,5210,5213],"ul",{},[5201,5202,5203],"li",{},"Навчитися створювати кілька графіків на одній фігурі (subplots)",[5201,5205,5206],{},"Опанувати GridSpec для складних компоновок",[5201,5208,5209],{},"Освоїти кольорові схеми та теми matplotlib",[5201,5211,5212],{},"Навчитися створювати «дашборди» для аналізу даних",[5201,5214,5215],{},"Підготувати графіки для публікацій, презентацій та звітів",[5193,5217,5219],{"icon":4618,"title":5218},"🔑 Ключові терміни",[5198,5220,5221,5228,5234,5240,5246],{},[5201,5222,5223,5227],{},[5224,5225,5226],"strong",{},"Subplots"," — кілька осей (Axes) на одній фігурі (Figure)",[5201,5229,5230,5233],{},[5224,5231,5232],{},"GridSpec"," — гнучка сітка для нестандартних компоновок",[5201,5235,5236,5239],{},[5224,5237,5238],{},"Colormap"," — кольорова палітра для безперервних даних",[5201,5241,5242,5245],{},[5224,5243,5244],{},"Style"," — тема оформлення (seaborn, ggplot, dark_background)",[5201,5247,5248,5251],{},[5224,5249,5250],{},"Tight layout"," — автоматичне вирівнювання для уникнення перекриття",[5253,5254],"hr",{},[5256,5257,5259],"h2",{"id":5258},"плавний-старт-subplots-за-3-рядки-коду","Плавний старт: Subplots за 3 рядки коду",[5261,5262,5263,5264,5267],"p",{},"Коли для повноти аналізу одного графіка недостатньо, інженери об'єднують кілька панелей на одній фігурі — створюють ",[5224,5265,5266],{},"subplots",". Це дозволяє порівнювати метрики різних систем в одному візуальному контексті.",[5261,5269,5270],{},"Погляньмо, як від трьох мінімальних рядків перейти до повноцінного центру моніторингу:",[5272,5273,5276,5288,6089],"jupyter-notebook",{"title":5274,"kernel":5275},"hello_subplots.ipynb","Python 3 (ipykernel)",[5277,5278,5280,5285],"jupyter-cell",{"type":5279},"markdown",[5281,5282,5284],"h3",{"id":5283},"три-рівні-створення-багатопанельних-композицій","Три рівні створення багатопанельних композицій",[5261,5286,5287],{},"Від створення сітки 1×2 у 3 рядки до інженерного дашборду з пороговими лініями SLA",[5277,5289,5292,6079],{"execution-count":5290,"execution-time":5291},"1","0.21s",[5293,5294,5299],"pre",{"className":5295,"code":5296,"language":5297,"meta":5298,"style":5298},"language-python shiki shiki-themes light-plus dark-plus dark-plus","import matplotlib.pyplot as plt\nimport numpy as np\n\n# Синтетичні дані моніторингу сервера: 60 хвилин роботи\nrng = np.random.default_rng(42)\nt = np.linspace(0, 60, 60)\ncpu = 35 + 20 * np.sin(t \u002F 8) + rng.normal(0, 3, 60)\nram = 4 + 0.05 * t + rng.normal(0, 0.1, 60)\n\n# --- РІВЕНЬ 0: Мінімальний код (3 рядки) ---\nfig, (ax1, ax2) = plt.subplots(1, 2)\nplt.show()\n\n# --- РІВЕНЬ 1: Розділені осі та фізичні одиниці виміру ---\nfig, (ax1, ax2) = plt.subplots(2, 1, figsize=(7, 4.5))\nax1.plot(t, cpu, color='#2563eb')\nax1.set_ylabel(\"CPU (%)\")\nax1.set_title(\"Навантаження обчислювального вузла\")\nax1.grid(True, linestyle=':', alpha=0.5)\n\nax2.plot(t, ram, color='#10b981')\nax2.set_xlabel(\"Час моніторингу (хв)\")\nax2.set_ylabel(\"RAM (GB)\")\nax2.grid(True, linestyle=':', alpha=0.5)\nplt.tight_layout()\nplt.show()\n\n# --- РІВЕНЬ 2: Професійний NOC-дашборд з SLA та зонами заповнення ---\nfig, (ax1, ax2) = plt.subplots(2, 1, figsize=(8, 5))\nfig.suptitle(\"NOC Оперативний моніторинг: Node Alpha\", fontsize=13, fontweight='bold')\n\n# Панель процесора\nax1.plot(t, cpu, color='#ef4444', linewidth=1.8, label=\"CPU Core 0\")\nax1.axhline(50, color='#dc2626', linestyle='--', linewidth=1.2, label=\"SLA поріг (50%)\")\nax1.fill_between(t, cpu, alpha=0.15, color='#ef4444')\nax1.set_ylabel(\"CPU (%)\")\nax1.legend(loc='upper right', frameon=True, facecolor='#f8fafc')\nax1.grid(True, linestyle=':', alpha=0.5)\n\n# Панель оперативної пам'яті\nax2.plot(t, ram, color='#3b82f6', linewidth=1.8, label=\"RAM Total\")\nax2.fill_between(t, ram, alpha=0.15, color='#3b82f6')\nax2.set_xlabel(\"Час моніторингу (хв)\")\nax2.set_ylabel(\"RAM (GB)\")\nax2.legend(loc='lower right', frameon=True, facecolor='#f8fafc')\nax2.grid(True, linestyle=':', alpha=0.5)\n\nplt.tight_layout()\nplt.show()\n","python","",[5300,5301,5302,5321,5334,5341,5348,5361,5382,5419,5449,5454,5460,5475,5481,5486,5492,5523,5541,5552,5563,5595,5600,5615,5626,5637,5663,5669,5674,5679,5685,5711,5742,5747,5753,5787,5834,5857,5866,5901,5926,5931,5937,5968,5990,5999,6008,6039,6064,6069,6074],"code",{"__ignoreMap":5298},[5303,5304,5307,5311,5315,5318],"span",{"class":5305,"line":5306},"line",1,[5303,5308,5310],{"class":5309},"s8xlr","import",[5303,5312,5314],{"class":5313},"sHH4Y"," matplotlib.pyplot ",[5303,5316,5317],{"class":5309},"as",[5303,5319,5320],{"class":5313}," plt\n",[5303,5322,5324,5326,5329,5331],{"class":5305,"line":5323},2,[5303,5325,5310],{"class":5309},[5303,5327,5328],{"class":5313}," numpy ",[5303,5330,5317],{"class":5309},[5303,5332,5333],{"class":5313}," np\n",[5303,5335,5337],{"class":5305,"line":5336},3,[5303,5338,5340],{"emptyLinePlaceholder":5339},true,"\n",[5303,5342,5344],{"class":5305,"line":5343},4,[5303,5345,5347],{"class":5346},"spJ8K","# Синтетичні дані моніторингу сервера: 60 хвилин роботи\n",[5303,5349,5351,5354,5358],{"class":5305,"line":5350},5,[5303,5352,5353],{"class":5313},"rng = np.random.default_rng(",[5303,5355,5357],{"class":5356},"sJj4R","42",[5303,5359,5360],{"class":5313},")\n",[5303,5362,5364,5367,5370,5373,5376,5378,5380],{"class":5305,"line":5363},6,[5303,5365,5366],{"class":5313},"t = np.linspace(",[5303,5368,5369],{"class":5356},"0",[5303,5371,5372],{"class":5313},", ",[5303,5374,5375],{"class":5356},"60",[5303,5377,5372],{"class":5313},[5303,5379,5375],{"class":5356},[5303,5381,5360],{"class":5313},[5303,5383,5385,5388,5391,5394,5397,5400,5403,5406,5408,5410,5413,5415,5417],{"class":5305,"line":5384},7,[5303,5386,5387],{"class":5313},"cpu = ",[5303,5389,5390],{"class":5356},"35",[5303,5392,5393],{"class":5313}," + ",[5303,5395,5396],{"class":5356},"20",[5303,5398,5399],{"class":5313}," * np.sin(t \u002F ",[5303,5401,5402],{"class":5356},"8",[5303,5404,5405],{"class":5313},") + rng.normal(",[5303,5407,5369],{"class":5356},[5303,5409,5372],{"class":5313},[5303,5411,5412],{"class":5356},"3",[5303,5414,5372],{"class":5313},[5303,5416,5375],{"class":5356},[5303,5418,5360],{"class":5313},[5303,5420,5422,5425,5428,5430,5433,5436,5438,5440,5443,5445,5447],{"class":5305,"line":5421},8,[5303,5423,5424],{"class":5313},"ram = ",[5303,5426,5427],{"class":5356},"4",[5303,5429,5393],{"class":5313},[5303,5431,5432],{"class":5356},"0.05",[5303,5434,5435],{"class":5313}," * t + rng.normal(",[5303,5437,5369],{"class":5356},[5303,5439,5372],{"class":5313},[5303,5441,5442],{"class":5356},"0.1",[5303,5444,5372],{"class":5313},[5303,5446,5375],{"class":5356},[5303,5448,5360],{"class":5313},[5303,5450,5452],{"class":5305,"line":5451},9,[5303,5453,5340],{"emptyLinePlaceholder":5339},[5303,5455,5457],{"class":5305,"line":5456},10,[5303,5458,5459],{"class":5346},"# --- РІВЕНЬ 0: Мінімальний код (3 рядки) ---\n",[5303,5461,5463,5466,5468,5470,5473],{"class":5305,"line":5462},11,[5303,5464,5465],{"class":5313},"fig, (ax1, ax2) = plt.subplots(",[5303,5467,5290],{"class":5356},[5303,5469,5372],{"class":5313},[5303,5471,5472],{"class":5356},"2",[5303,5474,5360],{"class":5313},[5303,5476,5478],{"class":5305,"line":5477},12,[5303,5479,5480],{"class":5313},"plt.show()\n",[5303,5482,5484],{"class":5305,"line":5483},13,[5303,5485,5340],{"emptyLinePlaceholder":5339},[5303,5487,5489],{"class":5305,"line":5488},14,[5303,5490,5491],{"class":5346},"# --- РІВЕНЬ 1: Розділені осі та фізичні одиниці виміру ---\n",[5303,5493,5495,5497,5499,5501,5503,5505,5509,5512,5515,5517,5520],{"class":5305,"line":5494},15,[5303,5496,5465],{"class":5313},[5303,5498,5472],{"class":5356},[5303,5500,5372],{"class":5313},[5303,5502,5290],{"class":5356},[5303,5504,5372],{"class":5313},[5303,5506,5508],{"class":5507},"siwwj","figsize",[5303,5510,5511],{"class":5313},"=(",[5303,5513,5514],{"class":5356},"7",[5303,5516,5372],{"class":5313},[5303,5518,5519],{"class":5356},"4.5",[5303,5521,5522],{"class":5313},"))\n",[5303,5524,5526,5529,5532,5535,5539],{"class":5305,"line":5525},16,[5303,5527,5528],{"class":5313},"ax1.plot(t, cpu, ",[5303,5530,5531],{"class":5507},"color",[5303,5533,5534],{"class":5313},"=",[5303,5536,5538],{"class":5537},"sbdoH","'#2563eb'",[5303,5540,5360],{"class":5313},[5303,5542,5544,5547,5550],{"class":5305,"line":5543},17,[5303,5545,5546],{"class":5313},"ax1.set_ylabel(",[5303,5548,5549],{"class":5537},"\"CPU (%)\"",[5303,5551,5360],{"class":5313},[5303,5553,5555,5558,5561],{"class":5305,"line":5554},18,[5303,5556,5557],{"class":5313},"ax1.set_title(",[5303,5559,5560],{"class":5537},"\"Навантаження обчислювального вузла\"",[5303,5562,5360],{"class":5313},[5303,5564,5566,5569,5573,5575,5578,5580,5583,5585,5588,5590,5593],{"class":5305,"line":5565},19,[5303,5567,5568],{"class":5313},"ax1.grid(",[5303,5570,5572],{"class":5571},"su1O8","True",[5303,5574,5372],{"class":5313},[5303,5576,5577],{"class":5507},"linestyle",[5303,5579,5534],{"class":5313},[5303,5581,5582],{"class":5537},"':'",[5303,5584,5372],{"class":5313},[5303,5586,5587],{"class":5507},"alpha",[5303,5589,5534],{"class":5313},[5303,5591,5592],{"class":5356},"0.5",[5303,5594,5360],{"class":5313},[5303,5596,5598],{"class":5305,"line":5597},20,[5303,5599,5340],{"emptyLinePlaceholder":5339},[5303,5601,5603,5606,5608,5610,5613],{"class":5305,"line":5602},21,[5303,5604,5605],{"class":5313},"ax2.plot(t, ram, ",[5303,5607,5531],{"class":5507},[5303,5609,5534],{"class":5313},[5303,5611,5612],{"class":5537},"'#10b981'",[5303,5614,5360],{"class":5313},[5303,5616,5618,5621,5624],{"class":5305,"line":5617},22,[5303,5619,5620],{"class":5313},"ax2.set_xlabel(",[5303,5622,5623],{"class":5537},"\"Час моніторингу (хв)\"",[5303,5625,5360],{"class":5313},[5303,5627,5629,5632,5635],{"class":5305,"line":5628},23,[5303,5630,5631],{"class":5313},"ax2.set_ylabel(",[5303,5633,5634],{"class":5537},"\"RAM (GB)\"",[5303,5636,5360],{"class":5313},[5303,5638,5640,5643,5645,5647,5649,5651,5653,5655,5657,5659,5661],{"class":5305,"line":5639},24,[5303,5641,5642],{"class":5313},"ax2.grid(",[5303,5644,5572],{"class":5571},[5303,5646,5372],{"class":5313},[5303,5648,5577],{"class":5507},[5303,5650,5534],{"class":5313},[5303,5652,5582],{"class":5537},[5303,5654,5372],{"class":5313},[5303,5656,5587],{"class":5507},[5303,5658,5534],{"class":5313},[5303,5660,5592],{"class":5356},[5303,5662,5360],{"class":5313},[5303,5664,5666],{"class":5305,"line":5665},25,[5303,5667,5668],{"class":5313},"plt.tight_layout()\n",[5303,5670,5672],{"class":5305,"line":5671},26,[5303,5673,5480],{"class":5313},[5303,5675,5677],{"class":5305,"line":5676},27,[5303,5678,5340],{"emptyLinePlaceholder":5339},[5303,5680,5682],{"class":5305,"line":5681},28,[5303,5683,5684],{"class":5346},"# --- РІВЕНЬ 2: Професійний NOC-дашборд з SLA та зонами заповнення ---\n",[5303,5686,5688,5690,5692,5694,5696,5698,5700,5702,5704,5706,5709],{"class":5305,"line":5687},29,[5303,5689,5465],{"class":5313},[5303,5691,5472],{"class":5356},[5303,5693,5372],{"class":5313},[5303,5695,5290],{"class":5356},[5303,5697,5372],{"class":5313},[5303,5699,5508],{"class":5507},[5303,5701,5511],{"class":5313},[5303,5703,5402],{"class":5356},[5303,5705,5372],{"class":5313},[5303,5707,5708],{"class":5356},"5",[5303,5710,5522],{"class":5313},[5303,5712,5714,5717,5720,5722,5725,5727,5730,5732,5735,5737,5740],{"class":5305,"line":5713},30,[5303,5715,5716],{"class":5313},"fig.suptitle(",[5303,5718,5719],{"class":5537},"\"NOC Оперативний моніторинг: Node Alpha\"",[5303,5721,5372],{"class":5313},[5303,5723,5724],{"class":5507},"fontsize",[5303,5726,5534],{"class":5313},[5303,5728,5729],{"class":5356},"13",[5303,5731,5372],{"class":5313},[5303,5733,5734],{"class":5507},"fontweight",[5303,5736,5534],{"class":5313},[5303,5738,5739],{"class":5537},"'bold'",[5303,5741,5360],{"class":5313},[5303,5743,5745],{"class":5305,"line":5744},31,[5303,5746,5340],{"emptyLinePlaceholder":5339},[5303,5748,5750],{"class":5305,"line":5749},32,[5303,5751,5752],{"class":5346},"# Панель процесора\n",[5303,5754,5756,5758,5760,5762,5765,5767,5770,5772,5775,5777,5780,5782,5785],{"class":5305,"line":5755},33,[5303,5757,5528],{"class":5313},[5303,5759,5531],{"class":5507},[5303,5761,5534],{"class":5313},[5303,5763,5764],{"class":5537},"'#ef4444'",[5303,5766,5372],{"class":5313},[5303,5768,5769],{"class":5507},"linewidth",[5303,5771,5534],{"class":5313},[5303,5773,5774],{"class":5356},"1.8",[5303,5776,5372],{"class":5313},[5303,5778,5779],{"class":5507},"label",[5303,5781,5534],{"class":5313},[5303,5783,5784],{"class":5537},"\"CPU Core 0\"",[5303,5786,5360],{"class":5313},[5303,5788,5790,5793,5796,5798,5800,5802,5805,5807,5809,5811,5814,5816,5818,5820,5823,5825,5827,5829,5832],{"class":5305,"line":5789},34,[5303,5791,5792],{"class":5313},"ax1.axhline(",[5303,5794,5795],{"class":5356},"50",[5303,5797,5372],{"class":5313},[5303,5799,5531],{"class":5507},[5303,5801,5534],{"class":5313},[5303,5803,5804],{"class":5537},"'#dc2626'",[5303,5806,5372],{"class":5313},[5303,5808,5577],{"class":5507},[5303,5810,5534],{"class":5313},[5303,5812,5813],{"class":5537},"'--'",[5303,5815,5372],{"class":5313},[5303,5817,5769],{"class":5507},[5303,5819,5534],{"class":5313},[5303,5821,5822],{"class":5356},"1.2",[5303,5824,5372],{"class":5313},[5303,5826,5779],{"class":5507},[5303,5828,5534],{"class":5313},[5303,5830,5831],{"class":5537},"\"SLA поріг (50%)\"",[5303,5833,5360],{"class":5313},[5303,5835,5837,5840,5842,5844,5847,5849,5851,5853,5855],{"class":5305,"line":5836},35,[5303,5838,5839],{"class":5313},"ax1.fill_between(t, cpu, ",[5303,5841,5587],{"class":5507},[5303,5843,5534],{"class":5313},[5303,5845,5846],{"class":5356},"0.15",[5303,5848,5372],{"class":5313},[5303,5850,5531],{"class":5507},[5303,5852,5534],{"class":5313},[5303,5854,5764],{"class":5537},[5303,5856,5360],{"class":5313},[5303,5858,5860,5862,5864],{"class":5305,"line":5859},36,[5303,5861,5546],{"class":5313},[5303,5863,5549],{"class":5537},[5303,5865,5360],{"class":5313},[5303,5867,5869,5872,5875,5877,5880,5882,5885,5887,5889,5891,5894,5896,5899],{"class":5305,"line":5868},37,[5303,5870,5871],{"class":5313},"ax1.legend(",[5303,5873,5874],{"class":5507},"loc",[5303,5876,5534],{"class":5313},[5303,5878,5879],{"class":5537},"'upper right'",[5303,5881,5372],{"class":5313},[5303,5883,5884],{"class":5507},"frameon",[5303,5886,5534],{"class":5313},[5303,5888,5572],{"class":5571},[5303,5890,5372],{"class":5313},[5303,5892,5893],{"class":5507},"facecolor",[5303,5895,5534],{"class":5313},[5303,5897,5898],{"class":5537},"'#f8fafc'",[5303,5900,5360],{"class":5313},[5303,5902,5904,5906,5908,5910,5912,5914,5916,5918,5920,5922,5924],{"class":5305,"line":5903},38,[5303,5905,5568],{"class":5313},[5303,5907,5572],{"class":5571},[5303,5909,5372],{"class":5313},[5303,5911,5577],{"class":5507},[5303,5913,5534],{"class":5313},[5303,5915,5582],{"class":5537},[5303,5917,5372],{"class":5313},[5303,5919,5587],{"class":5507},[5303,5921,5534],{"class":5313},[5303,5923,5592],{"class":5356},[5303,5925,5360],{"class":5313},[5303,5927,5929],{"class":5305,"line":5928},39,[5303,5930,5340],{"emptyLinePlaceholder":5339},[5303,5932,5934],{"class":5305,"line":5933},40,[5303,5935,5936],{"class":5346},"# Панель оперативної пам'яті\n",[5303,5938,5940,5942,5944,5946,5949,5951,5953,5955,5957,5959,5961,5963,5966],{"class":5305,"line":5939},41,[5303,5941,5605],{"class":5313},[5303,5943,5531],{"class":5507},[5303,5945,5534],{"class":5313},[5303,5947,5948],{"class":5537},"'#3b82f6'",[5303,5950,5372],{"class":5313},[5303,5952,5769],{"class":5507},[5303,5954,5534],{"class":5313},[5303,5956,5774],{"class":5356},[5303,5958,5372],{"class":5313},[5303,5960,5779],{"class":5507},[5303,5962,5534],{"class":5313},[5303,5964,5965],{"class":5537},"\"RAM Total\"",[5303,5967,5360],{"class":5313},[5303,5969,5971,5974,5976,5978,5980,5982,5984,5986,5988],{"class":5305,"line":5970},42,[5303,5972,5973],{"class":5313},"ax2.fill_between(t, ram, ",[5303,5975,5587],{"class":5507},[5303,5977,5534],{"class":5313},[5303,5979,5846],{"class":5356},[5303,5981,5372],{"class":5313},[5303,5983,5531],{"class":5507},[5303,5985,5534],{"class":5313},[5303,5987,5948],{"class":5537},[5303,5989,5360],{"class":5313},[5303,5991,5993,5995,5997],{"class":5305,"line":5992},43,[5303,5994,5620],{"class":5313},[5303,5996,5623],{"class":5537},[5303,5998,5360],{"class":5313},[5303,6000,6002,6004,6006],{"class":5305,"line":6001},44,[5303,6003,5631],{"class":5313},[5303,6005,5634],{"class":5537},[5303,6007,5360],{"class":5313},[5303,6009,6011,6014,6016,6018,6021,6023,6025,6027,6029,6031,6033,6035,6037],{"class":5305,"line":6010},45,[5303,6012,6013],{"class":5313},"ax2.legend(",[5303,6015,5874],{"class":5507},[5303,6017,5534],{"class":5313},[5303,6019,6020],{"class":5537},"'lower right'",[5303,6022,5372],{"class":5313},[5303,6024,5884],{"class":5507},[5303,6026,5534],{"class":5313},[5303,6028,5572],{"class":5571},[5303,6030,5372],{"class":5313},[5303,6032,5893],{"class":5507},[5303,6034,5534],{"class":5313},[5303,6036,5898],{"class":5537},[5303,6038,5360],{"class":5313},[5303,6040,6042,6044,6046,6048,6050,6052,6054,6056,6058,6060,6062],{"class":5305,"line":6041},46,[5303,6043,5642],{"class":5313},[5303,6045,5572],{"class":5571},[5303,6047,5372],{"class":5313},[5303,6049,5577],{"class":5507},[5303,6051,5534],{"class":5313},[5303,6053,5582],{"class":5537},[5303,6055,5372],{"class":5313},[5303,6057,5587],{"class":5507},[5303,6059,5534],{"class":5313},[5303,6061,5592],{"class":5356},[5303,6063,5360],{"class":5313},[5303,6065,6067],{"class":5305,"line":6066},47,[5303,6068,5340],{"emptyLinePlaceholder":5339},[5303,6070,6072],{"class":5305,"line":6071},48,[5303,6073,5668],{"class":5313},[5303,6075,6077],{"class":5305,"line":6076},49,[5303,6078,5480],{"class":5313},[6080,6081,6082],"template",{"v-slot:output":5298},[6083,6084],"img",{"alt":6085,"className":6086,"src":6088},"Три рівні побудови subplots: від мінімального коду до інженерного дашборду",[6087],"diagram-img","\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F11.png",[5277,6090,6091,6095],{"type":5279},[5281,6092,6094],{"id":6093},"чому-багатопанельні-композиції-незамінні-в-інженерії","Чому багатопанельні композиції незамінні в інженерії?",[6096,6097,6098,6104,6110],"ol",{},[5201,6099,6100,6103],{},[5224,6101,6102],{},"Єдиний контекст порівняння:"," зіставлення піку процесора з одночасним зростанням пам'яті або мережевого трафіку дозволяє за секунди знайти причину системного збою.",[5201,6105,6106,6109],{},[5224,6107,6108],{},"Усунення плутанини одиниць виміру:"," замість нагромадження ліній із відсотками (%) та гігабайтами (GB) на одних осях, subplots надають кожній метриці власний чистий простір.",[5201,6111,6112,6115],{},[5224,6113,6114],{},"Економія уваги людини:"," структурований звіт на одній сторінці читається в рази швидше, ніж перемикання між окремими вікнами чи вкладками.",[5193,6117,6119,6122,6195],{"icon":1348,"title":6118},"🧭 Наскрізна інженерна історія: Побудова центру оперативного моніторингу (NOC Dashboard)",[5261,6120,6121],{},"Уявіть, що ви керуєте надійністю інфраструктури (Lead SRE) у хмарному провайдері. Перед запуском нового регіону дата-центру команді потрібен централізований екран моніторингу (NOC Dashboard), який у реальному часі відображатиме здоров'я кластера:",[5198,6123,6124,6130,6148,6156,6169,6183],{},[5201,6125,6126,6129],{},[5224,6127,6128],{},"Крок 1 (Subplots):"," Створити базову сітку синхронізованих панелей для ключових ресурсів сервера (CPU vs RAM).",[5201,6131,6132,6143,6144,6147],{},[5224,6133,6134,6135,6138,6139,6142],{},"Крок 2 (Анатомія ",[5300,6136,6137],{},"plt.subplots"," та ",[5300,6140,6141],{},"subplot_mosaic","):"," Опанувати гнучку адресацію підграфіків у циклі через ",[5300,6145,6146],{},".flatten()"," та декларативний синтаксис мозаїки для швидкого прототипування.",[5201,6149,6150,6155],{},[5224,6151,6152,6153,6142],{},"Крок 3 (Асиметричний ",[5300,6154,5232],{}," Побудувати професійний діагностичний Jointplot (основне поле розсіювання + бічні та верхні маргінальні гістограми розподілу).",[5201,6157,6158,6168],{},[5224,6159,6160,6161,6164,6165,6142],{},"Крок 4 (Спільні осі ",[5300,6162,6163],{},"sharex"," \u002F ",[5300,6166,6167],{},"sharey"," Забезпечити безшовну часову синхронізацію: масштабування одного графіка автоматично вирівнює всі інші панелі.",[5201,6170,6171,6174,6175,6178,6179,6182],{},[5224,6172,6173],{},"Крок 5 (Теми та стилізація):"," Налаштувати темну тему (",[5300,6176,6177],{},"dark_background",") для моніторів чергової зміни та чистий стиль (",[5300,6180,6181],{},"seaborn-v0_8-whitegrid",") для звітів керівництву.",[5201,6184,6185,6194],{},[5224,6186,6187,6188,6164,6191,6142],{},"Крок 6 (Інженерні анотації та зони ",[5300,6189,6190],{},"axvspan",[5300,6192,6193],{},"axhspan"," Підсвітити часові інтервали DDoS-атак та порогові коридори SLA (Normal, Warning, Critical).",[5261,6196,6197],{},"Розгляньмо кожен із цих аналітичних інструментів послідовно.",[5253,6199],{},[5256,6201,6203],{"id":6202},"історія-про-аналітика-та-квартальний-звіт","Історія про аналітика та квартальний звіт",[5261,6205,6206],{},"Аналітик Ганна готує квартальний звіт для CEO. Їй потрібно показати:",[6096,6208,6209,6212,6215,6218],{},[5201,6210,6211],{},"Динаміку продажів за 12 місяців",[5201,6213,6214],{},"Розподіл клієнтів за віком",[5201,6216,6217],{},"Топ-5 продуктів за виручкою",[5201,6219,6220],{},"Кореляцію між витратами на маркетинг та продажами",[5261,6222,6223,6224,6227],{},"Вона може створити 4 окремі файли з графіками. Але CEO хоче ",[5224,6225,6226],{},"одну сторінку"," — щоб порівняти все одним поглядом.",[5261,6229,6230,6231,6233],{},"Рішення: ",[5224,6232,5266],{}," — 4 графіки на одній фігурі.",[5272,6235,6237,6243,7468],{"title":6236,"kernel":5275},"dashboard_example.ipynb",[5277,6238,6239],{"type":5279},[5281,6240,6242],{"id":6241},"квартальний-дашборд-чотири-ключові-метрики","Квартальний дашборд: чотири ключові метрики",[5277,6244,6246,7461],{"execution-count":5290,"execution-time":6245},"0.35s",[5293,6247,6249],{"className":5295,"code":6248,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\nrng = np.random.default_rng(seed=42)\n\nfig, axes = plt.subplots(2, 2, figsize=(14, 10))\nfig.suptitle(\"Квартальний звіт Q4 2026 — Ключові метрики\", \n             fontsize=16, fontweight=\"bold\")\n\n# 1. Динаміка продажів (лінійний графік)\nmonths = [\"Січ\", \"Лют\", \"Бер\", \"Кві\", \"Тра\", \"Чер\", \n          \"Лип\", \"Сер\", \"Вер\", \"Жов\", \"Лис\", \"Гру\"]\nsales = [120, 135, 150, 145, 160, 180, 190, 185, 200, 220, 240, 260]\n\naxes[0, 0].plot(months, sales, marker=\"o\", linewidth=2.5, color=\"steelblue\")\naxes[0, 0].fill_between(range(len(months)), sales, alpha=0.3, color=\"steelblue\")\naxes[0, 0].set_title(\"Динаміка продажів (тис. грн)\", fontweight=\"bold\")\naxes[0, 0].set_ylabel(\"Продажі\")\naxes[0, 0].grid(True, alpha=0.3)\naxes[0, 0].tick_params(axis=\"x\", rotation=45)\n\n# 2. Розподіл клієнтів за віком (гістограма)\nages = rng.normal(35, 12, 500)\naxes[0, 1].hist(ages, bins=25, color=\"coral\", edgecolor=\"black\", alpha=0.7)\naxes[0, 1].axvline(np.mean(ages), color=\"red\", linestyle=\"--\", linewidth=2, \n                   label=f\"Середнє: {np.mean(ages):.1f}\")\naxes[0, 1].set_title(\"Розподіл клієнтів за віком\", fontweight=\"bold\")\naxes[0, 1].set_xlabel(\"Вік (роки)\")\naxes[0, 1].set_ylabel(\"Кількість клієнтів\")\naxes[0, 1].legend()\naxes[0, 1].grid(axis=\"y\", alpha=0.3)\n\n# 3. Топ-5 продуктів (bar chart)\nproducts = [\"Продукт A\", \"Продукт B\", \"Продукт C\", \"Продукт D\", \"Продукт E\"]\nrevenue = [450, 380, 320, 280, 210]\n\naxes[1, 0].barh(products, revenue, color=\"mediumseagreen\", edgecolor=\"black\")\naxes[1, 0].set_title(\"Топ-5 продуктів за виручкою (тис. грн)\", fontweight=\"bold\")\naxes[1, 0].set_xlabel(\"Виручка\")\naxes[1, 0].grid(axis=\"x\", alpha=0.3)\n\n# 4. Кореляція маркетинг — продажі (scatter)\nmarketing = np.array([10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65])\nsales_vs_marketing = 3 * marketing + 80 + rng.normal(0, 10, 12)\n\naxes[1, 1].scatter(marketing, sales_vs_marketing, s=100, alpha=0.7, \n                   color=\"purple\", edgecolor=\"black\")\n\n# Лінія тренду\nz = np.polyfit(marketing, sales_vs_marketing, 1)\np = np.poly1d(z)\naxes[1, 1].plot(marketing, p(marketing), \"r--\", linewidth=2, \n                label=f\"r = {np.corrcoef(marketing, sales_vs_marketing)[0,1]:.2f}\")\n\naxes[1, 1].set_title(\"Маркетинг vs Продажі\", fontweight=\"bold\")\naxes[1, 1].set_xlabel(\"Витрати на маркетинг (тис. грн)\")\naxes[1, 1].set_ylabel(\"Продажі (тис. грн)\")\naxes[1, 1].legend()\naxes[1, 1].grid(True, alpha=0.3)\n\nplt.tight_layout()\nplt.show()\n",[5300,6250,6251,6261,6271,6275,6288,6292,6319,6329,6350,6354,6359,6394,6427,6492,6496,6538,6581,6607,6625,6650,6683,6687,6692,6711,6762,6801,6828,6853,6871,6888,6901,6930,6934,6939,6969,6999,7003,7033,7058,7075,7103,7107,7112,7171,7199,7203,7234,7254,7258,7263,7273,7279,7306,7341,7346,7372,7390,7408,7421,7446,7451,7456],{"__ignoreMap":5298},[5303,6252,6253,6255,6257,6259],{"class":5305,"line":5306},[5303,6254,5310],{"class":5309},[5303,6256,5314],{"class":5313},[5303,6258,5317],{"class":5309},[5303,6260,5320],{"class":5313},[5303,6262,6263,6265,6267,6269],{"class":5305,"line":5323},[5303,6264,5310],{"class":5309},[5303,6266,5328],{"class":5313},[5303,6268,5317],{"class":5309},[5303,6270,5333],{"class":5313},[5303,6272,6273],{"class":5305,"line":5336},[5303,6274,5340],{"emptyLinePlaceholder":5339},[5303,6276,6277,6279,6282,6284,6286],{"class":5305,"line":5343},[5303,6278,5353],{"class":5313},[5303,6280,6281],{"class":5507},"seed",[5303,6283,5534],{"class":5313},[5303,6285,5357],{"class":5356},[5303,6287,5360],{"class":5313},[5303,6289,6290],{"class":5305,"line":5350},[5303,6291,5340],{"emptyLinePlaceholder":5339},[5303,6293,6294,6297,6299,6301,6303,6305,6307,6309,6312,6314,6317],{"class":5305,"line":5363},[5303,6295,6296],{"class":5313},"fig, axes = plt.subplots(",[5303,6298,5472],{"class":5356},[5303,6300,5372],{"class":5313},[5303,6302,5472],{"class":5356},[5303,6304,5372],{"class":5313},[5303,6306,5508],{"class":5507},[5303,6308,5511],{"class":5313},[5303,6310,6311],{"class":5356},"14",[5303,6313,5372],{"class":5313},[5303,6315,6316],{"class":5356},"10",[5303,6318,5522],{"class":5313},[5303,6320,6321,6323,6326],{"class":5305,"line":5384},[5303,6322,5716],{"class":5313},[5303,6324,6325],{"class":5537},"\"Квартальний звіт Q4 2026 — Ключові метрики\"",[5303,6327,6328],{"class":5313},", \n",[5303,6330,6331,6334,6336,6339,6341,6343,6345,6348],{"class":5305,"line":5421},[5303,6332,6333],{"class":5507},"             fontsize",[5303,6335,5534],{"class":5313},[5303,6337,6338],{"class":5356},"16",[5303,6340,5372],{"class":5313},[5303,6342,5734],{"class":5507},[5303,6344,5534],{"class":5313},[5303,6346,6347],{"class":5537},"\"bold\"",[5303,6349,5360],{"class":5313},[5303,6351,6352],{"class":5305,"line":5451},[5303,6353,5340],{"emptyLinePlaceholder":5339},[5303,6355,6356],{"class":5305,"line":5456},[5303,6357,6358],{"class":5346},"# 1. Динаміка продажів (лінійний графік)\n",[5303,6360,6361,6364,6367,6369,6372,6374,6377,6379,6382,6384,6387,6389,6392],{"class":5305,"line":5462},[5303,6362,6363],{"class":5313},"months = [",[5303,6365,6366],{"class":5537},"\"Січ\"",[5303,6368,5372],{"class":5313},[5303,6370,6371],{"class":5537},"\"Лют\"",[5303,6373,5372],{"class":5313},[5303,6375,6376],{"class":5537},"\"Бер\"",[5303,6378,5372],{"class":5313},[5303,6380,6381],{"class":5537},"\"Кві\"",[5303,6383,5372],{"class":5313},[5303,6385,6386],{"class":5537},"\"Тра\"",[5303,6388,5372],{"class":5313},[5303,6390,6391],{"class":5537},"\"Чер\"",[5303,6393,6328],{"class":5313},[5303,6395,6396,6399,6401,6404,6406,6409,6411,6414,6416,6419,6421,6424],{"class":5305,"line":5477},[5303,6397,6398],{"class":5537},"          \"Лип\"",[5303,6400,5372],{"class":5313},[5303,6402,6403],{"class":5537},"\"Сер\"",[5303,6405,5372],{"class":5313},[5303,6407,6408],{"class":5537},"\"Вер\"",[5303,6410,5372],{"class":5313},[5303,6412,6413],{"class":5537},"\"Жов\"",[5303,6415,5372],{"class":5313},[5303,6417,6418],{"class":5537},"\"Лис\"",[5303,6420,5372],{"class":5313},[5303,6422,6423],{"class":5537},"\"Гру\"",[5303,6425,6426],{"class":5313},"]\n",[5303,6428,6429,6432,6435,6437,6440,6442,6445,6447,6450,6452,6455,6457,6460,6462,6465,6467,6470,6472,6475,6477,6480,6482,6485,6487,6490],{"class":5305,"line":5483},[5303,6430,6431],{"class":5313},"sales = [",[5303,6433,6434],{"class":5356},"120",[5303,6436,5372],{"class":5313},[5303,6438,6439],{"class":5356},"135",[5303,6441,5372],{"class":5313},[5303,6443,6444],{"class":5356},"150",[5303,6446,5372],{"class":5313},[5303,6448,6449],{"class":5356},"145",[5303,6451,5372],{"class":5313},[5303,6453,6454],{"class":5356},"160",[5303,6456,5372],{"class":5313},[5303,6458,6459],{"class":5356},"180",[5303,6461,5372],{"class":5313},[5303,6463,6464],{"class":5356},"190",[5303,6466,5372],{"class":5313},[5303,6468,6469],{"class":5356},"185",[5303,6471,5372],{"class":5313},[5303,6473,6474],{"class":5356},"200",[5303,6476,5372],{"class":5313},[5303,6478,6479],{"class":5356},"220",[5303,6481,5372],{"class":5313},[5303,6483,6484],{"class":5356},"240",[5303,6486,5372],{"class":5313},[5303,6488,6489],{"class":5356},"260",[5303,6491,6426],{"class":5313},[5303,6493,6494],{"class":5305,"line":5488},[5303,6495,5340],{"emptyLinePlaceholder":5339},[5303,6497,6498,6501,6503,6505,6507,6510,6513,6515,6518,6520,6522,6524,6527,6529,6531,6533,6536],{"class":5305,"line":5494},[5303,6499,6500],{"class":5313},"axes[",[5303,6502,5369],{"class":5356},[5303,6504,5372],{"class":5313},[5303,6506,5369],{"class":5356},[5303,6508,6509],{"class":5313},"].plot(months, sales, ",[5303,6511,6512],{"class":5507},"marker",[5303,6514,5534],{"class":5313},[5303,6516,6517],{"class":5537},"\"o\"",[5303,6519,5372],{"class":5313},[5303,6521,5769],{"class":5507},[5303,6523,5534],{"class":5313},[5303,6525,6526],{"class":5356},"2.5",[5303,6528,5372],{"class":5313},[5303,6530,5531],{"class":5507},[5303,6532,5534],{"class":5313},[5303,6534,6535],{"class":5537},"\"steelblue\"",[5303,6537,5360],{"class":5313},[5303,6539,6540,6542,6544,6546,6548,6551,6555,6558,6561,6564,6566,6568,6571,6573,6575,6577,6579],{"class":5305,"line":5525},[5303,6541,6500],{"class":5313},[5303,6543,5369],{"class":5356},[5303,6545,5372],{"class":5313},[5303,6547,5369],{"class":5356},[5303,6549,6550],{"class":5313},"].fill_between(",[5303,6552,6554],{"class":6553},"s8Opu","range",[5303,6556,6557],{"class":5313},"(",[5303,6559,6560],{"class":6553},"len",[5303,6562,6563],{"class":5313},"(months)), sales, ",[5303,6565,5587],{"class":5507},[5303,6567,5534],{"class":5313},[5303,6569,6570],{"class":5356},"0.3",[5303,6572,5372],{"class":5313},[5303,6574,5531],{"class":5507},[5303,6576,5534],{"class":5313},[5303,6578,6535],{"class":5537},[5303,6580,5360],{"class":5313},[5303,6582,6583,6585,6587,6589,6591,6594,6597,6599,6601,6603,6605],{"class":5305,"line":5543},[5303,6584,6500],{"class":5313},[5303,6586,5369],{"class":5356},[5303,6588,5372],{"class":5313},[5303,6590,5369],{"class":5356},[5303,6592,6593],{"class":5313},"].set_title(",[5303,6595,6596],{"class":5537},"\"Динаміка продажів (тис. грн)\"",[5303,6598,5372],{"class":5313},[5303,6600,5734],{"class":5507},[5303,6602,5534],{"class":5313},[5303,6604,6347],{"class":5537},[5303,6606,5360],{"class":5313},[5303,6608,6609,6611,6613,6615,6617,6620,6623],{"class":5305,"line":5554},[5303,6610,6500],{"class":5313},[5303,6612,5369],{"class":5356},[5303,6614,5372],{"class":5313},[5303,6616,5369],{"class":5356},[5303,6618,6619],{"class":5313},"].set_ylabel(",[5303,6621,6622],{"class":5537},"\"Продажі\"",[5303,6624,5360],{"class":5313},[5303,6626,6627,6629,6631,6633,6635,6638,6640,6642,6644,6646,6648],{"class":5305,"line":5565},[5303,6628,6500],{"class":5313},[5303,6630,5369],{"class":5356},[5303,6632,5372],{"class":5313},[5303,6634,5369],{"class":5356},[5303,6636,6637],{"class":5313},"].grid(",[5303,6639,5572],{"class":5571},[5303,6641,5372],{"class":5313},[5303,6643,5587],{"class":5507},[5303,6645,5534],{"class":5313},[5303,6647,6570],{"class":5356},[5303,6649,5360],{"class":5313},[5303,6651,6652,6654,6656,6658,6660,6663,6666,6668,6671,6673,6676,6678,6681],{"class":5305,"line":5597},[5303,6653,6500],{"class":5313},[5303,6655,5369],{"class":5356},[5303,6657,5372],{"class":5313},[5303,6659,5369],{"class":5356},[5303,6661,6662],{"class":5313},"].tick_params(",[5303,6664,6665],{"class":5507},"axis",[5303,6667,5534],{"class":5313},[5303,6669,6670],{"class":5537},"\"x\"",[5303,6672,5372],{"class":5313},[5303,6674,6675],{"class":5507},"rotation",[5303,6677,5534],{"class":5313},[5303,6679,6680],{"class":5356},"45",[5303,6682,5360],{"class":5313},[5303,6684,6685],{"class":5305,"line":5602},[5303,6686,5340],{"emptyLinePlaceholder":5339},[5303,6688,6689],{"class":5305,"line":5617},[5303,6690,6691],{"class":5346},"# 2. Розподіл клієнтів за віком (гістограма)\n",[5303,6693,6694,6697,6699,6701,6704,6706,6709],{"class":5305,"line":5628},[5303,6695,6696],{"class":5313},"ages = rng.normal(",[5303,6698,5390],{"class":5356},[5303,6700,5372],{"class":5313},[5303,6702,6703],{"class":5356},"12",[5303,6705,5372],{"class":5313},[5303,6707,6708],{"class":5356},"500",[5303,6710,5360],{"class":5313},[5303,6712,6713,6715,6717,6719,6721,6724,6727,6729,6732,6734,6736,6738,6741,6743,6746,6748,6751,6753,6755,6757,6760],{"class":5305,"line":5639},[5303,6714,6500],{"class":5313},[5303,6716,5369],{"class":5356},[5303,6718,5372],{"class":5313},[5303,6720,5290],{"class":5356},[5303,6722,6723],{"class":5313},"].hist(ages, ",[5303,6725,6726],{"class":5507},"bins",[5303,6728,5534],{"class":5313},[5303,6730,6731],{"class":5356},"25",[5303,6733,5372],{"class":5313},[5303,6735,5531],{"class":5507},[5303,6737,5534],{"class":5313},[5303,6739,6740],{"class":5537},"\"coral\"",[5303,6742,5372],{"class":5313},[5303,6744,6745],{"class":5507},"edgecolor",[5303,6747,5534],{"class":5313},[5303,6749,6750],{"class":5537},"\"black\"",[5303,6752,5372],{"class":5313},[5303,6754,5587],{"class":5507},[5303,6756,5534],{"class":5313},[5303,6758,6759],{"class":5356},"0.7",[5303,6761,5360],{"class":5313},[5303,6763,6764,6766,6768,6770,6772,6775,6777,6779,6782,6784,6786,6788,6791,6793,6795,6797,6799],{"class":5305,"line":5665},[5303,6765,6500],{"class":5313},[5303,6767,5369],{"class":5356},[5303,6769,5372],{"class":5313},[5303,6771,5290],{"class":5356},[5303,6773,6774],{"class":5313},"].axvline(np.mean(ages), ",[5303,6776,5531],{"class":5507},[5303,6778,5534],{"class":5313},[5303,6780,6781],{"class":5537},"\"red\"",[5303,6783,5372],{"class":5313},[5303,6785,5577],{"class":5507},[5303,6787,5534],{"class":5313},[5303,6789,6790],{"class":5537},"\"--\"",[5303,6792,5372],{"class":5313},[5303,6794,5769],{"class":5507},[5303,6796,5534],{"class":5313},[5303,6798,5472],{"class":5356},[5303,6800,6328],{"class":5313},[5303,6802,6803,6806,6808,6811,6814,6817,6820,6823,6826],{"class":5305,"line":5671},[5303,6804,6805],{"class":5507},"                   label",[5303,6807,5534],{"class":5313},[5303,6809,6810],{"class":5571},"f",[5303,6812,6813],{"class":5537},"\"Середнє: ",[5303,6815,6816],{"class":5571},"{",[5303,6818,6819],{"class":5313},"np.mean(ages)",[5303,6821,6822],{"class":5571},":.1f}",[5303,6824,6825],{"class":5537},"\"",[5303,6827,5360],{"class":5313},[5303,6829,6830,6832,6834,6836,6838,6840,6843,6845,6847,6849,6851],{"class":5305,"line":5676},[5303,6831,6500],{"class":5313},[5303,6833,5369],{"class":5356},[5303,6835,5372],{"class":5313},[5303,6837,5290],{"class":5356},[5303,6839,6593],{"class":5313},[5303,6841,6842],{"class":5537},"\"Розподіл клієнтів за віком\"",[5303,6844,5372],{"class":5313},[5303,6846,5734],{"class":5507},[5303,6848,5534],{"class":5313},[5303,6850,6347],{"class":5537},[5303,6852,5360],{"class":5313},[5303,6854,6855,6857,6859,6861,6863,6866,6869],{"class":5305,"line":5681},[5303,6856,6500],{"class":5313},[5303,6858,5369],{"class":5356},[5303,6860,5372],{"class":5313},[5303,6862,5290],{"class":5356},[5303,6864,6865],{"class":5313},"].set_xlabel(",[5303,6867,6868],{"class":5537},"\"Вік (роки)\"",[5303,6870,5360],{"class":5313},[5303,6872,6873,6875,6877,6879,6881,6883,6886],{"class":5305,"line":5687},[5303,6874,6500],{"class":5313},[5303,6876,5369],{"class":5356},[5303,6878,5372],{"class":5313},[5303,6880,5290],{"class":5356},[5303,6882,6619],{"class":5313},[5303,6884,6885],{"class":5537},"\"Кількість клієнтів\"",[5303,6887,5360],{"class":5313},[5303,6889,6890,6892,6894,6896,6898],{"class":5305,"line":5713},[5303,6891,6500],{"class":5313},[5303,6893,5369],{"class":5356},[5303,6895,5372],{"class":5313},[5303,6897,5290],{"class":5356},[5303,6899,6900],{"class":5313},"].legend()\n",[5303,6902,6903,6905,6907,6909,6911,6913,6915,6917,6920,6922,6924,6926,6928],{"class":5305,"line":5744},[5303,6904,6500],{"class":5313},[5303,6906,5369],{"class":5356},[5303,6908,5372],{"class":5313},[5303,6910,5290],{"class":5356},[5303,6912,6637],{"class":5313},[5303,6914,6665],{"class":5507},[5303,6916,5534],{"class":5313},[5303,6918,6919],{"class":5537},"\"y\"",[5303,6921,5372],{"class":5313},[5303,6923,5587],{"class":5507},[5303,6925,5534],{"class":5313},[5303,6927,6570],{"class":5356},[5303,6929,5360],{"class":5313},[5303,6931,6932],{"class":5305,"line":5749},[5303,6933,5340],{"emptyLinePlaceholder":5339},[5303,6935,6936],{"class":5305,"line":5755},[5303,6937,6938],{"class":5346},"# 3. Топ-5 продуктів (bar chart)\n",[5303,6940,6941,6944,6947,6949,6952,6954,6957,6959,6962,6964,6967],{"class":5305,"line":5789},[5303,6942,6943],{"class":5313},"products = [",[5303,6945,6946],{"class":5537},"\"Продукт A\"",[5303,6948,5372],{"class":5313},[5303,6950,6951],{"class":5537},"\"Продукт B\"",[5303,6953,5372],{"class":5313},[5303,6955,6956],{"class":5537},"\"Продукт C\"",[5303,6958,5372],{"class":5313},[5303,6960,6961],{"class":5537},"\"Продукт D\"",[5303,6963,5372],{"class":5313},[5303,6965,6966],{"class":5537},"\"Продукт E\"",[5303,6968,6426],{"class":5313},[5303,6970,6971,6974,6977,6979,6982,6984,6987,6989,6992,6994,6997],{"class":5305,"line":5836},[5303,6972,6973],{"class":5313},"revenue = [",[5303,6975,6976],{"class":5356},"450",[5303,6978,5372],{"class":5313},[5303,6980,6981],{"class":5356},"380",[5303,6983,5372],{"class":5313},[5303,6985,6986],{"class":5356},"320",[5303,6988,5372],{"class":5313},[5303,6990,6991],{"class":5356},"280",[5303,6993,5372],{"class":5313},[5303,6995,6996],{"class":5356},"210",[5303,6998,6426],{"class":5313},[5303,7000,7001],{"class":5305,"line":5859},[5303,7002,5340],{"emptyLinePlaceholder":5339},[5303,7004,7005,7007,7009,7011,7013,7016,7018,7020,7023,7025,7027,7029,7031],{"class":5305,"line":5868},[5303,7006,6500],{"class":5313},[5303,7008,5290],{"class":5356},[5303,7010,5372],{"class":5313},[5303,7012,5369],{"class":5356},[5303,7014,7015],{"class":5313},"].barh(products, revenue, ",[5303,7017,5531],{"class":5507},[5303,7019,5534],{"class":5313},[5303,7021,7022],{"class":5537},"\"mediumseagreen\"",[5303,7024,5372],{"class":5313},[5303,7026,6745],{"class":5507},[5303,7028,5534],{"class":5313},[5303,7030,6750],{"class":5537},[5303,7032,5360],{"class":5313},[5303,7034,7035,7037,7039,7041,7043,7045,7048,7050,7052,7054,7056],{"class":5305,"line":5903},[5303,7036,6500],{"class":5313},[5303,7038,5290],{"class":5356},[5303,7040,5372],{"class":5313},[5303,7042,5369],{"class":5356},[5303,7044,6593],{"class":5313},[5303,7046,7047],{"class":5537},"\"Топ-5 продуктів за виручкою (тис. грн)\"",[5303,7049,5372],{"class":5313},[5303,7051,5734],{"class":5507},[5303,7053,5534],{"class":5313},[5303,7055,6347],{"class":5537},[5303,7057,5360],{"class":5313},[5303,7059,7060,7062,7064,7066,7068,7070,7073],{"class":5305,"line":5928},[5303,7061,6500],{"class":5313},[5303,7063,5290],{"class":5356},[5303,7065,5372],{"class":5313},[5303,7067,5369],{"class":5356},[5303,7069,6865],{"class":5313},[5303,7071,7072],{"class":5537},"\"Виручка\"",[5303,7074,5360],{"class":5313},[5303,7076,7077,7079,7081,7083,7085,7087,7089,7091,7093,7095,7097,7099,7101],{"class":5305,"line":5933},[5303,7078,6500],{"class":5313},[5303,7080,5290],{"class":5356},[5303,7082,5372],{"class":5313},[5303,7084,5369],{"class":5356},[5303,7086,6637],{"class":5313},[5303,7088,6665],{"class":5507},[5303,7090,5534],{"class":5313},[5303,7092,6670],{"class":5537},[5303,7094,5372],{"class":5313},[5303,7096,5587],{"class":5507},[5303,7098,5534],{"class":5313},[5303,7100,6570],{"class":5356},[5303,7102,5360],{"class":5313},[5303,7104,7105],{"class":5305,"line":5939},[5303,7106,5340],{"emptyLinePlaceholder":5339},[5303,7108,7109],{"class":5305,"line":5970},[5303,7110,7111],{"class":5346},"# 4. Кореляція маркетинг — продажі (scatter)\n",[5303,7113,7114,7117,7119,7121,7124,7126,7128,7130,7132,7134,7137,7139,7141,7143,7146,7148,7150,7152,7154,7156,7159,7161,7163,7165,7168],{"class":5305,"line":5992},[5303,7115,7116],{"class":5313},"marketing = np.array([",[5303,7118,6316],{"class":5356},[5303,7120,5372],{"class":5313},[5303,7122,7123],{"class":5356},"15",[5303,7125,5372],{"class":5313},[5303,7127,5396],{"class":5356},[5303,7129,5372],{"class":5313},[5303,7131,6731],{"class":5356},[5303,7133,5372],{"class":5313},[5303,7135,7136],{"class":5356},"30",[5303,7138,5372],{"class":5313},[5303,7140,5390],{"class":5356},[5303,7142,5372],{"class":5313},[5303,7144,7145],{"class":5356},"40",[5303,7147,5372],{"class":5313},[5303,7149,6680],{"class":5356},[5303,7151,5372],{"class":5313},[5303,7153,5795],{"class":5356},[5303,7155,5372],{"class":5313},[5303,7157,7158],{"class":5356},"55",[5303,7160,5372],{"class":5313},[5303,7162,5375],{"class":5356},[5303,7164,5372],{"class":5313},[5303,7166,7167],{"class":5356},"65",[5303,7169,7170],{"class":5313},"])\n",[5303,7172,7173,7176,7178,7181,7184,7187,7189,7191,7193,7195,7197],{"class":5305,"line":6001},[5303,7174,7175],{"class":5313},"sales_vs_marketing = ",[5303,7177,5412],{"class":5356},[5303,7179,7180],{"class":5313}," * marketing + ",[5303,7182,7183],{"class":5356},"80",[5303,7185,7186],{"class":5313}," + rng.normal(",[5303,7188,5369],{"class":5356},[5303,7190,5372],{"class":5313},[5303,7192,6316],{"class":5356},[5303,7194,5372],{"class":5313},[5303,7196,6703],{"class":5356},[5303,7198,5360],{"class":5313},[5303,7200,7201],{"class":5305,"line":6010},[5303,7202,5340],{"emptyLinePlaceholder":5339},[5303,7204,7205,7207,7209,7211,7213,7216,7219,7221,7224,7226,7228,7230,7232],{"class":5305,"line":6041},[5303,7206,6500],{"class":5313},[5303,7208,5290],{"class":5356},[5303,7210,5372],{"class":5313},[5303,7212,5290],{"class":5356},[5303,7214,7215],{"class":5313},"].scatter(marketing, sales_vs_marketing, ",[5303,7217,7218],{"class":5507},"s",[5303,7220,5534],{"class":5313},[5303,7222,7223],{"class":5356},"100",[5303,7225,5372],{"class":5313},[5303,7227,5587],{"class":5507},[5303,7229,5534],{"class":5313},[5303,7231,6759],{"class":5356},[5303,7233,6328],{"class":5313},[5303,7235,7236,7239,7241,7244,7246,7248,7250,7252],{"class":5305,"line":6066},[5303,7237,7238],{"class":5507},"                   color",[5303,7240,5534],{"class":5313},[5303,7242,7243],{"class":5537},"\"purple\"",[5303,7245,5372],{"class":5313},[5303,7247,6745],{"class":5507},[5303,7249,5534],{"class":5313},[5303,7251,6750],{"class":5537},[5303,7253,5360],{"class":5313},[5303,7255,7256],{"class":5305,"line":6071},[5303,7257,5340],{"emptyLinePlaceholder":5339},[5303,7259,7260],{"class":5305,"line":6076},[5303,7261,7262],{"class":5346},"# Лінія тренду\n",[5303,7264,7266,7269,7271],{"class":5305,"line":7265},50,[5303,7267,7268],{"class":5313},"z = np.polyfit(marketing, sales_vs_marketing, ",[5303,7270,5290],{"class":5356},[5303,7272,5360],{"class":5313},[5303,7274,7276],{"class":5305,"line":7275},51,[5303,7277,7278],{"class":5313},"p = np.poly1d(z)\n",[5303,7280,7282,7284,7286,7288,7290,7293,7296,7298,7300,7302,7304],{"class":5305,"line":7281},52,[5303,7283,6500],{"class":5313},[5303,7285,5290],{"class":5356},[5303,7287,5372],{"class":5313},[5303,7289,5290],{"class":5356},[5303,7291,7292],{"class":5313},"].plot(marketing, p(marketing), ",[5303,7294,7295],{"class":5537},"\"r--\"",[5303,7297,5372],{"class":5313},[5303,7299,5769],{"class":5507},[5303,7301,5534],{"class":5313},[5303,7303,5472],{"class":5356},[5303,7305,6328],{"class":5313},[5303,7307,7309,7312,7314,7316,7319,7321,7324,7326,7329,7331,7334,7337,7339],{"class":5305,"line":7308},53,[5303,7310,7311],{"class":5507},"                label",[5303,7313,5534],{"class":5313},[5303,7315,6810],{"class":5571},[5303,7317,7318],{"class":5537},"\"r = ",[5303,7320,6816],{"class":5571},[5303,7322,7323],{"class":5313},"np.corrcoef(marketing, sales_vs_marketing)[",[5303,7325,5369],{"class":5356},[5303,7327,7328],{"class":5313},",",[5303,7330,5290],{"class":5356},[5303,7332,7333],{"class":5313},"]",[5303,7335,7336],{"class":5571},":.2f}",[5303,7338,6825],{"class":5537},[5303,7340,5360],{"class":5313},[5303,7342,7344],{"class":5305,"line":7343},54,[5303,7345,5340],{"emptyLinePlaceholder":5339},[5303,7347,7349,7351,7353,7355,7357,7359,7362,7364,7366,7368,7370],{"class":5305,"line":7348},55,[5303,7350,6500],{"class":5313},[5303,7352,5290],{"class":5356},[5303,7354,5372],{"class":5313},[5303,7356,5290],{"class":5356},[5303,7358,6593],{"class":5313},[5303,7360,7361],{"class":5537},"\"Маркетинг vs Продажі\"",[5303,7363,5372],{"class":5313},[5303,7365,5734],{"class":5507},[5303,7367,5534],{"class":5313},[5303,7369,6347],{"class":5537},[5303,7371,5360],{"class":5313},[5303,7373,7375,7377,7379,7381,7383,7385,7388],{"class":5305,"line":7374},56,[5303,7376,6500],{"class":5313},[5303,7378,5290],{"class":5356},[5303,7380,5372],{"class":5313},[5303,7382,5290],{"class":5356},[5303,7384,6865],{"class":5313},[5303,7386,7387],{"class":5537},"\"Витрати на маркетинг (тис. грн)\"",[5303,7389,5360],{"class":5313},[5303,7391,7393,7395,7397,7399,7401,7403,7406],{"class":5305,"line":7392},57,[5303,7394,6500],{"class":5313},[5303,7396,5290],{"class":5356},[5303,7398,5372],{"class":5313},[5303,7400,5290],{"class":5356},[5303,7402,6619],{"class":5313},[5303,7404,7405],{"class":5537},"\"Продажі (тис. грн)\"",[5303,7407,5360],{"class":5313},[5303,7409,7411,7413,7415,7417,7419],{"class":5305,"line":7410},58,[5303,7412,6500],{"class":5313},[5303,7414,5290],{"class":5356},[5303,7416,5372],{"class":5313},[5303,7418,5290],{"class":5356},[5303,7420,6900],{"class":5313},[5303,7422,7424,7426,7428,7430,7432,7434,7436,7438,7440,7442,7444],{"class":5305,"line":7423},59,[5303,7425,6500],{"class":5313},[5303,7427,5290],{"class":5356},[5303,7429,5372],{"class":5313},[5303,7431,5290],{"class":5356},[5303,7433,6637],{"class":5313},[5303,7435,5572],{"class":5571},[5303,7437,5372],{"class":5313},[5303,7439,5587],{"class":5507},[5303,7441,5534],{"class":5313},[5303,7443,6570],{"class":5356},[5303,7445,5360],{"class":5313},[5303,7447,7449],{"class":5305,"line":7448},60,[5303,7450,5340],{"emptyLinePlaceholder":5339},[5303,7452,7454],{"class":5305,"line":7453},61,[5303,7455,5668],{"class":5313},[5303,7457,7459],{"class":5305,"line":7458},62,[5303,7460,5480],{"class":5313},[6080,7462,7463],{"v-slot:output":5298},[6083,7464],{"alt":7465,"className":7466,"src":7467},"Квартальний дашборд з 4 графіків",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F01.png",[5277,7469,7470,7475],{"type":5279},[5261,7471,7472],{},[5224,7473,7474],{},"Переваги композиції:",[6096,7476,7477,7483,7489,7495],{},[5201,7478,7479,7482],{},[5224,7480,7481],{},"Одна сторінка"," замість чотирьох окремих файлів",[5201,7484,7485,7488],{},[5224,7486,7487],{},"Швидке порівняння"," — CEO бачить усі метрики одночасно",[5201,7490,7491,7494],{},[5224,7492,7493],{},"Контекст"," — динаміка продажів зрозуміліша поруч з маркетингом",[5201,7496,7497,7500],{},[5224,7498,7499],{},"Професійний вигляд"," — єдиний загальний заголовок, узгоджені кольори",[7502,7503,7504,7509,7516],"note",{},[5261,7505,7506],{},[5224,7507,7508],{},"Правило дашбордів:",[5261,7510,7511,7512,7515],{},"Кількість графіків на одній фігурі: ",[5224,7513,7514],{},"3–6 оптимально",", 9 максимум. Більше — розділіть на кілька сторінок.",[5261,7517,7518],{},"Причина: когнітивне навантаження. Людина може утримати в уваіу ~5–7 об'єктів одночасно.",[5253,7520],{},[5256,7522,7524],{"id":7523},"базові-subplots-регулярна-сітка","Базові subplots — регулярна сітка",[5281,7526,7528],{"id":7527},"створення-сітки-22","Створення сітки 2×2",[5272,7530,7532],{"title":7531},"subplots_basic.ipynb",[5277,7533,7534,7957],{"execution-count":5290},[5293,7535,7537],{"className":5295,"code":7536,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\n# Створюємо сітку 2x2\nrng = np.random.default_rng(seed=42)\nfig, axes = plt.subplots(2, 2, figsize=(12, 10))\n\n# axes — це масив NumPy розміром (2, 2)\nprint(f\"Тип axes: {type(axes)}\")\nprint(f\"Форма axes: {axes.shape}\")\n\n# Звертаємося до конкретних осей через індекси\naxes[0, 0].plot([1, 2, 3], [1, 4, 9], 'r-o')\naxes[0, 0].set_title(\"Графік 1: Квадрати\")\n\naxes[0, 1].hist(rng.normal(0, 1, 500), bins=30, color=\"green\", alpha=0.7)\naxes[0, 1].set_title(\"Графік 2: Гістограма\")\n\naxes[1, 0].scatter(rng.random(50), rng.random(50), s=100, alpha=0.6)\naxes[1, 0].set_title(\"Графік 3: Scatter\")\n\naxes[1, 1].bar([\"A\", \"B\", \"C\"], [10, 25, 15], color=[\"red\", \"blue\", \"green\"])\naxes[1, 1].set_title(\"Графік 4: Bar Chart\")\n\nplt.tight_layout()\nplt.show()\n",[5300,7538,7539,7549,7559,7563,7568,7580,7604,7608,7613,7641,7663,7667,7672,7717,7734,7738,7789,7806,7810,7849,7866,7870,7928,7945,7949,7953],{"__ignoreMap":5298},[5303,7540,7541,7543,7545,7547],{"class":5305,"line":5306},[5303,7542,5310],{"class":5309},[5303,7544,5314],{"class":5313},[5303,7546,5317],{"class":5309},[5303,7548,5320],{"class":5313},[5303,7550,7551,7553,7555,7557],{"class":5305,"line":5323},[5303,7552,5310],{"class":5309},[5303,7554,5328],{"class":5313},[5303,7556,5317],{"class":5309},[5303,7558,5333],{"class":5313},[5303,7560,7561],{"class":5305,"line":5336},[5303,7562,5340],{"emptyLinePlaceholder":5339},[5303,7564,7565],{"class":5305,"line":5343},[5303,7566,7567],{"class":5346},"# Створюємо сітку 2x2\n",[5303,7569,7570,7572,7574,7576,7578],{"class":5305,"line":5350},[5303,7571,5353],{"class":5313},[5303,7573,6281],{"class":5507},[5303,7575,5534],{"class":5313},[5303,7577,5357],{"class":5356},[5303,7579,5360],{"class":5313},[5303,7581,7582,7584,7586,7588,7590,7592,7594,7596,7598,7600,7602],{"class":5305,"line":5363},[5303,7583,6296],{"class":5313},[5303,7585,5472],{"class":5356},[5303,7587,5372],{"class":5313},[5303,7589,5472],{"class":5356},[5303,7591,5372],{"class":5313},[5303,7593,5508],{"class":5507},[5303,7595,5511],{"class":5313},[5303,7597,6703],{"class":5356},[5303,7599,5372],{"class":5313},[5303,7601,6316],{"class":5356},[5303,7603,5522],{"class":5313},[5303,7605,7606],{"class":5305,"line":5384},[5303,7607,5340],{"emptyLinePlaceholder":5339},[5303,7609,7610],{"class":5305,"line":5421},[5303,7611,7612],{"class":5346},"# axes — це масив NumPy розміром (2, 2)\n",[5303,7614,7615,7618,7620,7622,7625,7627,7631,7634,7637,7639],{"class":5305,"line":5451},[5303,7616,7617],{"class":6553},"print",[5303,7619,6557],{"class":5313},[5303,7621,6810],{"class":5571},[5303,7623,7624],{"class":5537},"\"Тип axes: ",[5303,7626,6816],{"class":5571},[5303,7628,7630],{"class":7629},"sN1BT","type",[5303,7632,7633],{"class":5313},"(axes)",[5303,7635,7636],{"class":5571},"}",[5303,7638,6825],{"class":5537},[5303,7640,5360],{"class":5313},[5303,7642,7643,7645,7647,7649,7652,7654,7657,7659,7661],{"class":5305,"line":5456},[5303,7644,7617],{"class":6553},[5303,7646,6557],{"class":5313},[5303,7648,6810],{"class":5571},[5303,7650,7651],{"class":5537},"\"Форма axes: ",[5303,7653,6816],{"class":5571},[5303,7655,7656],{"class":5313},"axes.shape",[5303,7658,7636],{"class":5571},[5303,7660,6825],{"class":5537},[5303,7662,5360],{"class":5313},[5303,7664,7665],{"class":5305,"line":5462},[5303,7666,5340],{"emptyLinePlaceholder":5339},[5303,7668,7669],{"class":5305,"line":5477},[5303,7670,7671],{"class":5346},"# Звертаємося до конкретних осей через індекси\n",[5303,7673,7674,7676,7678,7680,7682,7685,7687,7689,7691,7693,7695,7698,7700,7702,7704,7706,7709,7712,7715],{"class":5305,"line":5483},[5303,7675,6500],{"class":5313},[5303,7677,5369],{"class":5356},[5303,7679,5372],{"class":5313},[5303,7681,5369],{"class":5356},[5303,7683,7684],{"class":5313},"].plot([",[5303,7686,5290],{"class":5356},[5303,7688,5372],{"class":5313},[5303,7690,5472],{"class":5356},[5303,7692,5372],{"class":5313},[5303,7694,5412],{"class":5356},[5303,7696,7697],{"class":5313},"], [",[5303,7699,5290],{"class":5356},[5303,7701,5372],{"class":5313},[5303,7703,5427],{"class":5356},[5303,7705,5372],{"class":5313},[5303,7707,7708],{"class":5356},"9",[5303,7710,7711],{"class":5313},"], ",[5303,7713,7714],{"class":5537},"'r-o'",[5303,7716,5360],{"class":5313},[5303,7718,7719,7721,7723,7725,7727,7729,7732],{"class":5305,"line":5488},[5303,7720,6500],{"class":5313},[5303,7722,5369],{"class":5356},[5303,7724,5372],{"class":5313},[5303,7726,5369],{"class":5356},[5303,7728,6593],{"class":5313},[5303,7730,7731],{"class":5537},"\"Графік 1: Квадрати\"",[5303,7733,5360],{"class":5313},[5303,7735,7736],{"class":5305,"line":5494},[5303,7737,5340],{"emptyLinePlaceholder":5339},[5303,7739,7740,7742,7744,7746,7748,7751,7753,7755,7757,7759,7761,7764,7766,7768,7770,7772,7774,7776,7779,7781,7783,7785,7787],{"class":5305,"line":5525},[5303,7741,6500],{"class":5313},[5303,7743,5369],{"class":5356},[5303,7745,5372],{"class":5313},[5303,7747,5290],{"class":5356},[5303,7749,7750],{"class":5313},"].hist(rng.normal(",[5303,7752,5369],{"class":5356},[5303,7754,5372],{"class":5313},[5303,7756,5290],{"class":5356},[5303,7758,5372],{"class":5313},[5303,7760,6708],{"class":5356},[5303,7762,7763],{"class":5313},"), ",[5303,7765,6726],{"class":5507},[5303,7767,5534],{"class":5313},[5303,7769,7136],{"class":5356},[5303,7771,5372],{"class":5313},[5303,7773,5531],{"class":5507},[5303,7775,5534],{"class":5313},[5303,7777,7778],{"class":5537},"\"green\"",[5303,7780,5372],{"class":5313},[5303,7782,5587],{"class":5507},[5303,7784,5534],{"class":5313},[5303,7786,6759],{"class":5356},[5303,7788,5360],{"class":5313},[5303,7790,7791,7793,7795,7797,7799,7801,7804],{"class":5305,"line":5543},[5303,7792,6500],{"class":5313},[5303,7794,5369],{"class":5356},[5303,7796,5372],{"class":5313},[5303,7798,5290],{"class":5356},[5303,7800,6593],{"class":5313},[5303,7802,7803],{"class":5537},"\"Графік 2: Гістограма\"",[5303,7805,5360],{"class":5313},[5303,7807,7808],{"class":5305,"line":5554},[5303,7809,5340],{"emptyLinePlaceholder":5339},[5303,7811,7812,7814,7816,7818,7820,7823,7825,7828,7830,7832,7834,7836,7838,7840,7842,7844,7847],{"class":5305,"line":5565},[5303,7813,6500],{"class":5313},[5303,7815,5290],{"class":5356},[5303,7817,5372],{"class":5313},[5303,7819,5369],{"class":5356},[5303,7821,7822],{"class":5313},"].scatter(rng.random(",[5303,7824,5795],{"class":5356},[5303,7826,7827],{"class":5313},"), rng.random(",[5303,7829,5795],{"class":5356},[5303,7831,7763],{"class":5313},[5303,7833,7218],{"class":5507},[5303,7835,5534],{"class":5313},[5303,7837,7223],{"class":5356},[5303,7839,5372],{"class":5313},[5303,7841,5587],{"class":5507},[5303,7843,5534],{"class":5313},[5303,7845,7846],{"class":5356},"0.6",[5303,7848,5360],{"class":5313},[5303,7850,7851,7853,7855,7857,7859,7861,7864],{"class":5305,"line":5597},[5303,7852,6500],{"class":5313},[5303,7854,5290],{"class":5356},[5303,7856,5372],{"class":5313},[5303,7858,5369],{"class":5356},[5303,7860,6593],{"class":5313},[5303,7862,7863],{"class":5537},"\"Графік 3: Scatter\"",[5303,7865,5360],{"class":5313},[5303,7867,7868],{"class":5305,"line":5602},[5303,7869,5340],{"emptyLinePlaceholder":5339},[5303,7871,7872,7874,7876,7878,7880,7883,7886,7888,7891,7893,7896,7898,7900,7902,7904,7906,7908,7910,7912,7915,7917,7919,7922,7924,7926],{"class":5305,"line":5617},[5303,7873,6500],{"class":5313},[5303,7875,5290],{"class":5356},[5303,7877,5372],{"class":5313},[5303,7879,5290],{"class":5356},[5303,7881,7882],{"class":5313},"].bar([",[5303,7884,7885],{"class":5537},"\"A\"",[5303,7887,5372],{"class":5313},[5303,7889,7890],{"class":5537},"\"B\"",[5303,7892,5372],{"class":5313},[5303,7894,7895],{"class":5537},"\"C\"",[5303,7897,7697],{"class":5313},[5303,7899,6316],{"class":5356},[5303,7901,5372],{"class":5313},[5303,7903,6731],{"class":5356},[5303,7905,5372],{"class":5313},[5303,7907,7123],{"class":5356},[5303,7909,7711],{"class":5313},[5303,7911,5531],{"class":5507},[5303,7913,7914],{"class":5313},"=[",[5303,7916,6781],{"class":5537},[5303,7918,5372],{"class":5313},[5303,7920,7921],{"class":5537},"\"blue\"",[5303,7923,5372],{"class":5313},[5303,7925,7778],{"class":5537},[5303,7927,7170],{"class":5313},[5303,7929,7930,7932,7934,7936,7938,7940,7943],{"class":5305,"line":5628},[5303,7931,6500],{"class":5313},[5303,7933,5290],{"class":5356},[5303,7935,5372],{"class":5313},[5303,7937,5290],{"class":5356},[5303,7939,6593],{"class":5313},[5303,7941,7942],{"class":5537},"\"Графік 4: Bar Chart\"",[5303,7944,5360],{"class":5313},[5303,7946,7947],{"class":5305,"line":5639},[5303,7948,5340],{"emptyLinePlaceholder":5339},[5303,7950,7951],{"class":5305,"line":5665},[5303,7952,5668],{"class":5313},[5303,7954,7955],{"class":5305,"line":5671},[5303,7956,5480],{"class":5313},[6080,7958,7959,7962],{"v-slot:output":5298},[5261,7960,7961],{},"Тип axes: \u003Cclass 'numpy.ndarray'>\nФорма axes: (2, 2)",[5261,7963,7964],{},[6083,7965],{"alt":7966,"className":7967,"src":7968},"Сітка 2×2",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F02.png",[7970,7971,7972,7981,8080,8087,8092],"tip",{},[5261,7973,7974],{},[5224,7975,7976,7977,7980],{},"Основні параметри ",[5300,7978,7979],{},"plt.subplots()",":",[5293,7982,7984],{"className":5295,"code":7983,"language":5297,"meta":5298,"style":5298},"fig, axes = plt.subplots(nrows=2,        # Кількість рядків\n                         ncols=3,        # Кількість стовпців\n                         figsize=(12,8), # Розмір фігури (ширина, висота)\n                         sharex=False,   # Спільна вісь X?\n                         sharey=False,   # Спільна вісь Y?\n                         squeeze=True)   # Якщо 1 Axes, повернути його (не масив)\n",[5300,7985,7986,8003,8017,8035,8051,8065],{"__ignoreMap":5298},[5303,7987,7988,7990,7993,7995,7997,8000],{"class":5305,"line":5306},[5303,7989,6296],{"class":5313},[5303,7991,7992],{"class":5507},"nrows",[5303,7994,5534],{"class":5313},[5303,7996,5472],{"class":5356},[5303,7998,7999],{"class":5313},",        ",[5303,8001,8002],{"class":5346},"# Кількість рядків\n",[5303,8004,8005,8008,8010,8012,8014],{"class":5305,"line":5323},[5303,8006,8007],{"class":5507},"                         ncols",[5303,8009,5534],{"class":5313},[5303,8011,5412],{"class":5356},[5303,8013,7999],{"class":5313},[5303,8015,8016],{"class":5346},"# Кількість стовпців\n",[5303,8018,8019,8022,8024,8026,8028,8030,8032],{"class":5305,"line":5336},[5303,8020,8021],{"class":5507},"                         figsize",[5303,8023,5511],{"class":5313},[5303,8025,6703],{"class":5356},[5303,8027,7328],{"class":5313},[5303,8029,5402],{"class":5356},[5303,8031,7763],{"class":5313},[5303,8033,8034],{"class":5346},"# Розмір фігури (ширина, висота)\n",[5303,8036,8037,8040,8042,8045,8048],{"class":5305,"line":5343},[5303,8038,8039],{"class":5507},"                         sharex",[5303,8041,5534],{"class":5313},[5303,8043,8044],{"class":5571},"False",[5303,8046,8047],{"class":5313},",   ",[5303,8049,8050],{"class":5346},"# Спільна вісь X?\n",[5303,8052,8053,8056,8058,8060,8062],{"class":5305,"line":5350},[5303,8054,8055],{"class":5507},"                         sharey",[5303,8057,5534],{"class":5313},[5303,8059,8044],{"class":5571},[5303,8061,8047],{"class":5313},[5303,8063,8064],{"class":5346},"# Спільна вісь Y?\n",[5303,8066,8067,8070,8072,8074,8077],{"class":5305,"line":5363},[5303,8068,8069],{"class":5507},"                         squeeze",[5303,8071,5534],{"class":5313},[5303,8073,5572],{"class":5571},[5303,8075,8076],{"class":5313},")   ",[5303,8078,8079],{"class":5346},"# Якщо 1 Axes, повернути його (не масив)\n",[5261,8081,8082],{},[6083,8083],{"alt":8084,"className":8085,"src":8086},"Демонстрація параметрів plt.subplots",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F03.png",[5261,8088,8089],{},[5224,8090,8091],{},"Повернене значення:",[5198,8093,8094,8105,8111],{},[5201,8095,8096,8097,8100,8101,8104],{},"Якщо ",[5300,8098,8099],{},"nrows=1, ncols=1"," → ",[5300,8102,8103],{},"axes"," — один об'єкт Axes",[5201,8106,8107,8108,8110],{},"Якщо один вимір > 1 → ",[5300,8109,8103],{}," — одновимірний масив",[5201,8112,8113,8114,8116],{},"Якщо обидва виміри > 1 → ",[5300,8115,8103],{}," — двовимірний масив",[5253,8118],{},[5256,8120,8122],{"id":8121},"доступ-до-осей-у-різних-конфігураціях","Доступ до осей у різних конфігураціях",[5272,8124,8126],{"title":8125},"axes_access.ipynb",[5277,8127,8128,8482],{"execution-count":5290},[5293,8129,8131],{"className":5295,"code":8130,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\n\n# Конфігурація 1: один рядок, три стовпці\nfig, axes = plt.subplots(1, 3, figsize=(15, 4))\n\n# axes — одновимірний масив [ax0, ax1, ax2]\naxes[0].plot([1, 2, 3])\naxes[1].bar([\"A\", \"B\"], [5, 10])\naxes[2].scatter([1, 2], [3, 4])\n\nplt.tight_layout()\nplt.show()\n\n# Конфігурація 2: три рядки, один стовпець\nfig, axes = plt.subplots(3, 1, figsize=(8, 10))\n\n# axes — одновимірний масив [ax0, ax1, ax2]\naxes[0].plot([1, 2, 3])\naxes[1].bar([\"A\", \"B\"], [5, 10])\naxes[2].scatter([1, 2], [3, 4])\n\nplt.tight_layout()\nplt.show()\n\n# Конфігурація 3: 2x3 сітка\nfig, axes = plt.subplots(2, 3, figsize=(15, 8))\n\n# axes — двовимірний масив (2, 3)\naxes[0, 0].plot([1, 2])\naxes[1, 2].bar([\"X\"], [7])\n\nplt.tight_layout()\nplt.show()\n",[5300,8132,8133,8143,8147,8152,8176,8180,8185,8205,8229,8254,8258,8262,8266,8270,8275,8299,8303,8307,8327,8351,8375,8379,8383,8387,8391,8396,8420,8424,8429,8449,8470,8474,8478],{"__ignoreMap":5298},[5303,8134,8135,8137,8139,8141],{"class":5305,"line":5306},[5303,8136,5310],{"class":5309},[5303,8138,5314],{"class":5313},[5303,8140,5317],{"class":5309},[5303,8142,5320],{"class":5313},[5303,8144,8145],{"class":5305,"line":5323},[5303,8146,5340],{"emptyLinePlaceholder":5339},[5303,8148,8149],{"class":5305,"line":5336},[5303,8150,8151],{"class":5346},"# Конфігурація 1: один рядок, три стовпці\n",[5303,8153,8154,8156,8158,8160,8162,8164,8166,8168,8170,8172,8174],{"class":5305,"line":5343},[5303,8155,6296],{"class":5313},[5303,8157,5290],{"class":5356},[5303,8159,5372],{"class":5313},[5303,8161,5412],{"class":5356},[5303,8163,5372],{"class":5313},[5303,8165,5508],{"class":5507},[5303,8167,5511],{"class":5313},[5303,8169,7123],{"class":5356},[5303,8171,5372],{"class":5313},[5303,8173,5427],{"class":5356},[5303,8175,5522],{"class":5313},[5303,8177,8178],{"class":5305,"line":5350},[5303,8179,5340],{"emptyLinePlaceholder":5339},[5303,8181,8182],{"class":5305,"line":5363},[5303,8183,8184],{"class":5346},"# axes — одновимірний масив [ax0, ax1, ax2]\n",[5303,8186,8187,8189,8191,8193,8195,8197,8199,8201,8203],{"class":5305,"line":5384},[5303,8188,6500],{"class":5313},[5303,8190,5369],{"class":5356},[5303,8192,7684],{"class":5313},[5303,8194,5290],{"class":5356},[5303,8196,5372],{"class":5313},[5303,8198,5472],{"class":5356},[5303,8200,5372],{"class":5313},[5303,8202,5412],{"class":5356},[5303,8204,7170],{"class":5313},[5303,8206,8207,8209,8211,8213,8215,8217,8219,8221,8223,8225,8227],{"class":5305,"line":5421},[5303,8208,6500],{"class":5313},[5303,8210,5290],{"class":5356},[5303,8212,7882],{"class":5313},[5303,8214,7885],{"class":5537},[5303,8216,5372],{"class":5313},[5303,8218,7890],{"class":5537},[5303,8220,7697],{"class":5313},[5303,8222,5708],{"class":5356},[5303,8224,5372],{"class":5313},[5303,8226,6316],{"class":5356},[5303,8228,7170],{"class":5313},[5303,8230,8231,8233,8235,8238,8240,8242,8244,8246,8248,8250,8252],{"class":5305,"line":5451},[5303,8232,6500],{"class":5313},[5303,8234,5472],{"class":5356},[5303,8236,8237],{"class":5313},"].scatter([",[5303,8239,5290],{"class":5356},[5303,8241,5372],{"class":5313},[5303,8243,5472],{"class":5356},[5303,8245,7697],{"class":5313},[5303,8247,5412],{"class":5356},[5303,8249,5372],{"class":5313},[5303,8251,5427],{"class":5356},[5303,8253,7170],{"class":5313},[5303,8255,8256],{"class":5305,"line":5456},[5303,8257,5340],{"emptyLinePlaceholder":5339},[5303,8259,8260],{"class":5305,"line":5462},[5303,8261,5668],{"class":5313},[5303,8263,8264],{"class":5305,"line":5477},[5303,8265,5480],{"class":5313},[5303,8267,8268],{"class":5305,"line":5483},[5303,8269,5340],{"emptyLinePlaceholder":5339},[5303,8271,8272],{"class":5305,"line":5488},[5303,8273,8274],{"class":5346},"# Конфігурація 2: три рядки, один стовпець\n",[5303,8276,8277,8279,8281,8283,8285,8287,8289,8291,8293,8295,8297],{"class":5305,"line":5494},[5303,8278,6296],{"class":5313},[5303,8280,5412],{"class":5356},[5303,8282,5372],{"class":5313},[5303,8284,5290],{"class":5356},[5303,8286,5372],{"class":5313},[5303,8288,5508],{"class":5507},[5303,8290,5511],{"class":5313},[5303,8292,5402],{"class":5356},[5303,8294,5372],{"class":5313},[5303,8296,6316],{"class":5356},[5303,8298,5522],{"class":5313},[5303,8300,8301],{"class":5305,"line":5525},[5303,8302,5340],{"emptyLinePlaceholder":5339},[5303,8304,8305],{"class":5305,"line":5543},[5303,8306,8184],{"class":5346},[5303,8308,8309,8311,8313,8315,8317,8319,8321,8323,8325],{"class":5305,"line":5554},[5303,8310,6500],{"class":5313},[5303,8312,5369],{"class":5356},[5303,8314,7684],{"class":5313},[5303,8316,5290],{"class":5356},[5303,8318,5372],{"class":5313},[5303,8320,5472],{"class":5356},[5303,8322,5372],{"class":5313},[5303,8324,5412],{"class":5356},[5303,8326,7170],{"class":5313},[5303,8328,8329,8331,8333,8335,8337,8339,8341,8343,8345,8347,8349],{"class":5305,"line":5565},[5303,8330,6500],{"class":5313},[5303,8332,5290],{"class":5356},[5303,8334,7882],{"class":5313},[5303,8336,7885],{"class":5537},[5303,8338,5372],{"class":5313},[5303,8340,7890],{"class":5537},[5303,8342,7697],{"class":5313},[5303,8344,5708],{"class":5356},[5303,8346,5372],{"class":5313},[5303,8348,6316],{"class":5356},[5303,8350,7170],{"class":5313},[5303,8352,8353,8355,8357,8359,8361,8363,8365,8367,8369,8371,8373],{"class":5305,"line":5597},[5303,8354,6500],{"class":5313},[5303,8356,5472],{"class":5356},[5303,8358,8237],{"class":5313},[5303,8360,5290],{"class":5356},[5303,8362,5372],{"class":5313},[5303,8364,5472],{"class":5356},[5303,8366,7697],{"class":5313},[5303,8368,5412],{"class":5356},[5303,8370,5372],{"class":5313},[5303,8372,5427],{"class":5356},[5303,8374,7170],{"class":5313},[5303,8376,8377],{"class":5305,"line":5602},[5303,8378,5340],{"emptyLinePlaceholder":5339},[5303,8380,8381],{"class":5305,"line":5617},[5303,8382,5668],{"class":5313},[5303,8384,8385],{"class":5305,"line":5628},[5303,8386,5480],{"class":5313},[5303,8388,8389],{"class":5305,"line":5639},[5303,8390,5340],{"emptyLinePlaceholder":5339},[5303,8392,8393],{"class":5305,"line":5665},[5303,8394,8395],{"class":5346},"# Конфігурація 3: 2x3 сітка\n",[5303,8397,8398,8400,8402,8404,8406,8408,8410,8412,8414,8416,8418],{"class":5305,"line":5671},[5303,8399,6296],{"class":5313},[5303,8401,5472],{"class":5356},[5303,8403,5372],{"class":5313},[5303,8405,5412],{"class":5356},[5303,8407,5372],{"class":5313},[5303,8409,5508],{"class":5507},[5303,8411,5511],{"class":5313},[5303,8413,7123],{"class":5356},[5303,8415,5372],{"class":5313},[5303,8417,5402],{"class":5356},[5303,8419,5522],{"class":5313},[5303,8421,8422],{"class":5305,"line":5676},[5303,8423,5340],{"emptyLinePlaceholder":5339},[5303,8425,8426],{"class":5305,"line":5681},[5303,8427,8428],{"class":5346},"# axes — двовимірний масив (2, 3)\n",[5303,8430,8431,8433,8435,8437,8439,8441,8443,8445,8447],{"class":5305,"line":5687},[5303,8432,6500],{"class":5313},[5303,8434,5369],{"class":5356},[5303,8436,5372],{"class":5313},[5303,8438,5369],{"class":5356},[5303,8440,7684],{"class":5313},[5303,8442,5290],{"class":5356},[5303,8444,5372],{"class":5313},[5303,8446,5472],{"class":5356},[5303,8448,7170],{"class":5313},[5303,8450,8451,8453,8455,8457,8459,8461,8464,8466,8468],{"class":5305,"line":5713},[5303,8452,6500],{"class":5313},[5303,8454,5290],{"class":5356},[5303,8456,5372],{"class":5313},[5303,8458,5472],{"class":5356},[5303,8460,7882],{"class":5313},[5303,8462,8463],{"class":5537},"\"X\"",[5303,8465,7697],{"class":5313},[5303,8467,5514],{"class":5356},[5303,8469,7170],{"class":5313},[5303,8471,8472],{"class":5305,"line":5744},[5303,8473,5340],{"emptyLinePlaceholder":5339},[5303,8475,8476],{"class":5305,"line":5749},[5303,8477,5668],{"class":5313},[5303,8479,8480],{"class":5305,"line":5755},[5303,8481,5480],{"class":5313},[6080,8483,8484],{"v-slot:output":5298},[6083,8485],{"alt":8486,"className":8487,"src":8488},"Три різні конфігурації subplots",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F04.png",[8490,8491,8492,8497,8505,8609],"warning",{},[5261,8493,8494],{},[5224,8495,8496],{},"Пастка: flatten() для універсальності",[5261,8498,8499,8500,8502,8503,7980],{},"Якщо ви не знаєте заздалегідь розмірності ",[5300,8501,8103],{}," (одновимірний чи двовимірний), використовуйте ",[5300,8504,6146],{},[5293,8506,8508],{"className":5295,"code":8507,"language":5297,"meta":5298,"style":5298},"fig, axes = plt.subplots(2, 3)\naxes_flat = axes.flatten()  # Тепер завжди одновимірний масив [ax0, ax1, ..., ax5]\n\nfor i, ax in enumerate(axes_flat):\n    ax.text(0.5, 0.5, f\"Графік {i+1}\", ha=\"center\", va=\"center\", fontsize=14)\n",[5300,8509,8510,8522,8530,8534,8551],{"__ignoreMap":5298},[5303,8511,8512,8514,8516,8518,8520],{"class":5305,"line":5306},[5303,8513,6296],{"class":5313},[5303,8515,5472],{"class":5356},[5303,8517,5372],{"class":5313},[5303,8519,5412],{"class":5356},[5303,8521,5360],{"class":5313},[5303,8523,8524,8527],{"class":5305,"line":5323},[5303,8525,8526],{"class":5313},"axes_flat = axes.flatten()  ",[5303,8528,8529],{"class":5346},"# Тепер завжди одновимірний масив [ax0, ax1, ..., ax5]\n",[5303,8531,8532],{"class":5305,"line":5336},[5303,8533,5340],{"emptyLinePlaceholder":5339},[5303,8535,8536,8539,8542,8545,8548],{"class":5305,"line":5343},[5303,8537,8538],{"class":5309},"for",[5303,8540,8541],{"class":5313}," i, ax ",[5303,8543,8544],{"class":5309},"in",[5303,8546,8547],{"class":6553}," enumerate",[5303,8549,8550],{"class":5313},"(axes_flat):\n",[5303,8552,8553,8556,8558,8560,8562,8564,8566,8569,8571,8574,8576,8578,8580,8582,8585,8587,8590,8592,8595,8597,8599,8601,8603,8605,8607],{"class":5305,"line":5350},[5303,8554,8555],{"class":5313},"    ax.text(",[5303,8557,5592],{"class":5356},[5303,8559,5372],{"class":5313},[5303,8561,5592],{"class":5356},[5303,8563,5372],{"class":5313},[5303,8565,6810],{"class":5571},[5303,8567,8568],{"class":5537},"\"Графік ",[5303,8570,6816],{"class":5571},[5303,8572,8573],{"class":5313},"i+",[5303,8575,5290],{"class":5356},[5303,8577,7636],{"class":5571},[5303,8579,6825],{"class":5537},[5303,8581,5372],{"class":5313},[5303,8583,8584],{"class":5507},"ha",[5303,8586,5534],{"class":5313},[5303,8588,8589],{"class":5537},"\"center\"",[5303,8591,5372],{"class":5313},[5303,8593,8594],{"class":5507},"va",[5303,8596,5534],{"class":5313},[5303,8598,8589],{"class":5537},[5303,8600,5372],{"class":5313},[5303,8602,5724],{"class":5507},[5303,8604,5534],{"class":5313},[5303,8606,6311],{"class":5356},[5303,8608,5360],{"class":5313},[5261,8610,8611],{},"Це дозволяє ітерувати по осях у циклі без думок про форму масиву.",[5281,8613,8615,8616,8618,8619],{"id":8614},"повна-сигнатура-pltsubplots-та-сучасний-figsubplot_mosaic","Повна сигнатура ",[5300,8617,7979],{}," та сучасний ",[5300,8620,8621],{},"fig.subplot_mosaic()",[5261,8623,8624,8625,8627],{},"Функція ",[5300,8626,7979],{}," є основним високорівневим фабричним методом створення фігури разом із сіткою осей:",[5293,8629,8631],{"className":5295,"code":8630,"language":5297,"meta":5298,"style":5298},"plt.subplots(\n    nrows=1,\n    ncols=1,\n    *,\n    sharex=False,\n    sharey=False,\n    squeeze=True,\n    width_ratios=None,\n    height_ratios=None,\n    subplot_kw=None,\n    gridspec_kw=None,\n    **fig_kw\n) -> tuple[Figure, Axes | np.ndarray]\n",[5300,8632,8633,8638,8650,8661,8666,8677,8688,8699,8711,8722,8733,8744,8749],{"__ignoreMap":5298},[5303,8634,8635],{"class":5305,"line":5306},[5303,8636,8637],{"class":5313},"plt.subplots(\n",[5303,8639,8640,8643,8645,8647],{"class":5305,"line":5323},[5303,8641,8642],{"class":5507},"    nrows",[5303,8644,5534],{"class":5313},[5303,8646,5290],{"class":5356},[5303,8648,8649],{"class":5313},",\n",[5303,8651,8652,8655,8657,8659],{"class":5305,"line":5336},[5303,8653,8654],{"class":5507},"    ncols",[5303,8656,5534],{"class":5313},[5303,8658,5290],{"class":5356},[5303,8660,8649],{"class":5313},[5303,8662,8663],{"class":5305,"line":5343},[5303,8664,8665],{"class":5313},"    *,\n",[5303,8667,8668,8671,8673,8675],{"class":5305,"line":5350},[5303,8669,8670],{"class":5507},"    sharex",[5303,8672,5534],{"class":5313},[5303,8674,8044],{"class":5571},[5303,8676,8649],{"class":5313},[5303,8678,8679,8682,8684,8686],{"class":5305,"line":5363},[5303,8680,8681],{"class":5507},"    sharey",[5303,8683,5534],{"class":5313},[5303,8685,8044],{"class":5571},[5303,8687,8649],{"class":5313},[5303,8689,8690,8693,8695,8697],{"class":5305,"line":5384},[5303,8691,8692],{"class":5507},"    squeeze",[5303,8694,5534],{"class":5313},[5303,8696,5572],{"class":5571},[5303,8698,8649],{"class":5313},[5303,8700,8701,8704,8706,8709],{"class":5305,"line":5421},[5303,8702,8703],{"class":5507},"    width_ratios",[5303,8705,5534],{"class":5313},[5303,8707,8708],{"class":5571},"None",[5303,8710,8649],{"class":5313},[5303,8712,8713,8716,8718,8720],{"class":5305,"line":5451},[5303,8714,8715],{"class":5507},"    height_ratios",[5303,8717,5534],{"class":5313},[5303,8719,8708],{"class":5571},[5303,8721,8649],{"class":5313},[5303,8723,8724,8727,8729,8731],{"class":5305,"line":5456},[5303,8725,8726],{"class":5507},"    subplot_kw",[5303,8728,5534],{"class":5313},[5303,8730,8708],{"class":5571},[5303,8732,8649],{"class":5313},[5303,8734,8735,8738,8740,8742],{"class":5305,"line":5462},[5303,8736,8737],{"class":5507},"    gridspec_kw",[5303,8739,5534],{"class":5313},[5303,8741,8708],{"class":5571},[5303,8743,8649],{"class":5313},[5303,8745,8746],{"class":5305,"line":5477},[5303,8747,8748],{"class":5313},"    **fig_kw\n",[5303,8750,8751,8754,8758],{"class":5305,"line":5483},[5303,8752,8753],{"class":5313},") ",[5303,8755,8757],{"class":8756},"se1LK","->",[5303,8759,8760],{"class":5313}," tuple[Figure, Axes | np.ndarray]\n",[8762,8763,8764,8784],"table",{},[8765,8766,8767],"thead",{},[8768,8769,8770,8775,8778,8781],"tr",{},[8771,8772,8774],"th",{"align":8773},"left","Параметр",[8771,8776,8777],{"align":8773},"Тип",[8771,8779,8780],{"align":8773},"За замовчуванням",[8771,8782,8783],{"align":8773},"Опис та інженерне призначення",[8785,8786,8787,8811,8831,8866,8889,8911,8937],"tbody",{},[8768,8788,8789,8797,8802,8808],{},[8790,8791,8792,5372,8794],"td",{"align":8773},[5300,8793,7992],{},[5300,8795,8796],{},"ncols",[8790,8798,8799],{"align":8773},[5300,8800,8801],{},"int",[8790,8803,8804,5372,8806],{"align":8773},[5300,8805,5290],{},[5300,8807,5290],{},[8790,8809,8810],{"align":8773},"Кількість рядків і стовпців у регулярній сітці.",[8768,8812,8813,8819,8824,8828],{},[8790,8814,8815,5372,8817],{"align":8773},[5300,8816,6163],{},[5300,8818,6167],{},[8790,8820,8821],{"align":8773},[5300,8822,8823],{},"bool | {'all', 'row', 'col'}",[8790,8825,8826],{"align":8773},[5300,8827,8044],{},[8790,8829,8830],{"align":8773},"Синхронізація меж та шкали осей X або Y між підграфіками.",[8768,8832,8833,8838,8843,8847],{},[8790,8834,8835],{"align":8773},[5300,8836,8837],{},"squeeze",[8790,8839,8840],{"align":8773},[5300,8841,8842],{},"bool",[8790,8844,8845],{"align":8773},[5300,8846,5572],{},[8790,8848,8096,8849,8851,8852,8855,8856,5372,8858,8861,8862,8865],{"align":8773},[5300,8850,5572],{},", скасовує зайві виміри (повертає окремий ",[5300,8853,8854],{},"Axes"," для 1×1 або 1D масив для 1×N). Якщо ",[5300,8857,8044],{},[5224,8859,8860],{},"завжди"," повертає 2D-масив форми ",[5300,8863,8864],{},"(nrows, ncols)",".",[8768,8867,8868,8873,8878,8882],{},[8790,8869,8870],{"align":8773},[5300,8871,8872],{},"width_ratios",[8790,8874,8875],{"align":8773},[5300,8876,8877],{},"Sequence[float]",[8790,8879,8880],{"align":8773},[5300,8881,8708],{},[8790,8883,8884,8885,8888],{"align":8773},"Пропорції ширини стовпців (наприклад, ",[5300,8886,8887],{},"[2, 1]"," робить перший стовпець удвічі ширшим).",[8768,8890,8891,8896,8900,8904],{},[8790,8892,8893],{"align":8773},[5300,8894,8895],{},"height_ratios",[8790,8897,8898],{"align":8773},[5300,8899,8877],{},[8790,8901,8902],{"align":8773},[5300,8903,8708],{},[8790,8905,8906,8907,8910],{"align":8773},"Пропорції висоти рядків (наприклад, ",[5300,8908,8909],{},"[3, 1]"," для головного графіка та підвалу).",[8768,8912,8913,8918,8923,8927],{},[8790,8914,8915],{"align":8773},[5300,8916,8917],{},"subplot_kw",[8790,8919,8920],{"align":8773},[5300,8921,8922],{},"dict",[8790,8924,8925],{"align":8773},[5300,8926,8708],{},[8790,8928,8929,8930,8932,8933,8936],{"align":8773},"Словник аргументів, що передаються в кожен окремий ",[5300,8931,8854],{}," (наприклад, ",[5300,8934,8935],{},"{'projection': 'polar'}",").",[8768,8938,8939,8944,8948,8952],{},[8790,8940,8941],{"align":8773},[5300,8942,8943],{},"gridspec_kw",[8790,8945,8946],{"align":8773},[5300,8947,8922],{},[8790,8949,8950],{"align":8773},[5300,8951,8708],{},[8790,8953,8954,8955,8957,8958,5372,8961,8936],{"align":8773},"Словник додаткових параметрів для базового ",[5300,8956,5232],{}," (",[5300,8959,8960],{},"wspace",[5300,8962,8963],{},"hspace",[7970,8965,8966,8974,8985,9083],{},[5261,8967,8968],{},[5224,8969,8970,8971,8973],{},"Революційний метод ",[5300,8972,8621],{}," (Matplotlib 3.3+)",[5261,8975,8976,8977,8980,8981,8984],{},"Для побудови нестандартних екранів більше не обов'язково вручну вираховувати зрізи індексів ",[5300,8978,8979],{},"gs[:, 0]","! Метод ",[5300,8982,8983],{},"subplot_mosaic()"," дозволяє задавати макет візуально у вигляді текстової матриці:",[5293,8986,8988],{"className":5295,"code":8987,"language":5297,"meta":5298,"style":5298},"mosaic = [\n    [\"main\", \"main\"],\n    [\"bar\",  \"hist\"]\n]\nfig, ax_dict = plt.subplot_mosaic(mosaic, figsize=(10, 7))\n\n# Звернення напряму за семантичними назвами:\nax_dict[\"main\"].plot(t, cpu)\nax_dict[\"bar\"].bar(cats, vals)\nax_dict[\"hist\"].hist(errors)\n",[5300,8989,8990,8995,9010,9025,9029,9046,9050,9055,9065,9074],{"__ignoreMap":5298},[5303,8991,8992],{"class":5305,"line":5306},[5303,8993,8994],{"class":5313},"mosaic = [\n",[5303,8996,8997,9000,9003,9005,9007],{"class":5305,"line":5323},[5303,8998,8999],{"class":5313},"    [",[5303,9001,9002],{"class":5537},"\"main\"",[5303,9004,5372],{"class":5313},[5303,9006,9002],{"class":5537},[5303,9008,9009],{"class":5313},"],\n",[5303,9011,9012,9014,9017,9020,9023],{"class":5305,"line":5336},[5303,9013,8999],{"class":5313},[5303,9015,9016],{"class":5537},"\"bar\"",[5303,9018,9019],{"class":5313},",  ",[5303,9021,9022],{"class":5537},"\"hist\"",[5303,9024,6426],{"class":5313},[5303,9026,9027],{"class":5305,"line":5343},[5303,9028,6426],{"class":5313},[5303,9030,9031,9034,9036,9038,9040,9042,9044],{"class":5305,"line":5350},[5303,9032,9033],{"class":5313},"fig, ax_dict = plt.subplot_mosaic(mosaic, ",[5303,9035,5508],{"class":5507},[5303,9037,5511],{"class":5313},[5303,9039,6316],{"class":5356},[5303,9041,5372],{"class":5313},[5303,9043,5514],{"class":5356},[5303,9045,5522],{"class":5313},[5303,9047,9048],{"class":5305,"line":5363},[5303,9049,5340],{"emptyLinePlaceholder":5339},[5303,9051,9052],{"class":5305,"line":5384},[5303,9053,9054],{"class":5346},"# Звернення напряму за семантичними назвами:\n",[5303,9056,9057,9060,9062],{"class":5305,"line":5421},[5303,9058,9059],{"class":5313},"ax_dict[",[5303,9061,9002],{"class":5537},[5303,9063,9064],{"class":5313},"].plot(t, cpu)\n",[5303,9066,9067,9069,9071],{"class":5305,"line":5451},[5303,9068,9059],{"class":5313},[5303,9070,9016],{"class":5537},[5303,9072,9073],{"class":5313},"].bar(cats, vals)\n",[5303,9075,9076,9078,9080],{"class":5305,"line":5456},[5303,9077,9059],{"class":5313},[5303,9079,9022],{"class":5537},[5303,9081,9082],{"class":5313},"].hist(errors)\n",[5261,9084,9085,9086,9088],{},"Символ ",[5300,9087,8865],{}," у рядку mosaic означає порожній простір (пустий слот).",[5272,9090,9092,9101],{"title":9091,"kernel":5275},"subplots_mosaic_deep_dive.ipynb",[5277,9093,9094,9098],{"type":5279},[5281,9095,9097],{"id":9096},"дослідження-компоновок-13-22-subplot_mosaic-та-ітерація-flatten","Дослідження компоновок: 1×3, 2×2, subplot_mosaic та ітерація flatten()",[5261,9099,9100],{},"Порівняння одновимірних і двовимірних осей, декларативної мозаїки та пакетного опрацювання в циклі",[5277,9102,9104,9606],{"execution-count":5290,"execution-time":9103},"0.27s",[5293,9105,9107],{"className":5295,"code":9106,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\nrng = np.random.default_rng(42)\nt = np.linspace(0, 20, 40)\n\n# Приклад 1: Використання subplot_mosaic для асиметричного NOC-екрана\nmosaic = [\n    [\"monitor\", \"monitor\"],\n    [\"summary\", \"events\"]\n]\nfig, ax_dict = plt.subplot_mosaic(mosaic, figsize=(11, 7))\nfig.suptitle(\"NOC Дашборд через fig.subplot_mosaic()\", fontsize=14, fontweight='bold')\n\n# Головний графік зверху\nax_dict[\"monitor\"].plot(t, 40 + 15 * np.sin(t\u002F3), color='#0284c7', linewidth=2, label=\"Cluster Load\")\nax_dict[\"monitor\"].set_title(\"Головний монітор: ax_dict['monitor']\", fontweight='bold')\nax_dict[\"monitor\"].legend(loc='upper right')\nax_dict[\"monitor\"].grid(True, linestyle=':', alpha=0.5)\n\n# Підсумкова діаграма зліва знизу\nax_dict[\"summary\"].bar([\"Ok\", \"Warn\", \"Err\"], [120, 15, 2], color=['#10b981', '#f59e0b', '#ef4444'], width=0.5)\nax_dict[\"summary\"].set_title(\"Статуси: ax_dict['summary']\", fontweight='bold')\nax_dict[\"summary\"].grid(axis='y', linestyle=':', alpha=0.5)\n\n# Гістограма справа знизу\nax_dict[\"events\"].hist(rng.normal(25, 5, 100), bins=15, color='#8b5cf6', edgecolor='black')\nax_dict[\"events\"].set_title(\"Розподіл затримок: ax_dict['events']\", fontweight='bold')\nax_dict[\"events\"].grid(True, linestyle=':', alpha=0.5)\n\nplt.tight_layout()\nplt.show()\n",[5300,9108,9109,9119,9129,9133,9141,9157,9161,9166,9170,9183,9197,9201,9218,9243,9247,9252,9300,9321,9338,9366,9370,9375,9436,9457,9490,9494,9499,9545,9566,9594,9598,9602],{"__ignoreMap":5298},[5303,9110,9111,9113,9115,9117],{"class":5305,"line":5306},[5303,9112,5310],{"class":5309},[5303,9114,5314],{"class":5313},[5303,9116,5317],{"class":5309},[5303,9118,5320],{"class":5313},[5303,9120,9121,9123,9125,9127],{"class":5305,"line":5323},[5303,9122,5310],{"class":5309},[5303,9124,5328],{"class":5313},[5303,9126,5317],{"class":5309},[5303,9128,5333],{"class":5313},[5303,9130,9131],{"class":5305,"line":5336},[5303,9132,5340],{"emptyLinePlaceholder":5339},[5303,9134,9135,9137,9139],{"class":5305,"line":5343},[5303,9136,5353],{"class":5313},[5303,9138,5357],{"class":5356},[5303,9140,5360],{"class":5313},[5303,9142,9143,9145,9147,9149,9151,9153,9155],{"class":5305,"line":5350},[5303,9144,5366],{"class":5313},[5303,9146,5369],{"class":5356},[5303,9148,5372],{"class":5313},[5303,9150,5396],{"class":5356},[5303,9152,5372],{"class":5313},[5303,9154,7145],{"class":5356},[5303,9156,5360],{"class":5313},[5303,9158,9159],{"class":5305,"line":5363},[5303,9160,5340],{"emptyLinePlaceholder":5339},[5303,9162,9163],{"class":5305,"line":5384},[5303,9164,9165],{"class":5346},"# Приклад 1: Використання subplot_mosaic для асиметричного NOC-екрана\n",[5303,9167,9168],{"class":5305,"line":5421},[5303,9169,8994],{"class":5313},[5303,9171,9172,9174,9177,9179,9181],{"class":5305,"line":5451},[5303,9173,8999],{"class":5313},[5303,9175,9176],{"class":5537},"\"monitor\"",[5303,9178,5372],{"class":5313},[5303,9180,9176],{"class":5537},[5303,9182,9009],{"class":5313},[5303,9184,9185,9187,9190,9192,9195],{"class":5305,"line":5456},[5303,9186,8999],{"class":5313},[5303,9188,9189],{"class":5537},"\"summary\"",[5303,9191,5372],{"class":5313},[5303,9193,9194],{"class":5537},"\"events\"",[5303,9196,6426],{"class":5313},[5303,9198,9199],{"class":5305,"line":5462},[5303,9200,6426],{"class":5313},[5303,9202,9203,9205,9207,9209,9212,9214,9216],{"class":5305,"line":5477},[5303,9204,9033],{"class":5313},[5303,9206,5508],{"class":5507},[5303,9208,5511],{"class":5313},[5303,9210,9211],{"class":5356},"11",[5303,9213,5372],{"class":5313},[5303,9215,5514],{"class":5356},[5303,9217,5522],{"class":5313},[5303,9219,9220,9222,9225,9227,9229,9231,9233,9235,9237,9239,9241],{"class":5305,"line":5483},[5303,9221,5716],{"class":5313},[5303,9223,9224],{"class":5537},"\"NOC Дашборд через fig.subplot_mosaic()\"",[5303,9226,5372],{"class":5313},[5303,9228,5724],{"class":5507},[5303,9230,5534],{"class":5313},[5303,9232,6311],{"class":5356},[5303,9234,5372],{"class":5313},[5303,9236,5734],{"class":5507},[5303,9238,5534],{"class":5313},[5303,9240,5739],{"class":5537},[5303,9242,5360],{"class":5313},[5303,9244,9245],{"class":5305,"line":5488},[5303,9246,5340],{"emptyLinePlaceholder":5339},[5303,9248,9249],{"class":5305,"line":5494},[5303,9250,9251],{"class":5346},"# Головний графік зверху\n",[5303,9253,9254,9256,9258,9261,9263,9265,9267,9270,9272,9274,9276,9278,9281,9283,9285,9287,9289,9291,9293,9295,9298],{"class":5305,"line":5525},[5303,9255,9059],{"class":5313},[5303,9257,9176],{"class":5537},[5303,9259,9260],{"class":5313},"].plot(t, ",[5303,9262,7145],{"class":5356},[5303,9264,5393],{"class":5313},[5303,9266,7123],{"class":5356},[5303,9268,9269],{"class":5313}," * np.sin(t\u002F",[5303,9271,5412],{"class":5356},[5303,9273,7763],{"class":5313},[5303,9275,5531],{"class":5507},[5303,9277,5534],{"class":5313},[5303,9279,9280],{"class":5537},"'#0284c7'",[5303,9282,5372],{"class":5313},[5303,9284,5769],{"class":5507},[5303,9286,5534],{"class":5313},[5303,9288,5472],{"class":5356},[5303,9290,5372],{"class":5313},[5303,9292,5779],{"class":5507},[5303,9294,5534],{"class":5313},[5303,9296,9297],{"class":5537},"\"Cluster Load\"",[5303,9299,5360],{"class":5313},[5303,9301,9302,9304,9306,9308,9311,9313,9315,9317,9319],{"class":5305,"line":5543},[5303,9303,9059],{"class":5313},[5303,9305,9176],{"class":5537},[5303,9307,6593],{"class":5313},[5303,9309,9310],{"class":5537},"\"Головний монітор: ax_dict['monitor']\"",[5303,9312,5372],{"class":5313},[5303,9314,5734],{"class":5507},[5303,9316,5534],{"class":5313},[5303,9318,5739],{"class":5537},[5303,9320,5360],{"class":5313},[5303,9322,9323,9325,9327,9330,9332,9334,9336],{"class":5305,"line":5554},[5303,9324,9059],{"class":5313},[5303,9326,9176],{"class":5537},[5303,9328,9329],{"class":5313},"].legend(",[5303,9331,5874],{"class":5507},[5303,9333,5534],{"class":5313},[5303,9335,5879],{"class":5537},[5303,9337,5360],{"class":5313},[5303,9339,9340,9342,9344,9346,9348,9350,9352,9354,9356,9358,9360,9362,9364],{"class":5305,"line":5565},[5303,9341,9059],{"class":5313},[5303,9343,9176],{"class":5537},[5303,9345,6637],{"class":5313},[5303,9347,5572],{"class":5571},[5303,9349,5372],{"class":5313},[5303,9351,5577],{"class":5507},[5303,9353,5534],{"class":5313},[5303,9355,5582],{"class":5537},[5303,9357,5372],{"class":5313},[5303,9359,5587],{"class":5507},[5303,9361,5534],{"class":5313},[5303,9363,5592],{"class":5356},[5303,9365,5360],{"class":5313},[5303,9367,9368],{"class":5305,"line":5597},[5303,9369,5340],{"emptyLinePlaceholder":5339},[5303,9371,9372],{"class":5305,"line":5602},[5303,9373,9374],{"class":5346},"# Підсумкова діаграма зліва знизу\n",[5303,9376,9377,9379,9381,9383,9386,9388,9391,9393,9396,9398,9400,9402,9404,9406,9408,9410,9412,9414,9416,9418,9421,9423,9425,9427,9430,9432,9434],{"class":5305,"line":5617},[5303,9378,9059],{"class":5313},[5303,9380,9189],{"class":5537},[5303,9382,7882],{"class":5313},[5303,9384,9385],{"class":5537},"\"Ok\"",[5303,9387,5372],{"class":5313},[5303,9389,9390],{"class":5537},"\"Warn\"",[5303,9392,5372],{"class":5313},[5303,9394,9395],{"class":5537},"\"Err\"",[5303,9397,7697],{"class":5313},[5303,9399,6434],{"class":5356},[5303,9401,5372],{"class":5313},[5303,9403,7123],{"class":5356},[5303,9405,5372],{"class":5313},[5303,9407,5472],{"class":5356},[5303,9409,7711],{"class":5313},[5303,9411,5531],{"class":5507},[5303,9413,7914],{"class":5313},[5303,9415,5612],{"class":5537},[5303,9417,5372],{"class":5313},[5303,9419,9420],{"class":5537},"'#f59e0b'",[5303,9422,5372],{"class":5313},[5303,9424,5764],{"class":5537},[5303,9426,7711],{"class":5313},[5303,9428,9429],{"class":5507},"width",[5303,9431,5534],{"class":5313},[5303,9433,5592],{"class":5356},[5303,9435,5360],{"class":5313},[5303,9437,9438,9440,9442,9444,9447,9449,9451,9453,9455],{"class":5305,"line":5628},[5303,9439,9059],{"class":5313},[5303,9441,9189],{"class":5537},[5303,9443,6593],{"class":5313},[5303,9445,9446],{"class":5537},"\"Статуси: ax_dict['summary']\"",[5303,9448,5372],{"class":5313},[5303,9450,5734],{"class":5507},[5303,9452,5534],{"class":5313},[5303,9454,5739],{"class":5537},[5303,9456,5360],{"class":5313},[5303,9458,9459,9461,9463,9465,9467,9469,9472,9474,9476,9478,9480,9482,9484,9486,9488],{"class":5305,"line":5639},[5303,9460,9059],{"class":5313},[5303,9462,9189],{"class":5537},[5303,9464,6637],{"class":5313},[5303,9466,6665],{"class":5507},[5303,9468,5534],{"class":5313},[5303,9470,9471],{"class":5537},"'y'",[5303,9473,5372],{"class":5313},[5303,9475,5577],{"class":5507},[5303,9477,5534],{"class":5313},[5303,9479,5582],{"class":5537},[5303,9481,5372],{"class":5313},[5303,9483,5587],{"class":5507},[5303,9485,5534],{"class":5313},[5303,9487,5592],{"class":5356},[5303,9489,5360],{"class":5313},[5303,9491,9492],{"class":5305,"line":5665},[5303,9493,5340],{"emptyLinePlaceholder":5339},[5303,9495,9496],{"class":5305,"line":5671},[5303,9497,9498],{"class":5346},"# Гістограма справа знизу\n",[5303,9500,9501,9503,9505,9507,9509,9511,9513,9515,9517,9519,9521,9523,9525,9527,9529,9531,9534,9536,9538,9540,9543],{"class":5305,"line":5676},[5303,9502,9059],{"class":5313},[5303,9504,9194],{"class":5537},[5303,9506,7750],{"class":5313},[5303,9508,6731],{"class":5356},[5303,9510,5372],{"class":5313},[5303,9512,5708],{"class":5356},[5303,9514,5372],{"class":5313},[5303,9516,7223],{"class":5356},[5303,9518,7763],{"class":5313},[5303,9520,6726],{"class":5507},[5303,9522,5534],{"class":5313},[5303,9524,7123],{"class":5356},[5303,9526,5372],{"class":5313},[5303,9528,5531],{"class":5507},[5303,9530,5534],{"class":5313},[5303,9532,9533],{"class":5537},"'#8b5cf6'",[5303,9535,5372],{"class":5313},[5303,9537,6745],{"class":5507},[5303,9539,5534],{"class":5313},[5303,9541,9542],{"class":5537},"'black'",[5303,9544,5360],{"class":5313},[5303,9546,9547,9549,9551,9553,9556,9558,9560,9562,9564],{"class":5305,"line":5681},[5303,9548,9059],{"class":5313},[5303,9550,9194],{"class":5537},[5303,9552,6593],{"class":5313},[5303,9554,9555],{"class":5537},"\"Розподіл затримок: ax_dict['events']\"",[5303,9557,5372],{"class":5313},[5303,9559,5734],{"class":5507},[5303,9561,5534],{"class":5313},[5303,9563,5739],{"class":5537},[5303,9565,5360],{"class":5313},[5303,9567,9568,9570,9572,9574,9576,9578,9580,9582,9584,9586,9588,9590,9592],{"class":5305,"line":5687},[5303,9569,9059],{"class":5313},[5303,9571,9194],{"class":5537},[5303,9573,6637],{"class":5313},[5303,9575,5572],{"class":5571},[5303,9577,5372],{"class":5313},[5303,9579,5577],{"class":5507},[5303,9581,5534],{"class":5313},[5303,9583,5582],{"class":5537},[5303,9585,5372],{"class":5313},[5303,9587,5587],{"class":5507},[5303,9589,5534],{"class":5313},[5303,9591,5592],{"class":5356},[5303,9593,5360],{"class":5313},[5303,9595,9596],{"class":5305,"line":5713},[5303,9597,5340],{"emptyLinePlaceholder":5339},[5303,9599,9600],{"class":5305,"line":5744},[5303,9601,5668],{"class":5313},[5303,9603,9604],{"class":5305,"line":5749},[5303,9605,5480],{"class":5313},[6080,9607,9608],{"v-slot:output":5298},[6083,9609],{"alt":9610,"className":9611,"src":9612},"Анатомія plt.subplots та subplot_mosaic",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F12.png",[5253,9614],{},[5256,9616,9618],{"id":9617},"gridspec-нестандартні-компоновки","GridSpec — нестандартні компоновки",[5261,9620,9621,9622,9625],{},"Іноді потрібна ",[5224,9623,9624],{},"асиметрична"," сітка: один великий графік зліва + два маленькі справа.",[5272,9627,9629,9635],{"title":9628},"gridspec_example.ipynb",[5277,9630,9631],{"type":5279},[5281,9632,9634],{"id":9633},"gridspec-для-складних-композицій","GridSpec для складних композицій",[5277,9636,9637,10057],{"execution-count":5290},[5293,9638,9640],{"className":5295,"code":9639,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport matplotlib.gridspec as gridspec\nimport numpy as np\n\nrng = np.random.default_rng(seed=42)\n\nfig = plt.figure(figsize=(12, 8))\ngs = gridspec.GridSpec(2, 2, figure=fig, width_ratios=[2, 1], height_ratios=[1, 1])\n\n# Лівий графік — займає два рядки\nax_left = fig.add_subplot(gs[:, 0])  # Всі рядки (:), перший стовпець (0)\nx = np.linspace(0, 10, 100)\nax_left.plot(x, np.sin(x), label=\"sin(x)\", linewidth=2)\nax_left.plot(x, np.cos(x), label=\"cos(x)\", linewidth=2)\nax_left.set_title(\"Основний графік (великий)\", fontsize=13, fontweight=\"bold\")\nax_left.legend()\nax_left.grid(True, alpha=0.3)\n\n# Правий верхній\nax_top_right = fig.add_subplot(gs[0, 1])\nax_top_right.hist(rng.normal(0, 1, 300), bins=20, color=\"coral\", edgecolor=\"black\")\nax_top_right.set_title(\"Деталь 1\", fontweight=\"bold\")\n\n# Правий нижній\nax_bottom_right = fig.add_subplot(gs[1, 1])\nax_bottom_right.scatter(rng.random(50), rng.random(50), s=80, alpha=0.7, c=\"purple\")\nax_bottom_right.set_title(\"Деталь 2\", fontweight=\"bold\")\n\nplt.tight_layout()\nplt.show()\n",[5300,9641,9642,9652,9664,9674,9678,9690,9694,9711,9754,9758,9763,9776,9793,9815,9837,9863,9868,9885,9889,9894,9907,9949,9967,9971,9976,9989,10027,10045,10049,10053],{"__ignoreMap":5298},[5303,9643,9644,9646,9648,9650],{"class":5305,"line":5306},[5303,9645,5310],{"class":5309},[5303,9647,5314],{"class":5313},[5303,9649,5317],{"class":5309},[5303,9651,5320],{"class":5313},[5303,9653,9654,9656,9659,9661],{"class":5305,"line":5323},[5303,9655,5310],{"class":5309},[5303,9657,9658],{"class":5313}," matplotlib.gridspec ",[5303,9660,5317],{"class":5309},[5303,9662,9663],{"class":5313}," gridspec\n",[5303,9665,9666,9668,9670,9672],{"class":5305,"line":5336},[5303,9667,5310],{"class":5309},[5303,9669,5328],{"class":5313},[5303,9671,5317],{"class":5309},[5303,9673,5333],{"class":5313},[5303,9675,9676],{"class":5305,"line":5343},[5303,9677,5340],{"emptyLinePlaceholder":5339},[5303,9679,9680,9682,9684,9686,9688],{"class":5305,"line":5350},[5303,9681,5353],{"class":5313},[5303,9683,6281],{"class":5507},[5303,9685,5534],{"class":5313},[5303,9687,5357],{"class":5356},[5303,9689,5360],{"class":5313},[5303,9691,9692],{"class":5305,"line":5363},[5303,9693,5340],{"emptyLinePlaceholder":5339},[5303,9695,9696,9699,9701,9703,9705,9707,9709],{"class":5305,"line":5384},[5303,9697,9698],{"class":5313},"fig = plt.figure(",[5303,9700,5508],{"class":5507},[5303,9702,5511],{"class":5313},[5303,9704,6703],{"class":5356},[5303,9706,5372],{"class":5313},[5303,9708,5402],{"class":5356},[5303,9710,5522],{"class":5313},[5303,9712,9713,9716,9718,9720,9722,9724,9727,9730,9732,9734,9736,9738,9740,9742,9744,9746,9748,9750,9752],{"class":5305,"line":5421},[5303,9714,9715],{"class":5313},"gs = gridspec.GridSpec(",[5303,9717,5472],{"class":5356},[5303,9719,5372],{"class":5313},[5303,9721,5472],{"class":5356},[5303,9723,5372],{"class":5313},[5303,9725,9726],{"class":5507},"figure",[5303,9728,9729],{"class":5313},"=fig, ",[5303,9731,8872],{"class":5507},[5303,9733,7914],{"class":5313},[5303,9735,5472],{"class":5356},[5303,9737,5372],{"class":5313},[5303,9739,5290],{"class":5356},[5303,9741,7711],{"class":5313},[5303,9743,8895],{"class":5507},[5303,9745,7914],{"class":5313},[5303,9747,5290],{"class":5356},[5303,9749,5372],{"class":5313},[5303,9751,5290],{"class":5356},[5303,9753,7170],{"class":5313},[5303,9755,9756],{"class":5305,"line":5451},[5303,9757,5340],{"emptyLinePlaceholder":5339},[5303,9759,9760],{"class":5305,"line":5456},[5303,9761,9762],{"class":5346},"# Лівий графік — займає два рядки\n",[5303,9764,9765,9768,9770,9773],{"class":5305,"line":5462},[5303,9766,9767],{"class":5313},"ax_left = fig.add_subplot(gs[:, ",[5303,9769,5369],{"class":5356},[5303,9771,9772],{"class":5313},"])  ",[5303,9774,9775],{"class":5346},"# Всі рядки (:), перший стовпець (0)\n",[5303,9777,9778,9781,9783,9785,9787,9789,9791],{"class":5305,"line":5477},[5303,9779,9780],{"class":5313},"x = np.linspace(",[5303,9782,5369],{"class":5356},[5303,9784,5372],{"class":5313},[5303,9786,6316],{"class":5356},[5303,9788,5372],{"class":5313},[5303,9790,7223],{"class":5356},[5303,9792,5360],{"class":5313},[5303,9794,9795,9798,9800,9802,9805,9807,9809,9811,9813],{"class":5305,"line":5483},[5303,9796,9797],{"class":5313},"ax_left.plot(x, np.sin(x), ",[5303,9799,5779],{"class":5507},[5303,9801,5534],{"class":5313},[5303,9803,9804],{"class":5537},"\"sin(x)\"",[5303,9806,5372],{"class":5313},[5303,9808,5769],{"class":5507},[5303,9810,5534],{"class":5313},[5303,9812,5472],{"class":5356},[5303,9814,5360],{"class":5313},[5303,9816,9817,9820,9822,9824,9827,9829,9831,9833,9835],{"class":5305,"line":5488},[5303,9818,9819],{"class":5313},"ax_left.plot(x, np.cos(x), ",[5303,9821,5779],{"class":5507},[5303,9823,5534],{"class":5313},[5303,9825,9826],{"class":5537},"\"cos(x)\"",[5303,9828,5372],{"class":5313},[5303,9830,5769],{"class":5507},[5303,9832,5534],{"class":5313},[5303,9834,5472],{"class":5356},[5303,9836,5360],{"class":5313},[5303,9838,9839,9842,9845,9847,9849,9851,9853,9855,9857,9859,9861],{"class":5305,"line":5494},[5303,9840,9841],{"class":5313},"ax_left.set_title(",[5303,9843,9844],{"class":5537},"\"Основний графік (великий)\"",[5303,9846,5372],{"class":5313},[5303,9848,5724],{"class":5507},[5303,9850,5534],{"class":5313},[5303,9852,5729],{"class":5356},[5303,9854,5372],{"class":5313},[5303,9856,5734],{"class":5507},[5303,9858,5534],{"class":5313},[5303,9860,6347],{"class":5537},[5303,9862,5360],{"class":5313},[5303,9864,9865],{"class":5305,"line":5525},[5303,9866,9867],{"class":5313},"ax_left.legend()\n",[5303,9869,9870,9873,9875,9877,9879,9881,9883],{"class":5305,"line":5543},[5303,9871,9872],{"class":5313},"ax_left.grid(",[5303,9874,5572],{"class":5571},[5303,9876,5372],{"class":5313},[5303,9878,5587],{"class":5507},[5303,9880,5534],{"class":5313},[5303,9882,6570],{"class":5356},[5303,9884,5360],{"class":5313},[5303,9886,9887],{"class":5305,"line":5554},[5303,9888,5340],{"emptyLinePlaceholder":5339},[5303,9890,9891],{"class":5305,"line":5565},[5303,9892,9893],{"class":5346},"# Правий верхній\n",[5303,9895,9896,9899,9901,9903,9905],{"class":5305,"line":5597},[5303,9897,9898],{"class":5313},"ax_top_right = fig.add_subplot(gs[",[5303,9900,5369],{"class":5356},[5303,9902,5372],{"class":5313},[5303,9904,5290],{"class":5356},[5303,9906,7170],{"class":5313},[5303,9908,9909,9912,9914,9916,9918,9920,9923,9925,9927,9929,9931,9933,9935,9937,9939,9941,9943,9945,9947],{"class":5305,"line":5602},[5303,9910,9911],{"class":5313},"ax_top_right.hist(rng.normal(",[5303,9913,5369],{"class":5356},[5303,9915,5372],{"class":5313},[5303,9917,5290],{"class":5356},[5303,9919,5372],{"class":5313},[5303,9921,9922],{"class":5356},"300",[5303,9924,7763],{"class":5313},[5303,9926,6726],{"class":5507},[5303,9928,5534],{"class":5313},[5303,9930,5396],{"class":5356},[5303,9932,5372],{"class":5313},[5303,9934,5531],{"class":5507},[5303,9936,5534],{"class":5313},[5303,9938,6740],{"class":5537},[5303,9940,5372],{"class":5313},[5303,9942,6745],{"class":5507},[5303,9944,5534],{"class":5313},[5303,9946,6750],{"class":5537},[5303,9948,5360],{"class":5313},[5303,9950,9951,9954,9957,9959,9961,9963,9965],{"class":5305,"line":5617},[5303,9952,9953],{"class":5313},"ax_top_right.set_title(",[5303,9955,9956],{"class":5537},"\"Деталь 1\"",[5303,9958,5372],{"class":5313},[5303,9960,5734],{"class":5507},[5303,9962,5534],{"class":5313},[5303,9964,6347],{"class":5537},[5303,9966,5360],{"class":5313},[5303,9968,9969],{"class":5305,"line":5628},[5303,9970,5340],{"emptyLinePlaceholder":5339},[5303,9972,9973],{"class":5305,"line":5639},[5303,9974,9975],{"class":5346},"# Правий нижній\n",[5303,9977,9978,9981,9983,9985,9987],{"class":5305,"line":5665},[5303,9979,9980],{"class":5313},"ax_bottom_right = fig.add_subplot(gs[",[5303,9982,5290],{"class":5356},[5303,9984,5372],{"class":5313},[5303,9986,5290],{"class":5356},[5303,9988,7170],{"class":5313},[5303,9990,9991,9994,9996,9998,10000,10002,10004,10006,10008,10010,10012,10014,10016,10018,10021,10023,10025],{"class":5305,"line":5671},[5303,9992,9993],{"class":5313},"ax_bottom_right.scatter(rng.random(",[5303,9995,5795],{"class":5356},[5303,9997,7827],{"class":5313},[5303,9999,5795],{"class":5356},[5303,10001,7763],{"class":5313},[5303,10003,7218],{"class":5507},[5303,10005,5534],{"class":5313},[5303,10007,7183],{"class":5356},[5303,10009,5372],{"class":5313},[5303,10011,5587],{"class":5507},[5303,10013,5534],{"class":5313},[5303,10015,6759],{"class":5356},[5303,10017,5372],{"class":5313},[5303,10019,10020],{"class":5507},"c",[5303,10022,5534],{"class":5313},[5303,10024,7243],{"class":5537},[5303,10026,5360],{"class":5313},[5303,10028,10029,10032,10035,10037,10039,10041,10043],{"class":5305,"line":5676},[5303,10030,10031],{"class":5313},"ax_bottom_right.set_title(",[5303,10033,10034],{"class":5537},"\"Деталь 2\"",[5303,10036,5372],{"class":5313},[5303,10038,5734],{"class":5507},[5303,10040,5534],{"class":5313},[5303,10042,6347],{"class":5537},[5303,10044,5360],{"class":5313},[5303,10046,10047],{"class":5305,"line":5681},[5303,10048,5340],{"emptyLinePlaceholder":5339},[5303,10050,10051],{"class":5305,"line":5687},[5303,10052,5668],{"class":5313},[5303,10054,10055],{"class":5305,"line":5713},[5303,10056,5480],{"class":5313},[6080,10058,10059],{"v-slot:output":5298},[6083,10060],{"alt":10061,"className":10062,"src":10063},"GridSpec асиметрична композиція",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F05.png",[7970,10065,10066,10071,10191,10196],{},[5261,10067,10068],{},[5224,10069,10070],{},"Синтаксис GridSpec:",[5293,10072,10074],{"className":5295,"code":10073,"language":5297,"meta":5298,"style":5298},"gs = gridspec.GridSpec(nrows, ncols, \n                       figure=fig,\n                       width_ratios=[2, 1],   # Співвідношення ширини стовпців\n                       height_ratios=[1, 2],  # Співвідношення висоти рядків\n                       wspace=0.3,            # Горизонтальний проміжок\n                       hspace=0.4)            # Вертикальний проміжок\n\n# Додавання осей:\nax = fig.add_subplot(gs[row, col])         # Одна клітинка\nax = fig.add_subplot(gs[row1:row2, col])   # Кілька рядків\nax = fig.add_subplot(gs[:, col1:col2])     # Кілька стовпців\n",[5300,10075,10076,10081,10089,10108,10127,10142,10158,10162,10167,10175,10183],{"__ignoreMap":5298},[5303,10077,10078],{"class":5305,"line":5306},[5303,10079,10080],{"class":5313},"gs = gridspec.GridSpec(nrows, ncols, \n",[5303,10082,10083,10086],{"class":5305,"line":5323},[5303,10084,10085],{"class":5507},"                       figure",[5303,10087,10088],{"class":5313},"=fig,\n",[5303,10090,10091,10094,10096,10098,10100,10102,10105],{"class":5305,"line":5336},[5303,10092,10093],{"class":5507},"                       width_ratios",[5303,10095,7914],{"class":5313},[5303,10097,5472],{"class":5356},[5303,10099,5372],{"class":5313},[5303,10101,5290],{"class":5356},[5303,10103,10104],{"class":5313},"],   ",[5303,10106,10107],{"class":5346},"# Співвідношення ширини стовпців\n",[5303,10109,10110,10113,10115,10117,10119,10121,10124],{"class":5305,"line":5343},[5303,10111,10112],{"class":5507},"                       height_ratios",[5303,10114,7914],{"class":5313},[5303,10116,5290],{"class":5356},[5303,10118,5372],{"class":5313},[5303,10120,5472],{"class":5356},[5303,10122,10123],{"class":5313},"],  ",[5303,10125,10126],{"class":5346},"# Співвідношення висоти рядків\n",[5303,10128,10129,10132,10134,10136,10139],{"class":5305,"line":5350},[5303,10130,10131],{"class":5507},"                       wspace",[5303,10133,5534],{"class":5313},[5303,10135,6570],{"class":5356},[5303,10137,10138],{"class":5313},",            ",[5303,10140,10141],{"class":5346},"# Горизонтальний проміжок\n",[5303,10143,10144,10147,10149,10152,10155],{"class":5305,"line":5363},[5303,10145,10146],{"class":5507},"                       hspace",[5303,10148,5534],{"class":5313},[5303,10150,10151],{"class":5356},"0.4",[5303,10153,10154],{"class":5313},")            ",[5303,10156,10157],{"class":5346},"# Вертикальний проміжок\n",[5303,10159,10160],{"class":5305,"line":5384},[5303,10161,5340],{"emptyLinePlaceholder":5339},[5303,10163,10164],{"class":5305,"line":5421},[5303,10165,10166],{"class":5346},"# Додавання осей:\n",[5303,10168,10169,10172],{"class":5305,"line":5451},[5303,10170,10171],{"class":5313},"ax = fig.add_subplot(gs[row, col])         ",[5303,10173,10174],{"class":5346},"# Одна клітинка\n",[5303,10176,10177,10180],{"class":5305,"line":5456},[5303,10178,10179],{"class":5313},"ax = fig.add_subplot(gs[row1:row2, col])   ",[5303,10181,10182],{"class":5346},"# Кілька рядків\n",[5303,10184,10185,10188],{"class":5305,"line":5462},[5303,10186,10187],{"class":5313},"ax = fig.add_subplot(gs[:, col1:col2])     ",[5303,10189,10190],{"class":5346},"# Кілька стовпців\n",[5261,10192,10193],{},[5224,10194,10195],{},"Зрізи (slicing):",[5198,10197,10198,10204,10209],{},[5201,10199,10200,10203],{},[5300,10201,10202],{},"gs[0, 1]"," — рядок 0, стовпець 1",[5201,10205,10206,10208],{},[5300,10207,8979],{}," — всі рядки, стовпець 0",[5201,10210,10211,10214],{},[5300,10212,10213],{},"gs[1:3, :]"," — рядки 1–2, всі стовпці",[5281,10216,8615,10218,10220],{"id":10217},"повна-сигнатура-gridspec-та-архітектура-інженерного-jointplot",[5300,10219,5232],{}," та архітектура інженерного Jointplot",[5261,10222,10223,10224,10227],{},"Клас ",[5300,10225,10226],{},"matplotlib.gridspec.GridSpec"," є низькорівневим координатором геометрії. Він дозволяє будувати довільні асиметричні компоновки, коли кожен підграфік займає кілька комірок віртуальної матриці.",[5293,10229,10231],{"className":5295,"code":10230,"language":5297,"meta":5298,"style":5298},"matplotlib.gridspec.GridSpec(\n    nrows,\n    ncols,\n    figure=None,\n    left=None,\n    bottom=None,\n    right=None,\n    top=None,\n    wspace=None,\n    hspace=None,\n    width_ratios=None,\n    height_ratios=None\n)\n",[5300,10232,10233,10238,10243,10248,10259,10270,10281,10292,10303,10314,10325,10335,10344],{"__ignoreMap":5298},[5303,10234,10235],{"class":5305,"line":5306},[5303,10236,10237],{"class":5313},"matplotlib.gridspec.GridSpec(\n",[5303,10239,10240],{"class":5305,"line":5323},[5303,10241,10242],{"class":5313},"    nrows,\n",[5303,10244,10245],{"class":5305,"line":5336},[5303,10246,10247],{"class":5313},"    ncols,\n",[5303,10249,10250,10253,10255,10257],{"class":5305,"line":5343},[5303,10251,10252],{"class":5507},"    figure",[5303,10254,5534],{"class":5313},[5303,10256,8708],{"class":5571},[5303,10258,8649],{"class":5313},[5303,10260,10261,10264,10266,10268],{"class":5305,"line":5350},[5303,10262,10263],{"class":5507},"    left",[5303,10265,5534],{"class":5313},[5303,10267,8708],{"class":5571},[5303,10269,8649],{"class":5313},[5303,10271,10272,10275,10277,10279],{"class":5305,"line":5363},[5303,10273,10274],{"class":5507},"    bottom",[5303,10276,5534],{"class":5313},[5303,10278,8708],{"class":5571},[5303,10280,8649],{"class":5313},[5303,10282,10283,10286,10288,10290],{"class":5305,"line":5384},[5303,10284,10285],{"class":5507},"    right",[5303,10287,5534],{"class":5313},[5303,10289,8708],{"class":5571},[5303,10291,8649],{"class":5313},[5303,10293,10294,10297,10299,10301],{"class":5305,"line":5421},[5303,10295,10296],{"class":5507},"    top",[5303,10298,5534],{"class":5313},[5303,10300,8708],{"class":5571},[5303,10302,8649],{"class":5313},[5303,10304,10305,10308,10310,10312],{"class":5305,"line":5451},[5303,10306,10307],{"class":5507},"    wspace",[5303,10309,5534],{"class":5313},[5303,10311,8708],{"class":5571},[5303,10313,8649],{"class":5313},[5303,10315,10316,10319,10321,10323],{"class":5305,"line":5456},[5303,10317,10318],{"class":5507},"    hspace",[5303,10320,5534],{"class":5313},[5303,10322,8708],{"class":5571},[5303,10324,8649],{"class":5313},[5303,10326,10327,10329,10331,10333],{"class":5305,"line":5462},[5303,10328,8703],{"class":5507},[5303,10330,5534],{"class":5313},[5303,10332,8708],{"class":5571},[5303,10334,8649],{"class":5313},[5303,10336,10337,10339,10341],{"class":5305,"line":5477},[5303,10338,8715],{"class":5507},[5303,10340,5534],{"class":5313},[5303,10342,10343],{"class":5571},"None\n",[5303,10345,10346],{"class":5305,"line":5483},[5303,10347,5360],{"class":5313},[8762,10349,10350,10362],{},[8765,10351,10352],{},[8768,10353,10354,10356,10358,10360],{},[8771,10355,8774],{"align":8773},[8771,10357,8777],{"align":8773},[8771,10359,8780],{"align":8773},[8771,10361,8783],{"align":8773},[8785,10363,10364,10385,10406,10427,10449,10466],{},[8768,10365,10366,10372,10376,10382],{},[8790,10367,10368,5372,10370],{"align":8773},[5300,10369,7992],{},[5300,10371,8796],{},[8790,10373,10374],{"align":8773},[5300,10375,8801],{},[8790,10377,10378],{"align":8773},[10379,10380,10381],"em",{},"обов'язкові",[8790,10383,10384],{"align":8773},"Кількість рядків і стовпців віртуальної координатної сітки.",[8768,10386,10387,10391,10395,10399],{},[8790,10388,10389],{"align":8773},[5300,10390,8872],{},[8790,10392,10393],{"align":8773},[5300,10394,8877],{},[8790,10396,10397],{"align":8773},[5300,10398,8708],{},[8790,10400,10401,10402,10405],{"align":8773},"Співвідношення ширини стовпців (наприклад, ",[5300,10403,10404],{},"[4, 1]"," для великої зони аналізу та вузької бічної панелі).",[8768,10407,10408,10412,10416,10420],{},[8790,10409,10410],{"align":8773},[5300,10411,8895],{},[8790,10413,10414],{"align":8773},[5300,10415,8877],{},[8790,10417,10418],{"align":8773},[5300,10419,8708],{},[8790,10421,10422,10423,10426],{"align":8773},"Співвідношення висоти рядків (наприклад, ",[5300,10424,10425],{},"[1, 4]"," для компактної шапки та головного полотна).",[8768,10428,10429,10433,10438,10443],{},[8790,10430,10431],{"align":8773},[5300,10432,8960],{},[8790,10434,10435],{"align":8773},[5300,10436,10437],{},"float",[8790,10439,10440,10442],{"align":8773},[5300,10441,8708],{}," (rcParams)",[8790,10444,10445,10446,8936],{"align":8773},"Горизонтальний проміжок між сусідніми стовпцями (для злитих графіків jointplot ставлять ",[5300,10447,10448],{},"0.05–0.08",[8768,10450,10451,10455,10459,10463],{},[8790,10452,10453],{"align":8773},[5300,10454,8963],{},[8790,10456,10457],{"align":8773},[5300,10458,10437],{},[8790,10460,10461,10442],{"align":8773},[5300,10462,8708],{},[8790,10464,10465],{"align":8773},"Вертикальний проміжок між сусідніми рядками.",[8768,10467,10468,10481,10485,10489],{},[8790,10469,10470,5372,10472,5372,10475,5372,10478],{"align":8773},[5300,10471,8773],{},[5300,10473,10474],{},"right",[5300,10476,10477],{},"bottom",[5300,10479,10480],{},"top",[8790,10482,10483],{"align":8773},[5300,10484,10437],{},[8790,10486,10487],{"align":8773},[5300,10488,8708],{},[8790,10490,10491],{"align":8773},"Межі розміщення сітки відносно країв полотна у частках від 0.0 до 1.0.",[5272,10493,10495,10504],{"title":10494,"kernel":5275},"gridspec_jointplot_deep_dive.ipynb",[5277,10496,10497,10501],{"type":5279},[5281,10498,10500],{"id":10499},"професійний-патерн-створення-класичного-jointplot-через-gridspec","Професійний патерн: Створення класичного Jointplot через GridSpec",[5261,10502,10503],{},"Поєднання двовимірного розсіювання (Scatter) з маргінальними розподілами (Histogram) зверху та праворуч",[5277,10505,10507,11044],{"execution-count":5290,"execution-time":10506},"0.29s",[5293,10508,10510],{"className":5295,"code":10509,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport matplotlib.gridspec as gridspec\nimport numpy as np\n\nrng = np.random.default_rng(42)\nx = rng.normal(50, 15, 300)\ny = 0.6 * x + rng.normal(20, 8, 300)\n\nfig = plt.figure(figsize=(10, 8))\n# Сітка 2x2: верхній рядок низький (height_ratio=1), лівий стовпець широкий (width_ratio=4)\ngs = gridspec.GridSpec(2, 2, figure=fig, width_ratios=[4, 1], height_ratios=[1, 4],\n                       wspace=0.08, hspace=0.08)\n\n# 1. Центральний головний scatter plot\nax_main = fig.add_subplot(gs[1, 0])\nax_main.scatter(x, y, color='#059669', alpha=0.5, edgecolor='#064e3b', s=30)\nax_main.set_xlabel(\"Вхідний трафік (Mb\u002Fs)\")\nax_main.set_ylabel(\"Затримка виконання (ms)\")\nax_main.grid(True, linestyle=':', alpha=0.6)\n\n# 2. Верхня маргінальна гістограма (спільна вісь X з ax_main)\nax_top = fig.add_subplot(gs[0, 0], sharex=ax_main)\nax_top.hist(x, bins=30, color='#34d399', edgecolor='#065f46', alpha=0.7)\nax_top.set_title(\"Архітектура Jointplot: Main + Marginal Distributions\", fontweight='bold')\nax_top.grid(axis='y', linestyle=':', alpha=0.4)\n# Приховуємо підписи осі X, щоб вони не дублювали головний графік\nplt.setp(ax_top.get_xticklabels(), visible=False)\n\n# 3. Права маргінальна гістограма (спільна вісь Y з ax_main)\nax_right = fig.add_subplot(gs[1, 1], sharey=ax_main)\nax_right.hist(y, bins=30, orientation='horizontal', color='#34d399', edgecolor='#065f46', alpha=0.7)\nax_right.grid(axis='x', linestyle=':', alpha=0.4)\n# Приховуємо підписи осі Y\nplt.setp(ax_right.get_yticklabels(), visible=False)\n\nplt.show()\n",[5300,10511,10512,10522,10532,10542,10546,10554,10571,10593,10597,10613,10618,10658,10677,10681,10686,10699,10738,10748,10758,10783,10787,10792,10810,10849,10867,10896,10901,10915,10919,10924,10941,10988,11018,11023,11036,11040],{"__ignoreMap":5298},[5303,10513,10514,10516,10518,10520],{"class":5305,"line":5306},[5303,10515,5310],{"class":5309},[5303,10517,5314],{"class":5313},[5303,10519,5317],{"class":5309},[5303,10521,5320],{"class":5313},[5303,10523,10524,10526,10528,10530],{"class":5305,"line":5323},[5303,10525,5310],{"class":5309},[5303,10527,9658],{"class":5313},[5303,10529,5317],{"class":5309},[5303,10531,9663],{"class":5313},[5303,10533,10534,10536,10538,10540],{"class":5305,"line":5336},[5303,10535,5310],{"class":5309},[5303,10537,5328],{"class":5313},[5303,10539,5317],{"class":5309},[5303,10541,5333],{"class":5313},[5303,10543,10544],{"class":5305,"line":5343},[5303,10545,5340],{"emptyLinePlaceholder":5339},[5303,10547,10548,10550,10552],{"class":5305,"line":5350},[5303,10549,5353],{"class":5313},[5303,10551,5357],{"class":5356},[5303,10553,5360],{"class":5313},[5303,10555,10556,10559,10561,10563,10565,10567,10569],{"class":5305,"line":5363},[5303,10557,10558],{"class":5313},"x = rng.normal(",[5303,10560,5795],{"class":5356},[5303,10562,5372],{"class":5313},[5303,10564,7123],{"class":5356},[5303,10566,5372],{"class":5313},[5303,10568,9922],{"class":5356},[5303,10570,5360],{"class":5313},[5303,10572,10573,10576,10578,10581,10583,10585,10587,10589,10591],{"class":5305,"line":5384},[5303,10574,10575],{"class":5313},"y = ",[5303,10577,7846],{"class":5356},[5303,10579,10580],{"class":5313}," * x + rng.normal(",[5303,10582,5396],{"class":5356},[5303,10584,5372],{"class":5313},[5303,10586,5402],{"class":5356},[5303,10588,5372],{"class":5313},[5303,10590,9922],{"class":5356},[5303,10592,5360],{"class":5313},[5303,10594,10595],{"class":5305,"line":5421},[5303,10596,5340],{"emptyLinePlaceholder":5339},[5303,10598,10599,10601,10603,10605,10607,10609,10611],{"class":5305,"line":5451},[5303,10600,9698],{"class":5313},[5303,10602,5508],{"class":5507},[5303,10604,5511],{"class":5313},[5303,10606,6316],{"class":5356},[5303,10608,5372],{"class":5313},[5303,10610,5402],{"class":5356},[5303,10612,5522],{"class":5313},[5303,10614,10615],{"class":5305,"line":5456},[5303,10616,10617],{"class":5346},"# Сітка 2x2: верхній рядок низький (height_ratio=1), лівий стовпець широкий (width_ratio=4)\n",[5303,10619,10620,10622,10624,10626,10628,10630,10632,10634,10636,10638,10640,10642,10644,10646,10648,10650,10652,10654,10656],{"class":5305,"line":5462},[5303,10621,9715],{"class":5313},[5303,10623,5472],{"class":5356},[5303,10625,5372],{"class":5313},[5303,10627,5472],{"class":5356},[5303,10629,5372],{"class":5313},[5303,10631,9726],{"class":5507},[5303,10633,9729],{"class":5313},[5303,10635,8872],{"class":5507},[5303,10637,7914],{"class":5313},[5303,10639,5427],{"class":5356},[5303,10641,5372],{"class":5313},[5303,10643,5290],{"class":5356},[5303,10645,7711],{"class":5313},[5303,10647,8895],{"class":5507},[5303,10649,7914],{"class":5313},[5303,10651,5290],{"class":5356},[5303,10653,5372],{"class":5313},[5303,10655,5427],{"class":5356},[5303,10657,9009],{"class":5313},[5303,10659,10660,10662,10664,10667,10669,10671,10673,10675],{"class":5305,"line":5477},[5303,10661,10131],{"class":5507},[5303,10663,5534],{"class":5313},[5303,10665,10666],{"class":5356},"0.08",[5303,10668,5372],{"class":5313},[5303,10670,8963],{"class":5507},[5303,10672,5534],{"class":5313},[5303,10674,10666],{"class":5356},[5303,10676,5360],{"class":5313},[5303,10678,10679],{"class":5305,"line":5483},[5303,10680,5340],{"emptyLinePlaceholder":5339},[5303,10682,10683],{"class":5305,"line":5488},[5303,10684,10685],{"class":5346},"# 1. Центральний головний scatter plot\n",[5303,10687,10688,10691,10693,10695,10697],{"class":5305,"line":5494},[5303,10689,10690],{"class":5313},"ax_main = fig.add_subplot(gs[",[5303,10692,5290],{"class":5356},[5303,10694,5372],{"class":5313},[5303,10696,5369],{"class":5356},[5303,10698,7170],{"class":5313},[5303,10700,10701,10704,10706,10708,10711,10713,10715,10717,10719,10721,10723,10725,10728,10730,10732,10734,10736],{"class":5305,"line":5525},[5303,10702,10703],{"class":5313},"ax_main.scatter(x, y, ",[5303,10705,5531],{"class":5507},[5303,10707,5534],{"class":5313},[5303,10709,10710],{"class":5537},"'#059669'",[5303,10712,5372],{"class":5313},[5303,10714,5587],{"class":5507},[5303,10716,5534],{"class":5313},[5303,10718,5592],{"class":5356},[5303,10720,5372],{"class":5313},[5303,10722,6745],{"class":5507},[5303,10724,5534],{"class":5313},[5303,10726,10727],{"class":5537},"'#064e3b'",[5303,10729,5372],{"class":5313},[5303,10731,7218],{"class":5507},[5303,10733,5534],{"class":5313},[5303,10735,7136],{"class":5356},[5303,10737,5360],{"class":5313},[5303,10739,10740,10743,10746],{"class":5305,"line":5543},[5303,10741,10742],{"class":5313},"ax_main.set_xlabel(",[5303,10744,10745],{"class":5537},"\"Вхідний трафік (Mb\u002Fs)\"",[5303,10747,5360],{"class":5313},[5303,10749,10750,10753,10756],{"class":5305,"line":5554},[5303,10751,10752],{"class":5313},"ax_main.set_ylabel(",[5303,10754,10755],{"class":5537},"\"Затримка виконання (ms)\"",[5303,10757,5360],{"class":5313},[5303,10759,10760,10763,10765,10767,10769,10771,10773,10775,10777,10779,10781],{"class":5305,"line":5565},[5303,10761,10762],{"class":5313},"ax_main.grid(",[5303,10764,5572],{"class":5571},[5303,10766,5372],{"class":5313},[5303,10768,5577],{"class":5507},[5303,10770,5534],{"class":5313},[5303,10772,5582],{"class":5537},[5303,10774,5372],{"class":5313},[5303,10776,5587],{"class":5507},[5303,10778,5534],{"class":5313},[5303,10780,7846],{"class":5356},[5303,10782,5360],{"class":5313},[5303,10784,10785],{"class":5305,"line":5597},[5303,10786,5340],{"emptyLinePlaceholder":5339},[5303,10788,10789],{"class":5305,"line":5602},[5303,10790,10791],{"class":5346},"# 2. Верхня маргінальна гістограма (спільна вісь X з ax_main)\n",[5303,10793,10794,10797,10799,10801,10803,10805,10807],{"class":5305,"line":5617},[5303,10795,10796],{"class":5313},"ax_top = fig.add_subplot(gs[",[5303,10798,5369],{"class":5356},[5303,10800,5372],{"class":5313},[5303,10802,5369],{"class":5356},[5303,10804,7711],{"class":5313},[5303,10806,6163],{"class":5507},[5303,10808,10809],{"class":5313},"=ax_main)\n",[5303,10811,10812,10815,10817,10819,10821,10823,10825,10827,10830,10832,10834,10836,10839,10841,10843,10845,10847],{"class":5305,"line":5628},[5303,10813,10814],{"class":5313},"ax_top.hist(x, ",[5303,10816,6726],{"class":5507},[5303,10818,5534],{"class":5313},[5303,10820,7136],{"class":5356},[5303,10822,5372],{"class":5313},[5303,10824,5531],{"class":5507},[5303,10826,5534],{"class":5313},[5303,10828,10829],{"class":5537},"'#34d399'",[5303,10831,5372],{"class":5313},[5303,10833,6745],{"class":5507},[5303,10835,5534],{"class":5313},[5303,10837,10838],{"class":5537},"'#065f46'",[5303,10840,5372],{"class":5313},[5303,10842,5587],{"class":5507},[5303,10844,5534],{"class":5313},[5303,10846,6759],{"class":5356},[5303,10848,5360],{"class":5313},[5303,10850,10851,10854,10857,10859,10861,10863,10865],{"class":5305,"line":5639},[5303,10852,10853],{"class":5313},"ax_top.set_title(",[5303,10855,10856],{"class":5537},"\"Архітектура Jointplot: Main + Marginal Distributions\"",[5303,10858,5372],{"class":5313},[5303,10860,5734],{"class":5507},[5303,10862,5534],{"class":5313},[5303,10864,5739],{"class":5537},[5303,10866,5360],{"class":5313},[5303,10868,10869,10872,10874,10876,10878,10880,10882,10884,10886,10888,10890,10892,10894],{"class":5305,"line":5665},[5303,10870,10871],{"class":5313},"ax_top.grid(",[5303,10873,6665],{"class":5507},[5303,10875,5534],{"class":5313},[5303,10877,9471],{"class":5537},[5303,10879,5372],{"class":5313},[5303,10881,5577],{"class":5507},[5303,10883,5534],{"class":5313},[5303,10885,5582],{"class":5537},[5303,10887,5372],{"class":5313},[5303,10889,5587],{"class":5507},[5303,10891,5534],{"class":5313},[5303,10893,10151],{"class":5356},[5303,10895,5360],{"class":5313},[5303,10897,10898],{"class":5305,"line":5671},[5303,10899,10900],{"class":5346},"# Приховуємо підписи осі X, щоб вони не дублювали головний графік\n",[5303,10902,10903,10906,10909,10911,10913],{"class":5305,"line":5676},[5303,10904,10905],{"class":5313},"plt.setp(ax_top.get_xticklabels(), ",[5303,10907,10908],{"class":5507},"visible",[5303,10910,5534],{"class":5313},[5303,10912,8044],{"class":5571},[5303,10914,5360],{"class":5313},[5303,10916,10917],{"class":5305,"line":5681},[5303,10918,5340],{"emptyLinePlaceholder":5339},[5303,10920,10921],{"class":5305,"line":5687},[5303,10922,10923],{"class":5346},"# 3. Права маргінальна гістограма (спільна вісь Y з ax_main)\n",[5303,10925,10926,10929,10931,10933,10935,10937,10939],{"class":5305,"line":5713},[5303,10927,10928],{"class":5313},"ax_right = fig.add_subplot(gs[",[5303,10930,5290],{"class":5356},[5303,10932,5372],{"class":5313},[5303,10934,5290],{"class":5356},[5303,10936,7711],{"class":5313},[5303,10938,6167],{"class":5507},[5303,10940,10809],{"class":5313},[5303,10942,10943,10946,10948,10950,10952,10954,10957,10959,10962,10964,10966,10968,10970,10972,10974,10976,10978,10980,10982,10984,10986],{"class":5305,"line":5744},[5303,10944,10945],{"class":5313},"ax_right.hist(y, ",[5303,10947,6726],{"class":5507},[5303,10949,5534],{"class":5313},[5303,10951,7136],{"class":5356},[5303,10953,5372],{"class":5313},[5303,10955,10956],{"class":5507},"orientation",[5303,10958,5534],{"class":5313},[5303,10960,10961],{"class":5537},"'horizontal'",[5303,10963,5372],{"class":5313},[5303,10965,5531],{"class":5507},[5303,10967,5534],{"class":5313},[5303,10969,10829],{"class":5537},[5303,10971,5372],{"class":5313},[5303,10973,6745],{"class":5507},[5303,10975,5534],{"class":5313},[5303,10977,10838],{"class":5537},[5303,10979,5372],{"class":5313},[5303,10981,5587],{"class":5507},[5303,10983,5534],{"class":5313},[5303,10985,6759],{"class":5356},[5303,10987,5360],{"class":5313},[5303,10989,10990,10993,10995,10997,11000,11002,11004,11006,11008,11010,11012,11014,11016],{"class":5305,"line":5749},[5303,10991,10992],{"class":5313},"ax_right.grid(",[5303,10994,6665],{"class":5507},[5303,10996,5534],{"class":5313},[5303,10998,10999],{"class":5537},"'x'",[5303,11001,5372],{"class":5313},[5303,11003,5577],{"class":5507},[5303,11005,5534],{"class":5313},[5303,11007,5582],{"class":5537},[5303,11009,5372],{"class":5313},[5303,11011,5587],{"class":5507},[5303,11013,5534],{"class":5313},[5303,11015,10151],{"class":5356},[5303,11017,5360],{"class":5313},[5303,11019,11020],{"class":5305,"line":5755},[5303,11021,11022],{"class":5346},"# Приховуємо підписи осі Y\n",[5303,11024,11025,11028,11030,11032,11034],{"class":5305,"line":5789},[5303,11026,11027],{"class":5313},"plt.setp(ax_right.get_yticklabels(), ",[5303,11029,10908],{"class":5507},[5303,11031,5534],{"class":5313},[5303,11033,8044],{"class":5571},[5303,11035,5360],{"class":5313},[5303,11037,11038],{"class":5305,"line":5836},[5303,11039,5340],{"emptyLinePlaceholder":5339},[5303,11041,11042],{"class":5305,"line":5859},[5303,11043,5480],{"class":5313},[6080,11045,11046],{"v-slot:output":5298},[6083,11047],{"alt":11048,"className":11049,"src":11050},"GridSpec асиметрія та Jointplot",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F13.png",[5253,11052],{},[5256,11054,11056],{"id":11055},"спільні-осі-sharex-sharey","Спільні осі (sharex, sharey)",[5261,11058,11059],{},"Коли графіки порівнюються, корисно мати спільні осі для вирівнювання масштабу.",[5272,11061,11063],{"title":11062},"shared_axes.ipynb",[5277,11064,11065,11398],{"execution-count":5290},[5293,11066,11068],{"className":5295,"code":11067,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.linspace(0, 10, 100)\n\nfig, axes = plt.subplots(3, 1, figsize=(10, 10), sharex=True, sharey=True)\n\n# Три різні функції з однаковим діапазоном X\naxes[0].plot(x, np.sin(x), color=\"blue\")\naxes[0].set_title(\"sin(x)\")\naxes[0].grid(True, alpha=0.3)\n\naxes[1].plot(x, np.sin(2*x), color=\"red\")\naxes[1].set_title(\"sin(2x)\")\naxes[1].set_ylabel(\"Амплітуда (спільна вісь Y)\", fontsize=12, fontweight=\"bold\")\naxes[1].grid(True, alpha=0.3)\n\naxes[2].plot(x, np.sin(3*x), color=\"green\")\naxes[2].set_title(\"sin(3x)\")\naxes[2].set_xlabel(\"X (спільна вісь)\", fontsize=12, fontweight=\"bold\")\naxes[2].grid(True, alpha=0.3)\n\nplt.tight_layout()\nplt.show()\n",[5300,11069,11070,11080,11090,11094,11110,11114,11154,11158,11163,11180,11192,11212,11216,11238,11251,11280,11300,11304,11324,11337,11366,11386,11390,11394],{"__ignoreMap":5298},[5303,11071,11072,11074,11076,11078],{"class":5305,"line":5306},[5303,11073,5310],{"class":5309},[5303,11075,5314],{"class":5313},[5303,11077,5317],{"class":5309},[5303,11079,5320],{"class":5313},[5303,11081,11082,11084,11086,11088],{"class":5305,"line":5323},[5303,11083,5310],{"class":5309},[5303,11085,5328],{"class":5313},[5303,11087,5317],{"class":5309},[5303,11089,5333],{"class":5313},[5303,11091,11092],{"class":5305,"line":5336},[5303,11093,5340],{"emptyLinePlaceholder":5339},[5303,11095,11096,11098,11100,11102,11104,11106,11108],{"class":5305,"line":5343},[5303,11097,9780],{"class":5313},[5303,11099,5369],{"class":5356},[5303,11101,5372],{"class":5313},[5303,11103,6316],{"class":5356},[5303,11105,5372],{"class":5313},[5303,11107,7223],{"class":5356},[5303,11109,5360],{"class":5313},[5303,11111,11112],{"class":5305,"line":5350},[5303,11113,5340],{"emptyLinePlaceholder":5339},[5303,11115,11116,11118,11120,11122,11124,11126,11128,11130,11132,11134,11136,11138,11140,11142,11144,11146,11148,11150,11152],{"class":5305,"line":5363},[5303,11117,6296],{"class":5313},[5303,11119,5412],{"class":5356},[5303,11121,5372],{"class":5313},[5303,11123,5290],{"class":5356},[5303,11125,5372],{"class":5313},[5303,11127,5508],{"class":5507},[5303,11129,5511],{"class":5313},[5303,11131,6316],{"class":5356},[5303,11133,5372],{"class":5313},[5303,11135,6316],{"class":5356},[5303,11137,7763],{"class":5313},[5303,11139,6163],{"class":5507},[5303,11141,5534],{"class":5313},[5303,11143,5572],{"class":5571},[5303,11145,5372],{"class":5313},[5303,11147,6167],{"class":5507},[5303,11149,5534],{"class":5313},[5303,11151,5572],{"class":5571},[5303,11153,5360],{"class":5313},[5303,11155,11156],{"class":5305,"line":5384},[5303,11157,5340],{"emptyLinePlaceholder":5339},[5303,11159,11160],{"class":5305,"line":5421},[5303,11161,11162],{"class":5346},"# Три різні функції з однаковим діапазоном X\n",[5303,11164,11165,11167,11169,11172,11174,11176,11178],{"class":5305,"line":5451},[5303,11166,6500],{"class":5313},[5303,11168,5369],{"class":5356},[5303,11170,11171],{"class":5313},"].plot(x, np.sin(x), ",[5303,11173,5531],{"class":5507},[5303,11175,5534],{"class":5313},[5303,11177,7921],{"class":5537},[5303,11179,5360],{"class":5313},[5303,11181,11182,11184,11186,11188,11190],{"class":5305,"line":5456},[5303,11183,6500],{"class":5313},[5303,11185,5369],{"class":5356},[5303,11187,6593],{"class":5313},[5303,11189,9804],{"class":5537},[5303,11191,5360],{"class":5313},[5303,11193,11194,11196,11198,11200,11202,11204,11206,11208,11210],{"class":5305,"line":5462},[5303,11195,6500],{"class":5313},[5303,11197,5369],{"class":5356},[5303,11199,6637],{"class":5313},[5303,11201,5572],{"class":5571},[5303,11203,5372],{"class":5313},[5303,11205,5587],{"class":5507},[5303,11207,5534],{"class":5313},[5303,11209,6570],{"class":5356},[5303,11211,5360],{"class":5313},[5303,11213,11214],{"class":5305,"line":5477},[5303,11215,5340],{"emptyLinePlaceholder":5339},[5303,11217,11218,11220,11222,11225,11227,11230,11232,11234,11236],{"class":5305,"line":5483},[5303,11219,6500],{"class":5313},[5303,11221,5290],{"class":5356},[5303,11223,11224],{"class":5313},"].plot(x, np.sin(",[5303,11226,5472],{"class":5356},[5303,11228,11229],{"class":5313},"*x), ",[5303,11231,5531],{"class":5507},[5303,11233,5534],{"class":5313},[5303,11235,6781],{"class":5537},[5303,11237,5360],{"class":5313},[5303,11239,11240,11242,11244,11246,11249],{"class":5305,"line":5488},[5303,11241,6500],{"class":5313},[5303,11243,5290],{"class":5356},[5303,11245,6593],{"class":5313},[5303,11247,11248],{"class":5537},"\"sin(2x)\"",[5303,11250,5360],{"class":5313},[5303,11252,11253,11255,11257,11259,11262,11264,11266,11268,11270,11272,11274,11276,11278],{"class":5305,"line":5494},[5303,11254,6500],{"class":5313},[5303,11256,5290],{"class":5356},[5303,11258,6619],{"class":5313},[5303,11260,11261],{"class":5537},"\"Амплітуда (спільна вісь Y)\"",[5303,11263,5372],{"class":5313},[5303,11265,5724],{"class":5507},[5303,11267,5534],{"class":5313},[5303,11269,6703],{"class":5356},[5303,11271,5372],{"class":5313},[5303,11273,5734],{"class":5507},[5303,11275,5534],{"class":5313},[5303,11277,6347],{"class":5537},[5303,11279,5360],{"class":5313},[5303,11281,11282,11284,11286,11288,11290,11292,11294,11296,11298],{"class":5305,"line":5525},[5303,11283,6500],{"class":5313},[5303,11285,5290],{"class":5356},[5303,11287,6637],{"class":5313},[5303,11289,5572],{"class":5571},[5303,11291,5372],{"class":5313},[5303,11293,5587],{"class":5507},[5303,11295,5534],{"class":5313},[5303,11297,6570],{"class":5356},[5303,11299,5360],{"class":5313},[5303,11301,11302],{"class":5305,"line":5543},[5303,11303,5340],{"emptyLinePlaceholder":5339},[5303,11305,11306,11308,11310,11312,11314,11316,11318,11320,11322],{"class":5305,"line":5554},[5303,11307,6500],{"class":5313},[5303,11309,5472],{"class":5356},[5303,11311,11224],{"class":5313},[5303,11313,5412],{"class":5356},[5303,11315,11229],{"class":5313},[5303,11317,5531],{"class":5507},[5303,11319,5534],{"class":5313},[5303,11321,7778],{"class":5537},[5303,11323,5360],{"class":5313},[5303,11325,11326,11328,11330,11332,11335],{"class":5305,"line":5565},[5303,11327,6500],{"class":5313},[5303,11329,5472],{"class":5356},[5303,11331,6593],{"class":5313},[5303,11333,11334],{"class":5537},"\"sin(3x)\"",[5303,11336,5360],{"class":5313},[5303,11338,11339,11341,11343,11345,11348,11350,11352,11354,11356,11358,11360,11362,11364],{"class":5305,"line":5597},[5303,11340,6500],{"class":5313},[5303,11342,5472],{"class":5356},[5303,11344,6865],{"class":5313},[5303,11346,11347],{"class":5537},"\"X (спільна вісь)\"",[5303,11349,5372],{"class":5313},[5303,11351,5724],{"class":5507},[5303,11353,5534],{"class":5313},[5303,11355,6703],{"class":5356},[5303,11357,5372],{"class":5313},[5303,11359,5734],{"class":5507},[5303,11361,5534],{"class":5313},[5303,11363,6347],{"class":5537},[5303,11365,5360],{"class":5313},[5303,11367,11368,11370,11372,11374,11376,11378,11380,11382,11384],{"class":5305,"line":5602},[5303,11369,6500],{"class":5313},[5303,11371,5472],{"class":5356},[5303,11373,6637],{"class":5313},[5303,11375,5572],{"class":5571},[5303,11377,5372],{"class":5313},[5303,11379,5587],{"class":5507},[5303,11381,5534],{"class":5313},[5303,11383,6570],{"class":5356},[5303,11385,5360],{"class":5313},[5303,11387,11388],{"class":5305,"line":5617},[5303,11389,5340],{"emptyLinePlaceholder":5339},[5303,11391,11392],{"class":5305,"line":5628},[5303,11393,5668],{"class":5313},[5303,11395,11396],{"class":5305,"line":5639},[5303,11397,5480],{"class":5313},[6080,11399,11400],{"v-slot:output":5298},[6083,11401],{"alt":11402,"className":11403,"src":11404},"Графіки зі спільною віссю X",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F06.png",[7502,11406,11407,11416,11436,11441],{},[5261,11408,11409],{},[5224,11410,11411,11412,6138,11414,7980],{},"Переваги ",[5300,11413,6163],{},[5300,11415,6167],{},[6096,11417,11418,11424,11430],{},[5201,11419,11420,11423],{},[5224,11421,11422],{},"Автоматична синхронізація масштабу"," — зум на одному графіку → зум на всіх",[5201,11425,11426,11429],{},[5224,11427,11428],{},"Економія місця"," — мітки осі показуються лише на крайніх графіках",[5201,11431,11432,11435],{},[5224,11433,11434],{},"Легше порівнювати"," — однаковий масштаб дозволяє бачити різницю у величині",[5261,11437,11438],{},[5224,11439,11440],{},"Коли використовувати:",[5198,11442,11443,11448,11453],{},[5201,11444,11445,11447],{},[5300,11446,6163],{}," — часові серії (усі мають однаковий діапазон дат)",[5201,11449,11450,11452],{},[5300,11451,6167],{}," — графіки з однаковими одиницями виміру",[5201,11454,11455],{},"Обидва — порівняння подібних метрик (продажі в різних регіонах)",[5253,11457],{},[5256,11459,11461],{"id":11460},"кольорові-схеми-та-теми","Кольорові схеми та теми",[5261,11463,11464],{},"Matplotlib підтримує готові теми (styles) для швидкої зміни вигляду графіків.",[5272,11466,11468,11474],{"title":11467},"styles_demo.ipynb",[5277,11469,11470],{"type":5279},[5281,11471,11473],{"id":11472},"порівняння-стилів-matplotlib","Порівняння стилів matplotlib",[5277,11475,11476,11726],{"execution-count":5290},[5293,11477,11479],{"className":5295,"code":11478,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\nstyles = [\"default\", \"seaborn-v0_8-darkgrid\", \"ggplot\", \"bmh\"]\nx = np.linspace(0, 10, 100)\n\nfig, axes = plt.subplots(2, 2, figsize=(14, 10))\nfig.suptitle(\"Порівняння стилів matplotlib\", fontsize=16, fontweight=\"bold\")\n\nfor ax, style in zip(axes.flat, styles):\n    with plt.style.context(style):  # Тимчасово застосовуємо стиль\n        ax.plot(x, np.sin(x), label=\"sin(x)\", linewidth=2)\n        ax.plot(x, np.cos(x), label=\"cos(x)\", linewidth=2)\n        ax.set_title(f\"Стиль: {style}\", fontweight=\"bold\")\n        ax.legend()\n        ax.grid(True)\n\nplt.tight_layout()\nplt.show()\n",[5300,11480,11481,11491,11501,11505,11530,11546,11550,11574,11599,11603,11618,11629,11650,11671,11700,11705,11714,11718,11722],{"__ignoreMap":5298},[5303,11482,11483,11485,11487,11489],{"class":5305,"line":5306},[5303,11484,5310],{"class":5309},[5303,11486,5314],{"class":5313},[5303,11488,5317],{"class":5309},[5303,11490,5320],{"class":5313},[5303,11492,11493,11495,11497,11499],{"class":5305,"line":5323},[5303,11494,5310],{"class":5309},[5303,11496,5328],{"class":5313},[5303,11498,5317],{"class":5309},[5303,11500,5333],{"class":5313},[5303,11502,11503],{"class":5305,"line":5336},[5303,11504,5340],{"emptyLinePlaceholder":5339},[5303,11506,11507,11510,11513,11515,11518,11520,11523,11525,11528],{"class":5305,"line":5343},[5303,11508,11509],{"class":5313},"styles = [",[5303,11511,11512],{"class":5537},"\"default\"",[5303,11514,5372],{"class":5313},[5303,11516,11517],{"class":5537},"\"seaborn-v0_8-darkgrid\"",[5303,11519,5372],{"class":5313},[5303,11521,11522],{"class":5537},"\"ggplot\"",[5303,11524,5372],{"class":5313},[5303,11526,11527],{"class":5537},"\"bmh\"",[5303,11529,6426],{"class":5313},[5303,11531,11532,11534,11536,11538,11540,11542,11544],{"class":5305,"line":5350},[5303,11533,9780],{"class":5313},[5303,11535,5369],{"class":5356},[5303,11537,5372],{"class":5313},[5303,11539,6316],{"class":5356},[5303,11541,5372],{"class":5313},[5303,11543,7223],{"class":5356},[5303,11545,5360],{"class":5313},[5303,11547,11548],{"class":5305,"line":5363},[5303,11549,5340],{"emptyLinePlaceholder":5339},[5303,11551,11552,11554,11556,11558,11560,11562,11564,11566,11568,11570,11572],{"class":5305,"line":5384},[5303,11553,6296],{"class":5313},[5303,11555,5472],{"class":5356},[5303,11557,5372],{"class":5313},[5303,11559,5472],{"class":5356},[5303,11561,5372],{"class":5313},[5303,11563,5508],{"class":5507},[5303,11565,5511],{"class":5313},[5303,11567,6311],{"class":5356},[5303,11569,5372],{"class":5313},[5303,11571,6316],{"class":5356},[5303,11573,5522],{"class":5313},[5303,11575,11576,11578,11581,11583,11585,11587,11589,11591,11593,11595,11597],{"class":5305,"line":5421},[5303,11577,5716],{"class":5313},[5303,11579,11580],{"class":5537},"\"Порівняння стилів matplotlib\"",[5303,11582,5372],{"class":5313},[5303,11584,5724],{"class":5507},[5303,11586,5534],{"class":5313},[5303,11588,6338],{"class":5356},[5303,11590,5372],{"class":5313},[5303,11592,5734],{"class":5507},[5303,11594,5534],{"class":5313},[5303,11596,6347],{"class":5537},[5303,11598,5360],{"class":5313},[5303,11600,11601],{"class":5305,"line":5451},[5303,11602,5340],{"emptyLinePlaceholder":5339},[5303,11604,11605,11607,11610,11612,11615],{"class":5305,"line":5456},[5303,11606,8538],{"class":5309},[5303,11608,11609],{"class":5313}," ax, style ",[5303,11611,8544],{"class":5309},[5303,11613,11614],{"class":6553}," zip",[5303,11616,11617],{"class":5313},"(axes.flat, styles):\n",[5303,11619,11620,11623,11626],{"class":5305,"line":5462},[5303,11621,11622],{"class":5309},"    with",[5303,11624,11625],{"class":5313}," plt.style.context(style):  ",[5303,11627,11628],{"class":5346},"# Тимчасово застосовуємо стиль\n",[5303,11630,11631,11634,11636,11638,11640,11642,11644,11646,11648],{"class":5305,"line":5477},[5303,11632,11633],{"class":5313},"        ax.plot(x, np.sin(x), ",[5303,11635,5779],{"class":5507},[5303,11637,5534],{"class":5313},[5303,11639,9804],{"class":5537},[5303,11641,5372],{"class":5313},[5303,11643,5769],{"class":5507},[5303,11645,5534],{"class":5313},[5303,11647,5472],{"class":5356},[5303,11649,5360],{"class":5313},[5303,11651,11652,11655,11657,11659,11661,11663,11665,11667,11669],{"class":5305,"line":5483},[5303,11653,11654],{"class":5313},"        ax.plot(x, np.cos(x), ",[5303,11656,5779],{"class":5507},[5303,11658,5534],{"class":5313},[5303,11660,9826],{"class":5537},[5303,11662,5372],{"class":5313},[5303,11664,5769],{"class":5507},[5303,11666,5534],{"class":5313},[5303,11668,5472],{"class":5356},[5303,11670,5360],{"class":5313},[5303,11672,11673,11676,11678,11681,11683,11686,11688,11690,11692,11694,11696,11698],{"class":5305,"line":5488},[5303,11674,11675],{"class":5313},"        ax.set_title(",[5303,11677,6810],{"class":5571},[5303,11679,11680],{"class":5537},"\"Стиль: ",[5303,11682,6816],{"class":5571},[5303,11684,11685],{"class":5313},"style",[5303,11687,7636],{"class":5571},[5303,11689,6825],{"class":5537},[5303,11691,5372],{"class":5313},[5303,11693,5734],{"class":5507},[5303,11695,5534],{"class":5313},[5303,11697,6347],{"class":5537},[5303,11699,5360],{"class":5313},[5303,11701,11702],{"class":5305,"line":5494},[5303,11703,11704],{"class":5313},"        ax.legend()\n",[5303,11706,11707,11710,11712],{"class":5305,"line":5525},[5303,11708,11709],{"class":5313},"        ax.grid(",[5303,11711,5572],{"class":5571},[5303,11713,5360],{"class":5313},[5303,11715,11716],{"class":5305,"line":5543},[5303,11717,5340],{"emptyLinePlaceholder":5339},[5303,11719,11720],{"class":5305,"line":5554},[5303,11721,5668],{"class":5313},[5303,11723,11724],{"class":5305,"line":5565},[5303,11725,5480],{"class":5313},[6080,11727,11728],{"v-slot:output":5298},[6083,11729],{"alt":11730,"className":11731,"src":11732},"Порівняння 4 стилів",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F07.png",[7970,11734,11735,11740,11803,11897],{},[5261,11736,11737],{},[5224,11738,11739],{},"Популярні стилі matplotlib:",[5293,11741,11743],{"className":5295,"code":11742,"language":5297,"meta":5298,"style":5298},"# Застосувати стиль глобально\nplt.style.use(\"seaborn-v0_8-darkgrid\")\n\n# Застосувати тимчасово (context manager)\nwith plt.style.context(\"ggplot\"):\n    plt.plot([1, 2, 3])\n    plt.show()\n",[5300,11744,11745,11750,11759,11763,11768,11781,11798],{"__ignoreMap":5298},[5303,11746,11747],{"class":5305,"line":5306},[5303,11748,11749],{"class":5346},"# Застосувати стиль глобально\n",[5303,11751,11752,11755,11757],{"class":5305,"line":5323},[5303,11753,11754],{"class":5313},"plt.style.use(",[5303,11756,11517],{"class":5537},[5303,11758,5360],{"class":5313},[5303,11760,11761],{"class":5305,"line":5336},[5303,11762,5340],{"emptyLinePlaceholder":5339},[5303,11764,11765],{"class":5305,"line":5343},[5303,11766,11767],{"class":5346},"# Застосувати тимчасово (context manager)\n",[5303,11769,11770,11773,11776,11778],{"class":5305,"line":5350},[5303,11771,11772],{"class":5309},"with",[5303,11774,11775],{"class":5313}," plt.style.context(",[5303,11777,11522],{"class":5537},[5303,11779,11780],{"class":5313},"):\n",[5303,11782,11783,11786,11788,11790,11792,11794,11796],{"class":5305,"line":5363},[5303,11784,11785],{"class":5313},"    plt.plot([",[5303,11787,5290],{"class":5356},[5303,11789,5372],{"class":5313},[5303,11791,5472],{"class":5356},[5303,11793,5372],{"class":5313},[5303,11795,5412],{"class":5356},[5303,11797,7170],{"class":5313},[5303,11799,11800],{"class":5305,"line":5384},[5303,11801,11802],{"class":5313},"    plt.show()\n",[8762,11804,11805,11818],{},[8765,11806,11807],{},[8768,11808,11809,11812,11815],{},[8771,11810,11811],{"align":8773},"Стиль",[8771,11813,11814],{"align":8773},"Опис",[8771,11816,11817],{"align":8773},"Коли використовувати",[8785,11819,11820,11833,11846,11859,11872,11885],{},[8768,11821,11822,11827,11830],{},[8790,11823,11824],{"align":8773},[5300,11825,11826],{},"default",[8790,11828,11829],{"align":8773},"Класичний matplotlib",[8790,11831,11832],{"align":8773},"Технічна документація",[8768,11834,11835,11840,11843],{},[8790,11836,11837],{"align":8773},[5300,11838,11839],{},"seaborn-v0_8-darkgrid",[8790,11841,11842],{"align":8773},"Світлий фон + сітка",[8790,11844,11845],{"align":8773},"Статистичні звіти",[8768,11847,11848,11853,11856],{},[8790,11849,11850],{"align":8773},[5300,11851,11852],{},"ggplot",[8790,11854,11855],{"align":8773},"Стиль R ggplot2",[8790,11857,11858],{"align":8773},"Наукові статті",[8768,11860,11861,11866,11869],{},[8790,11862,11863],{"align":8773},[5300,11864,11865],{},"bmh",[8790,11867,11868],{"align":8773},"Bayesian Methods for Hackers",[8790,11870,11871],{"align":8773},"Презентації",[8768,11873,11874,11879,11882],{},[8790,11875,11876],{"align":8773},[5300,11877,11878],{},"fivethirtyeight",[8790,11880,11881],{"align":8773},"Стиль сайту FiveThirtyEight",[8790,11883,11884],{"align":8773},"Журналістика даних",[8768,11886,11887,11891,11894],{},[8790,11888,11889],{"align":8773},[5300,11890,6177],{},[8790,11892,11893],{"align":8773},"Темний фон",[8790,11895,11896],{"align":8773},"Презентації в темряві",[5261,11898,11899,11900],{},"Список всіх: ",[5300,11901,11902],{},"print(plt.style.available)",[5253,11904],{},[5256,11906,11908],{"id":11907},"кастомізація-кольорових-палітр","Кастомізація кольорових палітр",[5272,11910,11912],{"title":11911},"color_palettes.ipynb",[5277,11913,11914,12505],{"execution-count":5290},[5293,11915,11917],{"className":5295,"code":11916,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\n# Створюємо дані: 5 категорій\ncategories = [\"A\", \"B\", \"C\", \"D\", \"E\"]\nvalues = [23, 45, 56, 78, 32]\n\nfig, axes = plt.subplots(2, 3, figsize=(16, 9))\nfig.suptitle(\"Кольорові палітри для категорій\", fontsize=15, fontweight=\"bold\")\n\n# 1. Дефолтні кольори matplotlib (C0, C1, ...)\naxes[0, 0].bar(categories, values, color=[f\"C{i}\" for i in range(5)], edgecolor=\"black\")\naxes[0, 0].set_title(\"Default (C0–C9)\")\n\n# 2. Tab10 (10 розрізнюваних кольорів)\ncolors_tab10 = plt.cm.tab10(np.linspace(0, 1, 5))\naxes[0, 1].bar(categories, values, color=colors_tab10, edgecolor=\"black\")\naxes[0, 1].set_title(\"Tab10 (рекомендовано)\")\n\n# 3. Viridis (послідовна палітра)\ncolors_viridis = plt.cm.viridis(np.linspace(0, 1, 5))\naxes[0, 2].bar(categories, values, color=colors_viridis, edgecolor=\"black\")\naxes[0, 2].set_title(\"Viridis\")\n\n# 4. Pastel (м'які кольори)\ncolors_pastel = plt.cm.Pastel1(np.linspace(0, 1, 5))\naxes[1, 0].bar(categories, values, color=colors_pastel, edgecolor=\"black\")\naxes[1, 0].set_title(\"Pastel1\")\n\n# 5. Set3 (категоріальні)\ncolors_set3 = plt.cm.Set3(np.linspace(0, 1, 5))\naxes[1, 1].bar(categories, values, color=colors_set3, edgecolor=\"black\")\naxes[1, 1].set_title(\"Set3\")\n\n# 6. Кастомна палітра (власні HEX кольори)\ncustom_colors = [\"#FF6B6B\", \"#4ECDC4\", \"#95E1D3\", \"#FFD93D\", \"#C7CEEA\"]\naxes[1, 2].bar(categories, values, color=custom_colors, edgecolor=\"black\")\naxes[1, 2].set_title(\"Кастомна (HEX)\")\n\nplt.tight_layout()\nplt.show()\n",[5300,11918,11919,11929,11939,11943,11948,11975,12004,12008,12032,12057,12061,12066,12123,12140,12144,12149,12166,12191,12208,12212,12217,12234,12259,12276,12280,12285,12302,12327,12344,12348,12353,12370,12395,12412,12416,12421,12451,12476,12493,12497,12501],{"__ignoreMap":5298},[5303,11920,11921,11923,11925,11927],{"class":5305,"line":5306},[5303,11922,5310],{"class":5309},[5303,11924,5314],{"class":5313},[5303,11926,5317],{"class":5309},[5303,11928,5320],{"class":5313},[5303,11930,11931,11933,11935,11937],{"class":5305,"line":5323},[5303,11932,5310],{"class":5309},[5303,11934,5328],{"class":5313},[5303,11936,5317],{"class":5309},[5303,11938,5333],{"class":5313},[5303,11940,11941],{"class":5305,"line":5336},[5303,11942,5340],{"emptyLinePlaceholder":5339},[5303,11944,11945],{"class":5305,"line":5343},[5303,11946,11947],{"class":5346},"# Створюємо дані: 5 категорій\n",[5303,11949,11950,11953,11955,11957,11959,11961,11963,11965,11968,11970,11973],{"class":5305,"line":5350},[5303,11951,11952],{"class":5313},"categories = [",[5303,11954,7885],{"class":5537},[5303,11956,5372],{"class":5313},[5303,11958,7890],{"class":5537},[5303,11960,5372],{"class":5313},[5303,11962,7895],{"class":5537},[5303,11964,5372],{"class":5313},[5303,11966,11967],{"class":5537},"\"D\"",[5303,11969,5372],{"class":5313},[5303,11971,11972],{"class":5537},"\"E\"",[5303,11974,6426],{"class":5313},[5303,11976,11977,11980,11983,11985,11987,11989,11992,11994,11997,11999,12002],{"class":5305,"line":5363},[5303,11978,11979],{"class":5313},"values = [",[5303,11981,11982],{"class":5356},"23",[5303,11984,5372],{"class":5313},[5303,11986,6680],{"class":5356},[5303,11988,5372],{"class":5313},[5303,11990,11991],{"class":5356},"56",[5303,11993,5372],{"class":5313},[5303,11995,11996],{"class":5356},"78",[5303,11998,5372],{"class":5313},[5303,12000,12001],{"class":5356},"32",[5303,12003,6426],{"class":5313},[5303,12005,12006],{"class":5305,"line":5384},[5303,12007,5340],{"emptyLinePlaceholder":5339},[5303,12009,12010,12012,12014,12016,12018,12020,12022,12024,12026,12028,12030],{"class":5305,"line":5421},[5303,12011,6296],{"class":5313},[5303,12013,5472],{"class":5356},[5303,12015,5372],{"class":5313},[5303,12017,5412],{"class":5356},[5303,12019,5372],{"class":5313},[5303,12021,5508],{"class":5507},[5303,12023,5511],{"class":5313},[5303,12025,6338],{"class":5356},[5303,12027,5372],{"class":5313},[5303,12029,7708],{"class":5356},[5303,12031,5522],{"class":5313},[5303,12033,12034,12036,12039,12041,12043,12045,12047,12049,12051,12053,12055],{"class":5305,"line":5451},[5303,12035,5716],{"class":5313},[5303,12037,12038],{"class":5537},"\"Кольорові палітри для категорій\"",[5303,12040,5372],{"class":5313},[5303,12042,5724],{"class":5507},[5303,12044,5534],{"class":5313},[5303,12046,7123],{"class":5356},[5303,12048,5372],{"class":5313},[5303,12050,5734],{"class":5507},[5303,12052,5534],{"class":5313},[5303,12054,6347],{"class":5537},[5303,12056,5360],{"class":5313},[5303,12058,12059],{"class":5305,"line":5456},[5303,12060,5340],{"emptyLinePlaceholder":5339},[5303,12062,12063],{"class":5305,"line":5462},[5303,12064,12065],{"class":5346},"# 1. Дефолтні кольори matplotlib (C0, C1, ...)\n",[5303,12067,12068,12070,12072,12074,12076,12079,12081,12083,12085,12088,12090,12093,12095,12097,12100,12103,12105,12108,12110,12112,12115,12117,12119,12121],{"class":5305,"line":5477},[5303,12069,6500],{"class":5313},[5303,12071,5369],{"class":5356},[5303,12073,5372],{"class":5313},[5303,12075,5369],{"class":5356},[5303,12077,12078],{"class":5313},"].bar(categories, values, ",[5303,12080,5531],{"class":5507},[5303,12082,7914],{"class":5313},[5303,12084,6810],{"class":5571},[5303,12086,12087],{"class":5537},"\"C",[5303,12089,6816],{"class":5571},[5303,12091,12092],{"class":5313},"i",[5303,12094,7636],{"class":5571},[5303,12096,6825],{"class":5537},[5303,12098,12099],{"class":5309}," for",[5303,12101,12102],{"class":5313}," i ",[5303,12104,8544],{"class":5309},[5303,12106,12107],{"class":6553}," range",[5303,12109,6557],{"class":5313},[5303,12111,5708],{"class":5356},[5303,12113,12114],{"class":5313},")], ",[5303,12116,6745],{"class":5507},[5303,12118,5534],{"class":5313},[5303,12120,6750],{"class":5537},[5303,12122,5360],{"class":5313},[5303,12124,12125,12127,12129,12131,12133,12135,12138],{"class":5305,"line":5483},[5303,12126,6500],{"class":5313},[5303,12128,5369],{"class":5356},[5303,12130,5372],{"class":5313},[5303,12132,5369],{"class":5356},[5303,12134,6593],{"class":5313},[5303,12136,12137],{"class":5537},"\"Default (C0–C9)\"",[5303,12139,5360],{"class":5313},[5303,12141,12142],{"class":5305,"line":5488},[5303,12143,5340],{"emptyLinePlaceholder":5339},[5303,12145,12146],{"class":5305,"line":5494},[5303,12147,12148],{"class":5346},"# 2. Tab10 (10 розрізнюваних кольорів)\n",[5303,12150,12151,12154,12156,12158,12160,12162,12164],{"class":5305,"line":5525},[5303,12152,12153],{"class":5313},"colors_tab10 = plt.cm.tab10(np.linspace(",[5303,12155,5369],{"class":5356},[5303,12157,5372],{"class":5313},[5303,12159,5290],{"class":5356},[5303,12161,5372],{"class":5313},[5303,12163,5708],{"class":5356},[5303,12165,5522],{"class":5313},[5303,12167,12168,12170,12172,12174,12176,12178,12180,12183,12185,12187,12189],{"class":5305,"line":5543},[5303,12169,6500],{"class":5313},[5303,12171,5369],{"class":5356},[5303,12173,5372],{"class":5313},[5303,12175,5290],{"class":5356},[5303,12177,12078],{"class":5313},[5303,12179,5531],{"class":5507},[5303,12181,12182],{"class":5313},"=colors_tab10, ",[5303,12184,6745],{"class":5507},[5303,12186,5534],{"class":5313},[5303,12188,6750],{"class":5537},[5303,12190,5360],{"class":5313},[5303,12192,12193,12195,12197,12199,12201,12203,12206],{"class":5305,"line":5554},[5303,12194,6500],{"class":5313},[5303,12196,5369],{"class":5356},[5303,12198,5372],{"class":5313},[5303,12200,5290],{"class":5356},[5303,12202,6593],{"class":5313},[5303,12204,12205],{"class":5537},"\"Tab10 (рекомендовано)\"",[5303,12207,5360],{"class":5313},[5303,12209,12210],{"class":5305,"line":5565},[5303,12211,5340],{"emptyLinePlaceholder":5339},[5303,12213,12214],{"class":5305,"line":5597},[5303,12215,12216],{"class":5346},"# 3. Viridis (послідовна палітра)\n",[5303,12218,12219,12222,12224,12226,12228,12230,12232],{"class":5305,"line":5602},[5303,12220,12221],{"class":5313},"colors_viridis = plt.cm.viridis(np.linspace(",[5303,12223,5369],{"class":5356},[5303,12225,5372],{"class":5313},[5303,12227,5290],{"class":5356},[5303,12229,5372],{"class":5313},[5303,12231,5708],{"class":5356},[5303,12233,5522],{"class":5313},[5303,12235,12236,12238,12240,12242,12244,12246,12248,12251,12253,12255,12257],{"class":5305,"line":5617},[5303,12237,6500],{"class":5313},[5303,12239,5369],{"class":5356},[5303,12241,5372],{"class":5313},[5303,12243,5472],{"class":5356},[5303,12245,12078],{"class":5313},[5303,12247,5531],{"class":5507},[5303,12249,12250],{"class":5313},"=colors_viridis, ",[5303,12252,6745],{"class":5507},[5303,12254,5534],{"class":5313},[5303,12256,6750],{"class":5537},[5303,12258,5360],{"class":5313},[5303,12260,12261,12263,12265,12267,12269,12271,12274],{"class":5305,"line":5628},[5303,12262,6500],{"class":5313},[5303,12264,5369],{"class":5356},[5303,12266,5372],{"class":5313},[5303,12268,5472],{"class":5356},[5303,12270,6593],{"class":5313},[5303,12272,12273],{"class":5537},"\"Viridis\"",[5303,12275,5360],{"class":5313},[5303,12277,12278],{"class":5305,"line":5639},[5303,12279,5340],{"emptyLinePlaceholder":5339},[5303,12281,12282],{"class":5305,"line":5665},[5303,12283,12284],{"class":5346},"# 4. Pastel (м'які кольори)\n",[5303,12286,12287,12290,12292,12294,12296,12298,12300],{"class":5305,"line":5671},[5303,12288,12289],{"class":5313},"colors_pastel = plt.cm.Pastel1(np.linspace(",[5303,12291,5369],{"class":5356},[5303,12293,5372],{"class":5313},[5303,12295,5290],{"class":5356},[5303,12297,5372],{"class":5313},[5303,12299,5708],{"class":5356},[5303,12301,5522],{"class":5313},[5303,12303,12304,12306,12308,12310,12312,12314,12316,12319,12321,12323,12325],{"class":5305,"line":5676},[5303,12305,6500],{"class":5313},[5303,12307,5290],{"class":5356},[5303,12309,5372],{"class":5313},[5303,12311,5369],{"class":5356},[5303,12313,12078],{"class":5313},[5303,12315,5531],{"class":5507},[5303,12317,12318],{"class":5313},"=colors_pastel, ",[5303,12320,6745],{"class":5507},[5303,12322,5534],{"class":5313},[5303,12324,6750],{"class":5537},[5303,12326,5360],{"class":5313},[5303,12328,12329,12331,12333,12335,12337,12339,12342],{"class":5305,"line":5681},[5303,12330,6500],{"class":5313},[5303,12332,5290],{"class":5356},[5303,12334,5372],{"class":5313},[5303,12336,5369],{"class":5356},[5303,12338,6593],{"class":5313},[5303,12340,12341],{"class":5537},"\"Pastel1\"",[5303,12343,5360],{"class":5313},[5303,12345,12346],{"class":5305,"line":5687},[5303,12347,5340],{"emptyLinePlaceholder":5339},[5303,12349,12350],{"class":5305,"line":5713},[5303,12351,12352],{"class":5346},"# 5. Set3 (категоріальні)\n",[5303,12354,12355,12358,12360,12362,12364,12366,12368],{"class":5305,"line":5744},[5303,12356,12357],{"class":5313},"colors_set3 = plt.cm.Set3(np.linspace(",[5303,12359,5369],{"class":5356},[5303,12361,5372],{"class":5313},[5303,12363,5290],{"class":5356},[5303,12365,5372],{"class":5313},[5303,12367,5708],{"class":5356},[5303,12369,5522],{"class":5313},[5303,12371,12372,12374,12376,12378,12380,12382,12384,12387,12389,12391,12393],{"class":5305,"line":5749},[5303,12373,6500],{"class":5313},[5303,12375,5290],{"class":5356},[5303,12377,5372],{"class":5313},[5303,12379,5290],{"class":5356},[5303,12381,12078],{"class":5313},[5303,12383,5531],{"class":5507},[5303,12385,12386],{"class":5313},"=colors_set3, ",[5303,12388,6745],{"class":5507},[5303,12390,5534],{"class":5313},[5303,12392,6750],{"class":5537},[5303,12394,5360],{"class":5313},[5303,12396,12397,12399,12401,12403,12405,12407,12410],{"class":5305,"line":5755},[5303,12398,6500],{"class":5313},[5303,12400,5290],{"class":5356},[5303,12402,5372],{"class":5313},[5303,12404,5290],{"class":5356},[5303,12406,6593],{"class":5313},[5303,12408,12409],{"class":5537},"\"Set3\"",[5303,12411,5360],{"class":5313},[5303,12413,12414],{"class":5305,"line":5789},[5303,12415,5340],{"emptyLinePlaceholder":5339},[5303,12417,12418],{"class":5305,"line":5836},[5303,12419,12420],{"class":5346},"# 6. Кастомна палітра (власні HEX кольори)\n",[5303,12422,12423,12426,12429,12431,12434,12436,12439,12441,12444,12446,12449],{"class":5305,"line":5859},[5303,12424,12425],{"class":5313},"custom_colors = [",[5303,12427,12428],{"class":5537},"\"#FF6B6B\"",[5303,12430,5372],{"class":5313},[5303,12432,12433],{"class":5537},"\"#4ECDC4\"",[5303,12435,5372],{"class":5313},[5303,12437,12438],{"class":5537},"\"#95E1D3\"",[5303,12440,5372],{"class":5313},[5303,12442,12443],{"class":5537},"\"#FFD93D\"",[5303,12445,5372],{"class":5313},[5303,12447,12448],{"class":5537},"\"#C7CEEA\"",[5303,12450,6426],{"class":5313},[5303,12452,12453,12455,12457,12459,12461,12463,12465,12468,12470,12472,12474],{"class":5305,"line":5868},[5303,12454,6500],{"class":5313},[5303,12456,5290],{"class":5356},[5303,12458,5372],{"class":5313},[5303,12460,5472],{"class":5356},[5303,12462,12078],{"class":5313},[5303,12464,5531],{"class":5507},[5303,12466,12467],{"class":5313},"=custom_colors, ",[5303,12469,6745],{"class":5507},[5303,12471,5534],{"class":5313},[5303,12473,6750],{"class":5537},[5303,12475,5360],{"class":5313},[5303,12477,12478,12480,12482,12484,12486,12488,12491],{"class":5305,"line":5903},[5303,12479,6500],{"class":5313},[5303,12481,5290],{"class":5356},[5303,12483,5372],{"class":5313},[5303,12485,5472],{"class":5356},[5303,12487,6593],{"class":5313},[5303,12489,12490],{"class":5537},"\"Кастомна (HEX)\"",[5303,12492,5360],{"class":5313},[5303,12494,12495],{"class":5305,"line":5928},[5303,12496,5340],{"emptyLinePlaceholder":5339},[5303,12498,12499],{"class":5305,"line":5933},[5303,12500,5668],{"class":5313},[5303,12502,12503],{"class":5305,"line":5939},[5303,12504,5480],{"class":5313},[6080,12506,12507],{"v-slot:output":5298},[6083,12508],{"alt":12509,"className":12510,"src":12511},"Порівняння кольорових палітр",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F08.png",[8490,12513,12514,12519,12522,12527,12559,12565],{},[5261,12515,12516],{},[5224,12517,12518],{},"Accessibility: Колірна сліпота",[5261,12520,12521],{},"~8% чоловіків та ~0.5% жінок мають порушення кольорового зору (найчастіше — червоний\u002Fзелений).",[5261,12523,12524],{},[5224,12525,12526],{},"Безпечні палітри (colorblind-safe):",[5198,12528,12529,12541,12550],{},[5201,12530,12531,5372,12534,5372,12537,12540],{},[5300,12532,12533],{},"viridis",[5300,12535,12536],{},"plasma",[5300,12538,12539],{},"cividis"," — послідовні",[5201,12542,12543,5372,12546,12549],{},[5300,12544,12545],{},"tab10",[5300,12547,12548],{},"Paired"," — категоріальні",[5201,12551,12552,12553,8957,12556,12558],{},"Використовуйте ",[5224,12554,12555],{},"різні стилі ліній",[5300,12557,5577],{},") як додатковий канал",[5261,12560,12561,12564],{},[5224,12562,12563],{},"Уникайте:"," червоний + зелений для критичних розрізнень (як стоп\u002Fіти).",[5261,12566,12567,12568],{},"Перевірити: ",[12569,12570,12574],"a",{"href":12571,"rel":12572},"https:\u002F\u002Fwww.color-blindness.com\u002Fcoblis-color-blindness-simulator\u002F",[12573],"nofollow","Color Blindness Simulator",[5281,12576,12578,12579,6138,12582,12585],{"id":12577},"системні-налаштування-pltstyle-та-pltrcparams-для-корпоративних-звітів","Системні налаштування ",[5300,12580,12581],{},"plt.style",[5300,12583,12584],{},"plt.rcParams"," для корпоративних звітів",[5261,12587,12588,12589,12592],{},"У великих проєктах замість ручного задавання параметрів кожного графіка використовують ",[5224,12590,12591],{},"глобальні файли конфігурації стилів"," або контекстні менеджери:",[6096,12594,12595,12605,12618],{},[5201,12596,12597,12600,12601,12604],{},[5224,12598,12599],{},"Глобальне перемикання теми:"," ",[5300,12602,12603],{},"plt.style.use(\"seaborn-v0_8-whitegrid\")"," — застосовує набір кольорів, сіток та шрифтів до всіх наступних графіків у сесії.",[5201,12606,12607,12610,12611,12614,12615,12617],{},[5224,12608,12609],{},"Локальне ізольоване застосування:"," конструкція ",[5300,12612,12613],{},"with plt.style.context(\"dark_background\"):"," змінює стиль виключно всередині блоку ",[5300,12616,11772],{},", не впливаючи на інші візуалізації.",[5201,12619,12620,12625,12626,12629],{},[5224,12621,12622,12623,7980],{},"Глибока кастомізація через ",[5300,12624,12584],{}," глобальний словник параметрів Matplotlib, що керує абсолютно всіма властивостями рендерингу (розміри шрифтів, товщини ліній, роздільна здатність ",[5300,12627,12628],{},"figure.dpi"," тощо).",[5293,12631,12633],{"className":5295,"code":12632,"language":5297,"meta":5298,"style":5298},"# Приклад корпоративного налаштування rcParams\nplt.rcParams.update({\n    \"font.family\": \"sans-serif\",\n    \"font.size\": 11,\n    \"figure.titlesize\": 14,\n    \"axes.titlesize\": 12,\n    \"axes.labelsize\": 11,\n    \"axes.edgecolor\": \"#cbd5e1\",\n    \"axes.grid\": True,\n    \"grid.linestyle\": \":\",\n    \"grid.alpha\": 0.6,\n    \"figure.dpi\": 150\n})\n",[5300,12634,12635,12640,12645,12658,12669,12680,12691,12702,12714,12725,12737,12748,12758],{"__ignoreMap":5298},[5303,12636,12637],{"class":5305,"line":5306},[5303,12638,12639],{"class":5346},"# Приклад корпоративного налаштування rcParams\n",[5303,12641,12642],{"class":5305,"line":5323},[5303,12643,12644],{"class":5313},"plt.rcParams.update({\n",[5303,12646,12647,12650,12653,12656],{"class":5305,"line":5336},[5303,12648,12649],{"class":5537},"    \"font.family\"",[5303,12651,12652],{"class":5313},": ",[5303,12654,12655],{"class":5537},"\"sans-serif\"",[5303,12657,8649],{"class":5313},[5303,12659,12660,12663,12665,12667],{"class":5305,"line":5343},[5303,12661,12662],{"class":5537},"    \"font.size\"",[5303,12664,12652],{"class":5313},[5303,12666,9211],{"class":5356},[5303,12668,8649],{"class":5313},[5303,12670,12671,12674,12676,12678],{"class":5305,"line":5350},[5303,12672,12673],{"class":5537},"    \"figure.titlesize\"",[5303,12675,12652],{"class":5313},[5303,12677,6311],{"class":5356},[5303,12679,8649],{"class":5313},[5303,12681,12682,12685,12687,12689],{"class":5305,"line":5363},[5303,12683,12684],{"class":5537},"    \"axes.titlesize\"",[5303,12686,12652],{"class":5313},[5303,12688,6703],{"class":5356},[5303,12690,8649],{"class":5313},[5303,12692,12693,12696,12698,12700],{"class":5305,"line":5384},[5303,12694,12695],{"class":5537},"    \"axes.labelsize\"",[5303,12697,12652],{"class":5313},[5303,12699,9211],{"class":5356},[5303,12701,8649],{"class":5313},[5303,12703,12704,12707,12709,12712],{"class":5305,"line":5421},[5303,12705,12706],{"class":5537},"    \"axes.edgecolor\"",[5303,12708,12652],{"class":5313},[5303,12710,12711],{"class":5537},"\"#cbd5e1\"",[5303,12713,8649],{"class":5313},[5303,12715,12716,12719,12721,12723],{"class":5305,"line":5451},[5303,12717,12718],{"class":5537},"    \"axes.grid\"",[5303,12720,12652],{"class":5313},[5303,12722,5572],{"class":5571},[5303,12724,8649],{"class":5313},[5303,12726,12727,12730,12732,12735],{"class":5305,"line":5456},[5303,12728,12729],{"class":5537},"    \"grid.linestyle\"",[5303,12731,12652],{"class":5313},[5303,12733,12734],{"class":5537},"\":\"",[5303,12736,8649],{"class":5313},[5303,12738,12739,12742,12744,12746],{"class":5305,"line":5462},[5303,12740,12741],{"class":5537},"    \"grid.alpha\"",[5303,12743,12652],{"class":5313},[5303,12745,7846],{"class":5356},[5303,12747,8649],{"class":5313},[5303,12749,12750,12753,12755],{"class":5305,"line":5477},[5303,12751,12752],{"class":5537},"    \"figure.dpi\"",[5303,12754,12652],{"class":5313},[5303,12756,12757],{"class":5356},"150\n",[5303,12759,12760],{"class":5305,"line":5483},[5303,12761,12762],{"class":5313},"})\n",[8762,12764,12765,12780],{},[8765,12766,12767],{},[8768,12768,12769,12772,12774,12777],{},[8771,12770,12771],{"align":8773},"Параметр rcParams",[8771,12773,8777],{"align":8773},[8771,12775,12776],{"align":8773},"Приклад значення",[8771,12778,12779],{"align":8773},"Інженерне призначення",[8785,12781,12782,12805,12826,12848,12869],{},[8768,12783,12784,12789,12794,12802],{},[8790,12785,12786],{"align":8773},[5300,12787,12788],{},"font.family",[8790,12790,12791],{"align":8773},[5300,12792,12793],{},"str",[8790,12795,12796,5372,12799],{"align":8773},[5300,12797,12798],{},"'sans-serif'",[5300,12800,12801],{},"'Inter'",[8790,12803,12804],{"align":8773},"Сімейство шрифтів для всіх текстових написів.",[8768,12806,12807,12811,12815,12823],{},[8790,12808,12809],{"align":8773},[5300,12810,12628],{},[8790,12812,12813],{"align":8773},[5300,12814,10437],{},[8790,12816,12817,12819,12820,12822],{"align":8773},[5300,12818,6444],{}," (екран), ",[5300,12821,9922],{}," (друк)",[8790,12824,12825],{"align":8773},"Роздільна здатність полотна у точках на дюйм (DPI).",[8768,12827,12828,12833,12837,12845],{},[8790,12829,12830],{"align":8773},[5300,12831,12832],{},"axes.edgecolor",[8790,12834,12835],{"align":8773},[5300,12836,5531],{},[8790,12838,12839,5372,12842],{"align":8773},[5300,12840,12841],{},"'#cbd5e1'",[5300,12843,12844],{},"'#334155'",[8790,12846,12847],{"align":8773},"Колір рамок координатних осей (spines).",[8768,12849,12850,12855,12859,12863],{},[8790,12851,12852],{"align":8773},[5300,12853,12854],{},"axes.grid",[8790,12856,12857],{"align":8773},[5300,12858,8842],{},[8790,12860,12861],{"align":8773},[5300,12862,5572],{},[8790,12864,12865,12866,8865],{"align":8773},"Автоматичне увімкнення сітки для всіх осей без виклику ",[5300,12867,12868],{},"ax.grid()",[8768,12870,12871,12876,12880,12885],{},[8790,12872,12873],{"align":8773},[5300,12874,12875],{},"savefig.bbox",[8790,12877,12878],{"align":8773},[5300,12879,12793],{},[8790,12881,12882],{"align":8773},[5300,12883,12884],{},"'tight'",[8790,12886,12887,12888,8865],{"align":8773},"Автоматичне обрізання зайвих полів при збереженні через ",[5300,12889,12890],{},"fig.savefig()",[5272,12892,12894,12903],{"title":12893,"kernel":5275},"styles_comparison_deep_dive.ipynb",[5277,12895,12896,12900],{"type":5279},[5281,12897,12899],{"id":12898},"порівняльне-дослідження-стилів-seaborn-ggplot-dark-та-bmh","Порівняльне дослідження стилів: Seaborn, ggplot, Dark та BMH",[5261,12901,12902],{},"Вплив теми на читабельність графіків у світлих і темних інтерфейсах",[5277,12904,12906,13228],{"execution-count":5290,"execution-time":12905},"0.25s",[5293,12907,12909],{"className":5295,"code":12908,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.linspace(0, 10, 100)\ny1 = np.sin(x)\ny2 = np.cos(x)\n\nfig, axes = plt.subplots(2, 2, figsize=(13, 9.5))\n\nstyles = [\n    (\"seaborn-v0_8-whitegrid\", \"Стиль Seaborn: світлий фон, чітка сітка\"),\n    (\"ggplot\", \"Стиль ggplot2: класичний сірий фон та біла сітка\"),\n    (\"dark_background\", \"Стиль Dark: темна тема для нічного чергування\"),\n    (\"bmh\", \"Стиль BMH: високий контраст для аналітичних звітів\")\n]\n\nfor idx, (st_name, st_desc) in enumerate(styles):\n    ax = axes[idx \u002F\u002F 2, idx % 2]\n    with plt.style.context(st_name):\n        ax.plot(x, y1, label=\"Signal A (sin)\", linewidth=2)\n        ax.plot(x, y2, label=\"Signal B (cos)\", linewidth=2, linestyle='--')\n        ax.set_title(f\"Стиль: '{st_name}'\\n{st_desc}\", fontweight='bold')\n        ax.set_xlabel(\"Час (с)\")\n        ax.set_ylabel(\"Амплітуда\")\n        ax.legend()\n\nplt.tight_layout()\nplt.show()\n",[5300,12910,12911,12921,12931,12935,12951,12956,12961,12965,12990,12994,12999,13015,13028,13042,13055,13059,13063,13077,13091,13098,13120,13150,13192,13202,13212,13216,13220,13224],{"__ignoreMap":5298},[5303,12912,12913,12915,12917,12919],{"class":5305,"line":5306},[5303,12914,5310],{"class":5309},[5303,12916,5314],{"class":5313},[5303,12918,5317],{"class":5309},[5303,12920,5320],{"class":5313},[5303,12922,12923,12925,12927,12929],{"class":5305,"line":5323},[5303,12924,5310],{"class":5309},[5303,12926,5328],{"class":5313},[5303,12928,5317],{"class":5309},[5303,12930,5333],{"class":5313},[5303,12932,12933],{"class":5305,"line":5336},[5303,12934,5340],{"emptyLinePlaceholder":5339},[5303,12936,12937,12939,12941,12943,12945,12947,12949],{"class":5305,"line":5343},[5303,12938,9780],{"class":5313},[5303,12940,5369],{"class":5356},[5303,12942,5372],{"class":5313},[5303,12944,6316],{"class":5356},[5303,12946,5372],{"class":5313},[5303,12948,7223],{"class":5356},[5303,12950,5360],{"class":5313},[5303,12952,12953],{"class":5305,"line":5350},[5303,12954,12955],{"class":5313},"y1 = np.sin(x)\n",[5303,12957,12958],{"class":5305,"line":5363},[5303,12959,12960],{"class":5313},"y2 = np.cos(x)\n",[5303,12962,12963],{"class":5305,"line":5384},[5303,12964,5340],{"emptyLinePlaceholder":5339},[5303,12966,12967,12969,12971,12973,12975,12977,12979,12981,12983,12985,12988],{"class":5305,"line":5421},[5303,12968,6296],{"class":5313},[5303,12970,5472],{"class":5356},[5303,12972,5372],{"class":5313},[5303,12974,5472],{"class":5356},[5303,12976,5372],{"class":5313},[5303,12978,5508],{"class":5507},[5303,12980,5511],{"class":5313},[5303,12982,5729],{"class":5356},[5303,12984,5372],{"class":5313},[5303,12986,12987],{"class":5356},"9.5",[5303,12989,5522],{"class":5313},[5303,12991,12992],{"class":5305,"line":5451},[5303,12993,5340],{"emptyLinePlaceholder":5339},[5303,12995,12996],{"class":5305,"line":5456},[5303,12997,12998],{"class":5313},"styles = [\n",[5303,13000,13001,13004,13007,13009,13012],{"class":5305,"line":5462},[5303,13002,13003],{"class":5313},"    (",[5303,13005,13006],{"class":5537},"\"seaborn-v0_8-whitegrid\"",[5303,13008,5372],{"class":5313},[5303,13010,13011],{"class":5537},"\"Стиль Seaborn: світлий фон, чітка сітка\"",[5303,13013,13014],{"class":5313},"),\n",[5303,13016,13017,13019,13021,13023,13026],{"class":5305,"line":5477},[5303,13018,13003],{"class":5313},[5303,13020,11522],{"class":5537},[5303,13022,5372],{"class":5313},[5303,13024,13025],{"class":5537},"\"Стиль ggplot2: класичний сірий фон та біла сітка\"",[5303,13027,13014],{"class":5313},[5303,13029,13030,13032,13035,13037,13040],{"class":5305,"line":5483},[5303,13031,13003],{"class":5313},[5303,13033,13034],{"class":5537},"\"dark_background\"",[5303,13036,5372],{"class":5313},[5303,13038,13039],{"class":5537},"\"Стиль Dark: темна тема для нічного чергування\"",[5303,13041,13014],{"class":5313},[5303,13043,13044,13046,13048,13050,13053],{"class":5305,"line":5488},[5303,13045,13003],{"class":5313},[5303,13047,11527],{"class":5537},[5303,13049,5372],{"class":5313},[5303,13051,13052],{"class":5537},"\"Стиль BMH: високий контраст для аналітичних звітів\"",[5303,13054,5360],{"class":5313},[5303,13056,13057],{"class":5305,"line":5494},[5303,13058,6426],{"class":5313},[5303,13060,13061],{"class":5305,"line":5525},[5303,13062,5340],{"emptyLinePlaceholder":5339},[5303,13064,13065,13067,13070,13072,13074],{"class":5305,"line":5543},[5303,13066,8538],{"class":5309},[5303,13068,13069],{"class":5313}," idx, (st_name, st_desc) ",[5303,13071,8544],{"class":5309},[5303,13073,8547],{"class":6553},[5303,13075,13076],{"class":5313},"(styles):\n",[5303,13078,13079,13082,13084,13087,13089],{"class":5305,"line":5554},[5303,13080,13081],{"class":5313},"    ax = axes[idx \u002F\u002F ",[5303,13083,5472],{"class":5356},[5303,13085,13086],{"class":5313},", idx % ",[5303,13088,5472],{"class":5356},[5303,13090,6426],{"class":5313},[5303,13092,13093,13095],{"class":5305,"line":5565},[5303,13094,11622],{"class":5309},[5303,13096,13097],{"class":5313}," plt.style.context(st_name):\n",[5303,13099,13100,13103,13105,13107,13110,13112,13114,13116,13118],{"class":5305,"line":5597},[5303,13101,13102],{"class":5313},"        ax.plot(x, y1, ",[5303,13104,5779],{"class":5507},[5303,13106,5534],{"class":5313},[5303,13108,13109],{"class":5537},"\"Signal A (sin)\"",[5303,13111,5372],{"class":5313},[5303,13113,5769],{"class":5507},[5303,13115,5534],{"class":5313},[5303,13117,5472],{"class":5356},[5303,13119,5360],{"class":5313},[5303,13121,13122,13125,13127,13129,13132,13134,13136,13138,13140,13142,13144,13146,13148],{"class":5305,"line":5602},[5303,13123,13124],{"class":5313},"        ax.plot(x, y2, ",[5303,13126,5779],{"class":5507},[5303,13128,5534],{"class":5313},[5303,13130,13131],{"class":5537},"\"Signal B (cos)\"",[5303,13133,5372],{"class":5313},[5303,13135,5769],{"class":5507},[5303,13137,5534],{"class":5313},[5303,13139,5472],{"class":5356},[5303,13141,5372],{"class":5313},[5303,13143,5577],{"class":5507},[5303,13145,5534],{"class":5313},[5303,13147,5813],{"class":5537},[5303,13149,5360],{"class":5313},[5303,13151,13152,13154,13156,13159,13161,13164,13166,13169,13173,13175,13178,13180,13182,13184,13186,13188,13190],{"class":5305,"line":5617},[5303,13153,11675],{"class":5313},[5303,13155,6810],{"class":5571},[5303,13157,13158],{"class":5537},"\"Стиль: '",[5303,13160,6816],{"class":5571},[5303,13162,13163],{"class":5313},"st_name",[5303,13165,7636],{"class":5571},[5303,13167,13168],{"class":5537},"'",[5303,13170,13172],{"class":13171},"sjcCO","\\n",[5303,13174,6816],{"class":5571},[5303,13176,13177],{"class":5313},"st_desc",[5303,13179,7636],{"class":5571},[5303,13181,6825],{"class":5537},[5303,13183,5372],{"class":5313},[5303,13185,5734],{"class":5507},[5303,13187,5534],{"class":5313},[5303,13189,5739],{"class":5537},[5303,13191,5360],{"class":5313},[5303,13193,13194,13197,13200],{"class":5305,"line":5628},[5303,13195,13196],{"class":5313},"        ax.set_xlabel(",[5303,13198,13199],{"class":5537},"\"Час (с)\"",[5303,13201,5360],{"class":5313},[5303,13203,13204,13207,13210],{"class":5305,"line":5639},[5303,13205,13206],{"class":5313},"        ax.set_ylabel(",[5303,13208,13209],{"class":5537},"\"Амплітуда\"",[5303,13211,5360],{"class":5313},[5303,13213,13214],{"class":5305,"line":5665},[5303,13215,11704],{"class":5313},[5303,13217,13218],{"class":5305,"line":5671},[5303,13219,5340],{"emptyLinePlaceholder":5339},[5303,13221,13222],{"class":5305,"line":5676},[5303,13223,5668],{"class":5313},[5303,13225,13226],{"class":5305,"line":5681},[5303,13227,5480],{"class":5313},[6080,13229,13230],{"v-slot:output":5298},[6083,13231],{"alt":13232,"className":13233,"src":13234},"Порівняння тем та стилів оформлення",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F14.png",[5253,13236],{},[5256,13238,13240],{"id":13239},"анотації-та-текстові-підписи","Анотації та текстові підписи",[5272,13242,13244],{"title":13243},"annotations.ipynb",[5277,13245,13246,13833],{"execution-count":5290},[5293,13247,13249],{"className":5295,"code":13248,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\nx = np.linspace(0, 10, 100)\ny = np.sin(x) * np.exp(-x\u002F10)\n\nfig, ax = plt.subplots(figsize=(12, 7))\n\nax.plot(x, y, linewidth=2.5, color=\"darkblue\")\n\n# Знаходимо максимум\nmax_idx = np.argmax(y)\nmax_x, max_y = x[max_idx], y[max_idx]\n\n# Анотація зі стрілкою\nax.annotate(\"Локальний максимум\", \n            xy=(max_x, max_y),                    # Точка, на яку вказуємо\n            xytext=(max_x + 2, max_y + 0.3),      # Розташування тексту\n            fontsize=12, fontweight=\"bold\", color=\"darkred\",\n            arrowprops=dict(arrowstyle=\"->\", color=\"red\", lw=2),\n            bbox=dict(boxstyle=\"round,pad=0.5\", facecolor=\"yellow\", alpha=0.8))\n\n# Точка на максимумі\nax.plot(max_x, max_y, \"ro\", markersize=12, label=f\"Max: ({max_x:.2f}, {max_y:.2f})\")\n\n# Горизонтальна лінія через максимум\nax.axhline(max_y, color=\"gray\", linestyle=\"--\", alpha=0.5)\n\n# Вертикальна лінія\nax.axvline(max_x, color=\"gray\", linestyle=\"--\", alpha=0.5)\n\n# Текст без стрілки\nax.text(7, -0.2, \"Загасаюча амплітуда\", fontsize=11, \n        style=\"italic\", bbox=dict(boxstyle=\"round\", facecolor=\"lightblue\", alpha=0.6))\n\nax.set_title(\"Загасаюча синусоїда з анотаціями\", fontsize=14, fontweight=\"bold\")\nax.set_xlabel(\"X\")\nax.set_ylabel(\"Y\")\nax.legend(loc=\"upper right\")\nax.grid(True, alpha=0.3)\n\nplt.tight_layout()\nplt.show()\n",[5300,13250,13251,13261,13271,13275,13291,13300,13304,13321,13325,13347,13351,13356,13361,13366,13370,13375,13385,13396,13417,13445,13483,13522,13526,13531,13580,13584,13589,13619,13623,13628,13657,13661,13666,13694,13741,13745,13771,13780,13790,13804,13821,13825,13829],{"__ignoreMap":5298},[5303,13252,13253,13255,13257,13259],{"class":5305,"line":5306},[5303,13254,5310],{"class":5309},[5303,13256,5314],{"class":5313},[5303,13258,5317],{"class":5309},[5303,13260,5320],{"class":5313},[5303,13262,13263,13265,13267,13269],{"class":5305,"line":5323},[5303,13264,5310],{"class":5309},[5303,13266,5328],{"class":5313},[5303,13268,5317],{"class":5309},[5303,13270,5333],{"class":5313},[5303,13272,13273],{"class":5305,"line":5336},[5303,13274,5340],{"emptyLinePlaceholder":5339},[5303,13276,13277,13279,13281,13283,13285,13287,13289],{"class":5305,"line":5343},[5303,13278,9780],{"class":5313},[5303,13280,5369],{"class":5356},[5303,13282,5372],{"class":5313},[5303,13284,6316],{"class":5356},[5303,13286,5372],{"class":5313},[5303,13288,7223],{"class":5356},[5303,13290,5360],{"class":5313},[5303,13292,13293,13296,13298],{"class":5305,"line":5350},[5303,13294,13295],{"class":5313},"y = np.sin(x) * np.exp(-x\u002F",[5303,13297,6316],{"class":5356},[5303,13299,5360],{"class":5313},[5303,13301,13302],{"class":5305,"line":5363},[5303,13303,5340],{"emptyLinePlaceholder":5339},[5303,13305,13306,13309,13311,13313,13315,13317,13319],{"class":5305,"line":5384},[5303,13307,13308],{"class":5313},"fig, ax = plt.subplots(",[5303,13310,5508],{"class":5507},[5303,13312,5511],{"class":5313},[5303,13314,6703],{"class":5356},[5303,13316,5372],{"class":5313},[5303,13318,5514],{"class":5356},[5303,13320,5522],{"class":5313},[5303,13322,13323],{"class":5305,"line":5421},[5303,13324,5340],{"emptyLinePlaceholder":5339},[5303,13326,13327,13330,13332,13334,13336,13338,13340,13342,13345],{"class":5305,"line":5451},[5303,13328,13329],{"class":5313},"ax.plot(x, y, ",[5303,13331,5769],{"class":5507},[5303,13333,5534],{"class":5313},[5303,13335,6526],{"class":5356},[5303,13337,5372],{"class":5313},[5303,13339,5531],{"class":5507},[5303,13341,5534],{"class":5313},[5303,13343,13344],{"class":5537},"\"darkblue\"",[5303,13346,5360],{"class":5313},[5303,13348,13349],{"class":5305,"line":5456},[5303,13350,5340],{"emptyLinePlaceholder":5339},[5303,13352,13353],{"class":5305,"line":5462},[5303,13354,13355],{"class":5346},"# Знаходимо максимум\n",[5303,13357,13358],{"class":5305,"line":5477},[5303,13359,13360],{"class":5313},"max_idx = np.argmax(y)\n",[5303,13362,13363],{"class":5305,"line":5483},[5303,13364,13365],{"class":5313},"max_x, max_y = x[max_idx], y[max_idx]\n",[5303,13367,13368],{"class":5305,"line":5488},[5303,13369,5340],{"emptyLinePlaceholder":5339},[5303,13371,13372],{"class":5305,"line":5494},[5303,13373,13374],{"class":5346},"# Анотація зі стрілкою\n",[5303,13376,13377,13380,13383],{"class":5305,"line":5525},[5303,13378,13379],{"class":5313},"ax.annotate(",[5303,13381,13382],{"class":5537},"\"Локальний максимум\"",[5303,13384,6328],{"class":5313},[5303,13386,13387,13390,13393],{"class":5305,"line":5543},[5303,13388,13389],{"class":5507},"            xy",[5303,13391,13392],{"class":5313},"=(max_x, max_y),                    ",[5303,13394,13395],{"class":5346},"# Точка, на яку вказуємо\n",[5303,13397,13398,13401,13404,13406,13409,13411,13414],{"class":5305,"line":5554},[5303,13399,13400],{"class":5507},"            xytext",[5303,13402,13403],{"class":5313},"=(max_x + ",[5303,13405,5472],{"class":5356},[5303,13407,13408],{"class":5313},", max_y + ",[5303,13410,6570],{"class":5356},[5303,13412,13413],{"class":5313},"),      ",[5303,13415,13416],{"class":5346},"# Розташування тексту\n",[5303,13418,13419,13422,13424,13426,13428,13430,13432,13434,13436,13438,13440,13443],{"class":5305,"line":5565},[5303,13420,13421],{"class":5507},"            fontsize",[5303,13423,5534],{"class":5313},[5303,13425,6703],{"class":5356},[5303,13427,5372],{"class":5313},[5303,13429,5734],{"class":5507},[5303,13431,5534],{"class":5313},[5303,13433,6347],{"class":5537},[5303,13435,5372],{"class":5313},[5303,13437,5531],{"class":5507},[5303,13439,5534],{"class":5313},[5303,13441,13442],{"class":5537},"\"darkred\"",[5303,13444,8649],{"class":5313},[5303,13446,13447,13450,13452,13454,13456,13459,13461,13464,13466,13468,13470,13472,13474,13477,13479,13481],{"class":5305,"line":5597},[5303,13448,13449],{"class":5507},"            arrowprops",[5303,13451,5534],{"class":5313},[5303,13453,8922],{"class":7629},[5303,13455,6557],{"class":5313},[5303,13457,13458],{"class":5507},"arrowstyle",[5303,13460,5534],{"class":5313},[5303,13462,13463],{"class":5537},"\"->\"",[5303,13465,5372],{"class":5313},[5303,13467,5531],{"class":5507},[5303,13469,5534],{"class":5313},[5303,13471,6781],{"class":5537},[5303,13473,5372],{"class":5313},[5303,13475,13476],{"class":5507},"lw",[5303,13478,5534],{"class":5313},[5303,13480,5472],{"class":5356},[5303,13482,13014],{"class":5313},[5303,13484,13485,13488,13490,13492,13494,13497,13499,13502,13504,13506,13508,13511,13513,13515,13517,13520],{"class":5305,"line":5602},[5303,13486,13487],{"class":5507},"            bbox",[5303,13489,5534],{"class":5313},[5303,13491,8922],{"class":7629},[5303,13493,6557],{"class":5313},[5303,13495,13496],{"class":5507},"boxstyle",[5303,13498,5534],{"class":5313},[5303,13500,13501],{"class":5537},"\"round,pad=0.5\"",[5303,13503,5372],{"class":5313},[5303,13505,5893],{"class":5507},[5303,13507,5534],{"class":5313},[5303,13509,13510],{"class":5537},"\"yellow\"",[5303,13512,5372],{"class":5313},[5303,13514,5587],{"class":5507},[5303,13516,5534],{"class":5313},[5303,13518,13519],{"class":5356},"0.8",[5303,13521,5522],{"class":5313},[5303,13523,13524],{"class":5305,"line":5617},[5303,13525,5340],{"emptyLinePlaceholder":5339},[5303,13527,13528],{"class":5305,"line":5628},[5303,13529,13530],{"class":5346},"# Точка на максимумі\n",[5303,13532,13533,13536,13539,13541,13544,13546,13548,13550,13552,13554,13556,13559,13561,13564,13566,13568,13570,13573,13575,13578],{"class":5305,"line":5639},[5303,13534,13535],{"class":5313},"ax.plot(max_x, max_y, ",[5303,13537,13538],{"class":5537},"\"ro\"",[5303,13540,5372],{"class":5313},[5303,13542,13543],{"class":5507},"markersize",[5303,13545,5534],{"class":5313},[5303,13547,6703],{"class":5356},[5303,13549,5372],{"class":5313},[5303,13551,5779],{"class":5507},[5303,13553,5534],{"class":5313},[5303,13555,6810],{"class":5571},[5303,13557,13558],{"class":5537},"\"Max: (",[5303,13560,6816],{"class":5571},[5303,13562,13563],{"class":5313},"max_x",[5303,13565,7336],{"class":5571},[5303,13567,5372],{"class":5537},[5303,13569,6816],{"class":5571},[5303,13571,13572],{"class":5313},"max_y",[5303,13574,7336],{"class":5571},[5303,13576,13577],{"class":5537},")\"",[5303,13579,5360],{"class":5313},[5303,13581,13582],{"class":5305,"line":5665},[5303,13583,5340],{"emptyLinePlaceholder":5339},[5303,13585,13586],{"class":5305,"line":5671},[5303,13587,13588],{"class":5346},"# Горизонтальна лінія через максимум\n",[5303,13590,13591,13594,13596,13598,13601,13603,13605,13607,13609,13611,13613,13615,13617],{"class":5305,"line":5676},[5303,13592,13593],{"class":5313},"ax.axhline(max_y, ",[5303,13595,5531],{"class":5507},[5303,13597,5534],{"class":5313},[5303,13599,13600],{"class":5537},"\"gray\"",[5303,13602,5372],{"class":5313},[5303,13604,5577],{"class":5507},[5303,13606,5534],{"class":5313},[5303,13608,6790],{"class":5537},[5303,13610,5372],{"class":5313},[5303,13612,5587],{"class":5507},[5303,13614,5534],{"class":5313},[5303,13616,5592],{"class":5356},[5303,13618,5360],{"class":5313},[5303,13620,13621],{"class":5305,"line":5681},[5303,13622,5340],{"emptyLinePlaceholder":5339},[5303,13624,13625],{"class":5305,"line":5687},[5303,13626,13627],{"class":5346},"# Вертикальна лінія\n",[5303,13629,13630,13633,13635,13637,13639,13641,13643,13645,13647,13649,13651,13653,13655],{"class":5305,"line":5713},[5303,13631,13632],{"class":5313},"ax.axvline(max_x, ",[5303,13634,5531],{"class":5507},[5303,13636,5534],{"class":5313},[5303,13638,13600],{"class":5537},[5303,13640,5372],{"class":5313},[5303,13642,5577],{"class":5507},[5303,13644,5534],{"class":5313},[5303,13646,6790],{"class":5537},[5303,13648,5372],{"class":5313},[5303,13650,5587],{"class":5507},[5303,13652,5534],{"class":5313},[5303,13654,5592],{"class":5356},[5303,13656,5360],{"class":5313},[5303,13658,13659],{"class":5305,"line":5744},[5303,13660,5340],{"emptyLinePlaceholder":5339},[5303,13662,13663],{"class":5305,"line":5749},[5303,13664,13665],{"class":5346},"# Текст без стрілки\n",[5303,13667,13668,13671,13673,13676,13679,13681,13684,13686,13688,13690,13692],{"class":5305,"line":5755},[5303,13669,13670],{"class":5313},"ax.text(",[5303,13672,5514],{"class":5356},[5303,13674,13675],{"class":5313},", -",[5303,13677,13678],{"class":5356},"0.2",[5303,13680,5372],{"class":5313},[5303,13682,13683],{"class":5537},"\"Загасаюча амплітуда\"",[5303,13685,5372],{"class":5313},[5303,13687,5724],{"class":5507},[5303,13689,5534],{"class":5313},[5303,13691,9211],{"class":5356},[5303,13693,6328],{"class":5313},[5303,13695,13696,13699,13701,13704,13706,13709,13711,13713,13715,13717,13719,13722,13724,13726,13728,13731,13733,13735,13737,13739],{"class":5305,"line":5789},[5303,13697,13698],{"class":5507},"        style",[5303,13700,5534],{"class":5313},[5303,13702,13703],{"class":5537},"\"italic\"",[5303,13705,5372],{"class":5313},[5303,13707,13708],{"class":5507},"bbox",[5303,13710,5534],{"class":5313},[5303,13712,8922],{"class":7629},[5303,13714,6557],{"class":5313},[5303,13716,13496],{"class":5507},[5303,13718,5534],{"class":5313},[5303,13720,13721],{"class":5537},"\"round\"",[5303,13723,5372],{"class":5313},[5303,13725,5893],{"class":5507},[5303,13727,5534],{"class":5313},[5303,13729,13730],{"class":5537},"\"lightblue\"",[5303,13732,5372],{"class":5313},[5303,13734,5587],{"class":5507},[5303,13736,5534],{"class":5313},[5303,13738,7846],{"class":5356},[5303,13740,5522],{"class":5313},[5303,13742,13743],{"class":5305,"line":5836},[5303,13744,5340],{"emptyLinePlaceholder":5339},[5303,13746,13747,13750,13753,13755,13757,13759,13761,13763,13765,13767,13769],{"class":5305,"line":5859},[5303,13748,13749],{"class":5313},"ax.set_title(",[5303,13751,13752],{"class":5537},"\"Загасаюча синусоїда з анотаціями\"",[5303,13754,5372],{"class":5313},[5303,13756,5724],{"class":5507},[5303,13758,5534],{"class":5313},[5303,13760,6311],{"class":5356},[5303,13762,5372],{"class":5313},[5303,13764,5734],{"class":5507},[5303,13766,5534],{"class":5313},[5303,13768,6347],{"class":5537},[5303,13770,5360],{"class":5313},[5303,13772,13773,13776,13778],{"class":5305,"line":5868},[5303,13774,13775],{"class":5313},"ax.set_xlabel(",[5303,13777,8463],{"class":5537},[5303,13779,5360],{"class":5313},[5303,13781,13782,13785,13788],{"class":5305,"line":5903},[5303,13783,13784],{"class":5313},"ax.set_ylabel(",[5303,13786,13787],{"class":5537},"\"Y\"",[5303,13789,5360],{"class":5313},[5303,13791,13792,13795,13797,13799,13802],{"class":5305,"line":5928},[5303,13793,13794],{"class":5313},"ax.legend(",[5303,13796,5874],{"class":5507},[5303,13798,5534],{"class":5313},[5303,13800,13801],{"class":5537},"\"upper right\"",[5303,13803,5360],{"class":5313},[5303,13805,13806,13809,13811,13813,13815,13817,13819],{"class":5305,"line":5933},[5303,13807,13808],{"class":5313},"ax.grid(",[5303,13810,5572],{"class":5571},[5303,13812,5372],{"class":5313},[5303,13814,5587],{"class":5507},[5303,13816,5534],{"class":5313},[5303,13818,6570],{"class":5356},[5303,13820,5360],{"class":5313},[5303,13822,13823],{"class":5305,"line":5939},[5303,13824,5340],{"emptyLinePlaceholder":5339},[5303,13826,13827],{"class":5305,"line":5970},[5303,13828,5668],{"class":5313},[5303,13830,13831],{"class":5305,"line":5992},[5303,13832,5480],{"class":5313},[6080,13834,13835],{"v-slot:output":5298},[6083,13836],{"alt":13837,"className":13838,"src":13839},"Графік з анотаціями",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F09.png",[7970,13841,13842,13847,14100],{},[5261,13843,13844],{},[5224,13845,13846],{},"Методи додавання тексту:",[5293,13848,13850],{"className":5295,"code":13849,"language":5297,"meta":5298,"style":5298},"# 1. Простий текст\nax.text(x, y, \"Текст\", fontsize=12, color=\"red\", ha=\"center\", va=\"top\")\n\n# 2. Анотація зі стрілкою\nax.annotate(\"Пояснення\", xy=(x_point, y_point), xytext=(x_text, y_text),\n            arrowprops=dict(arrowstyle=\"->\", color=\"blue\"))\n\n# 3. Горизонтальна лінія з підписом\nax.axhline(y=value, color=\"gray\", linestyle=\"--\", label=\"Поріг\")\n\n# 4. Вертикальна лінія\nax.axvline(x=value, color=\"gray\", linestyle=\":\")\n\n# 5. Вертикальна зона (діапазон)\nax.axvspan(x1, x2, alpha=0.2, color=\"yellow\")  # Підсвічує область між x1 та x2\n\n# 6. Горизонтальна зона\nax.axhspan(y1, y2, alpha=0.2, color=\"lightblue\")\n",[5300,13851,13852,13857,13900,13904,13909,13930,13956,13960,13965,14001,14005,14010,14036,14040,14045,14070,14074,14079],{"__ignoreMap":5298},[5303,13853,13854],{"class":5305,"line":5306},[5303,13855,13856],{"class":5346},"# 1. Простий текст\n",[5303,13858,13859,13862,13865,13867,13869,13871,13873,13875,13877,13879,13881,13883,13885,13887,13889,13891,13893,13895,13898],{"class":5305,"line":5323},[5303,13860,13861],{"class":5313},"ax.text(x, y, ",[5303,13863,13864],{"class":5537},"\"Текст\"",[5303,13866,5372],{"class":5313},[5303,13868,5724],{"class":5507},[5303,13870,5534],{"class":5313},[5303,13872,6703],{"class":5356},[5303,13874,5372],{"class":5313},[5303,13876,5531],{"class":5507},[5303,13878,5534],{"class":5313},[5303,13880,6781],{"class":5537},[5303,13882,5372],{"class":5313},[5303,13884,8584],{"class":5507},[5303,13886,5534],{"class":5313},[5303,13888,8589],{"class":5537},[5303,13890,5372],{"class":5313},[5303,13892,8594],{"class":5507},[5303,13894,5534],{"class":5313},[5303,13896,13897],{"class":5537},"\"top\"",[5303,13899,5360],{"class":5313},[5303,13901,13902],{"class":5305,"line":5336},[5303,13903,5340],{"emptyLinePlaceholder":5339},[5303,13905,13906],{"class":5305,"line":5343},[5303,13907,13908],{"class":5346},"# 2. Анотація зі стрілкою\n",[5303,13910,13911,13913,13916,13918,13921,13924,13927],{"class":5305,"line":5350},[5303,13912,13379],{"class":5313},[5303,13914,13915],{"class":5537},"\"Пояснення\"",[5303,13917,5372],{"class":5313},[5303,13919,13920],{"class":5507},"xy",[5303,13922,13923],{"class":5313},"=(x_point, y_point), ",[5303,13925,13926],{"class":5507},"xytext",[5303,13928,13929],{"class":5313},"=(x_text, y_text),\n",[5303,13931,13932,13934,13936,13938,13940,13942,13944,13946,13948,13950,13952,13954],{"class":5305,"line":5363},[5303,13933,13449],{"class":5507},[5303,13935,5534],{"class":5313},[5303,13937,8922],{"class":7629},[5303,13939,6557],{"class":5313},[5303,13941,13458],{"class":5507},[5303,13943,5534],{"class":5313},[5303,13945,13463],{"class":5537},[5303,13947,5372],{"class":5313},[5303,13949,5531],{"class":5507},[5303,13951,5534],{"class":5313},[5303,13953,7921],{"class":5537},[5303,13955,5522],{"class":5313},[5303,13957,13958],{"class":5305,"line":5384},[5303,13959,5340],{"emptyLinePlaceholder":5339},[5303,13961,13962],{"class":5305,"line":5421},[5303,13963,13964],{"class":5346},"# 3. Горизонтальна лінія з підписом\n",[5303,13966,13967,13970,13973,13976,13978,13980,13982,13984,13986,13988,13990,13992,13994,13996,13999],{"class":5305,"line":5451},[5303,13968,13969],{"class":5313},"ax.axhline(",[5303,13971,13972],{"class":5507},"y",[5303,13974,13975],{"class":5313},"=value, ",[5303,13977,5531],{"class":5507},[5303,13979,5534],{"class":5313},[5303,13981,13600],{"class":5537},[5303,13983,5372],{"class":5313},[5303,13985,5577],{"class":5507},[5303,13987,5534],{"class":5313},[5303,13989,6790],{"class":5537},[5303,13991,5372],{"class":5313},[5303,13993,5779],{"class":5507},[5303,13995,5534],{"class":5313},[5303,13997,13998],{"class":5537},"\"Поріг\"",[5303,14000,5360],{"class":5313},[5303,14002,14003],{"class":5305,"line":5456},[5303,14004,5340],{"emptyLinePlaceholder":5339},[5303,14006,14007],{"class":5305,"line":5462},[5303,14008,14009],{"class":5346},"# 4. Вертикальна лінія\n",[5303,14011,14012,14015,14018,14020,14022,14024,14026,14028,14030,14032,14034],{"class":5305,"line":5477},[5303,14013,14014],{"class":5313},"ax.axvline(",[5303,14016,14017],{"class":5507},"x",[5303,14019,13975],{"class":5313},[5303,14021,5531],{"class":5507},[5303,14023,5534],{"class":5313},[5303,14025,13600],{"class":5537},[5303,14027,5372],{"class":5313},[5303,14029,5577],{"class":5507},[5303,14031,5534],{"class":5313},[5303,14033,12734],{"class":5537},[5303,14035,5360],{"class":5313},[5303,14037,14038],{"class":5305,"line":5483},[5303,14039,5340],{"emptyLinePlaceholder":5339},[5303,14041,14042],{"class":5305,"line":5488},[5303,14043,14044],{"class":5346},"# 5. Вертикальна зона (діапазон)\n",[5303,14046,14047,14050,14052,14054,14056,14058,14060,14062,14064,14067],{"class":5305,"line":5494},[5303,14048,14049],{"class":5313},"ax.axvspan(x1, x2, ",[5303,14051,5587],{"class":5507},[5303,14053,5534],{"class":5313},[5303,14055,13678],{"class":5356},[5303,14057,5372],{"class":5313},[5303,14059,5531],{"class":5507},[5303,14061,5534],{"class":5313},[5303,14063,13510],{"class":5537},[5303,14065,14066],{"class":5313},")  ",[5303,14068,14069],{"class":5346},"# Підсвічує область між x1 та x2\n",[5303,14071,14072],{"class":5305,"line":5525},[5303,14073,5340],{"emptyLinePlaceholder":5339},[5303,14075,14076],{"class":5305,"line":5543},[5303,14077,14078],{"class":5346},"# 6. Горизонтальна зона\n",[5303,14080,14081,14084,14086,14088,14090,14092,14094,14096,14098],{"class":5305,"line":5554},[5303,14082,14083],{"class":5313},"ax.axhspan(y1, y2, ",[5303,14085,5587],{"class":5507},[5303,14087,5534],{"class":5313},[5303,14089,13678],{"class":5356},[5303,14091,5372],{"class":5313},[5303,14093,5531],{"class":5507},[5303,14095,5534],{"class":5313},[5303,14097,13730],{"class":5537},[5303,14099,5360],{"class":5313},[5261,14101,14102],{},[6083,14103],{"alt":14104,"className":14105,"src":14106},"Демонстрація допоміжних ліній та зон",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F10.png",[5281,14108,8615,14110,14113,14114,6164,14116,14118],{"id":14109},"повна-сигнатура-axannotate-та-інженерне-зонування-axvspan-axhspan",[5300,14111,14112],{},"ax.annotate()"," та інженерне зонування (",[5300,14115,6190],{},[5300,14117,6193],{},")",[5261,14120,14121,14122,14124],{},"Метод ",[5300,14123,14112],{}," надає найбільш прецизійний контроль над інженерними підписами, дозволяючи зв'язувати пояснювальний текст із конкретною точкою даних за допомогою векторних стрілок із кастомною кривизною.",[5293,14126,14128],{"className":5295,"code":14127,"language":5297,"meta":5298,"style":5298},"ax.annotate(\n    text,\n    xy,\n    xytext=None,\n    xycoords='data',\n    textcoords=None,\n    arrowprops=None,\n    annotation_clip=None,\n    **kwargs\n) -> Annotation\n",[5300,14129,14130,14135,14140,14145,14156,14168,14179,14190,14201,14206],{"__ignoreMap":5298},[5303,14131,14132],{"class":5305,"line":5306},[5303,14133,14134],{"class":5313},"ax.annotate(\n",[5303,14136,14137],{"class":5305,"line":5323},[5303,14138,14139],{"class":5313},"    text,\n",[5303,14141,14142],{"class":5305,"line":5336},[5303,14143,14144],{"class":5313},"    xy,\n",[5303,14146,14147,14150,14152,14154],{"class":5305,"line":5343},[5303,14148,14149],{"class":5507},"    xytext",[5303,14151,5534],{"class":5313},[5303,14153,8708],{"class":5571},[5303,14155,8649],{"class":5313},[5303,14157,14158,14161,14163,14166],{"class":5305,"line":5350},[5303,14159,14160],{"class":5507},"    xycoords",[5303,14162,5534],{"class":5313},[5303,14164,14165],{"class":5537},"'data'",[5303,14167,8649],{"class":5313},[5303,14169,14170,14173,14175,14177],{"class":5305,"line":5363},[5303,14171,14172],{"class":5507},"    textcoords",[5303,14174,5534],{"class":5313},[5303,14176,8708],{"class":5571},[5303,14178,8649],{"class":5313},[5303,14180,14181,14184,14186,14188],{"class":5305,"line":5384},[5303,14182,14183],{"class":5507},"    arrowprops",[5303,14185,5534],{"class":5313},[5303,14187,8708],{"class":5571},[5303,14189,8649],{"class":5313},[5303,14191,14192,14195,14197,14199],{"class":5305,"line":5421},[5303,14193,14194],{"class":5507},"    annotation_clip",[5303,14196,5534],{"class":5313},[5303,14198,8708],{"class":5571},[5303,14200,8649],{"class":5313},[5303,14202,14203],{"class":5305,"line":5451},[5303,14204,14205],{"class":5313},"    **kwargs\n",[5303,14207,14208,14210,14212],{"class":5305,"line":5456},[5303,14209,8753],{"class":5313},[5303,14211,8757],{"class":8756},[5303,14213,14214],{"class":5313}," Annotation\n",[8762,14216,14217,14229],{},[8765,14218,14219],{},[8768,14220,14221,14223,14225,14227],{},[8771,14222,8774],{"align":8773},[8771,14224,8777],{"align":8773},[8771,14226,8780],{"align":8773},[8771,14228,8783],{"align":8773},[8785,14230,14231,14250,14271,14299,14327,14351,14386],{},[8768,14232,14233,14238,14242,14247],{},[8790,14234,14235],{"align":8773},[5300,14236,14237],{},"text",[8790,14239,14240],{"align":8773},[5300,14241,12793],{},[8790,14243,14244],{"align":8773},[10379,14245,14246],{},"обов'язковий",[8790,14248,14249],{"align":8773},"Текст пояснення або числового значення.",[8768,14251,14252,14256,14261,14265],{},[8790,14253,14254],{"align":8773},[5300,14255,13920],{},[8790,14257,14258],{"align":8773},[5300,14259,14260],{},"tuple[float, float]",[8790,14262,14263],{"align":8773},[10379,14264,14246],{},[8790,14266,14267,14270],{"align":8773},[5224,14268,14269],{},"Цільова точка",", на яку вказує стрілка (наприклад, координати локального максимуму).",[8768,14272,14273,14277,14281,14287],{},[8790,14274,14275],{"align":8773},[5300,14276,13926],{},[8790,14278,14279],{"align":8773},[5300,14280,14260],{},[8790,14282,14283,8957,14285,14118],{"align":8773},[5300,14284,8708],{},[5300,14286,13920],{},[8790,14288,14289,14292,14293,14295,14296,14298],{"align":8773},[5224,14290,14291],{},"Координати розташування тексту",". Якщо задано, від ",[5300,14294,13926],{}," до ",[5300,14297,13920],{}," малюється стрілка.",[8768,14300,14301,14306,14311,14315],{},[8790,14302,14303],{"align":8773},[5300,14304,14305],{},"xycoords",[8790,14307,14308],{"align":8773},[5300,14309,14310],{},"str | Transform",[8790,14312,14313],{"align":8773},[5300,14314,14165],{},[8790,14316,14317,14318,12652,14320,14322,14323,14326],{"align":8773},"Система координат для точки ",[5300,14319,13920],{},[5300,14321,14165],{}," (шкала графіка), ",[5300,14324,14325],{},"'axes fraction'"," (від 0 до 1 відносно осі).",[8768,14328,14329,14334,14338,14342],{},[8790,14330,14331],{"align":8773},[5300,14332,14333],{},"textcoords",[8790,14335,14336],{"align":8773},[5300,14337,14310],{},[8790,14339,14340],{"align":8773},[5300,14341,14305],{},[8790,14343,14344,14345,14348,14349,8865],{"align":8773},"Система координат для тексту: ",[5300,14346,14347],{},"'offset points'"," (зсув у пунктах від цілі) або ",[5300,14350,14165],{},[8768,14352,14353,14358,14363,14367],{},[8790,14354,14355],{"align":8773},[5300,14356,14357],{},"arrowprops",[8790,14359,14360],{"align":8773},[5300,14361,14362],{},"dict | None",[8790,14364,14365],{"align":8773},[5300,14366,8708],{},[8790,14368,14369,14370,8957,14372,5372,14375,7763,14378,8957,14381,7763,14384,8865],{"align":8773},"Словник параметрів стрілки: ",[5300,14371,13458],{},[5300,14373,14374],{},"'->'",[5300,14376,14377],{},"'fancy'",[5300,14379,14380],{},"connectionstyle",[5300,14382,14383],{},"'arc3,rad=0.3'",[5300,14385,5531],{},[8768,14387,14388,14392,14396,14400],{},[8790,14389,14390],{"align":8773},[5300,14391,13708],{},[8790,14393,14394],{"align":8773},[5300,14395,14362],{},[8790,14397,14398],{"align":8773},[5300,14399,8708],{},[8790,14401,14402,14403,8957,14405,5372,14408,7763,14411,5372,14413,8865],{"align":8773},"Словник рамки навколо тексту: ",[5300,14404,13496],{},[5300,14406,14407],{},"'round'",[5300,14409,14410],{},"'sawtooth'",[5300,14412,5893],{},[5300,14414,5587],{},[7970,14416,14417,14422,14425],{},[5261,14418,14419],{},[5224,14420,14421],{},"Інженерне зонування та статусний коридор SLA",[5261,14423,14424],{},"Для візуалізації інцидентів та регламентів використовують комбінацію діапазонів і ліній:",[5198,14426,14427,14435,14443],{},[5201,14428,14429,14434],{},[5224,14430,14431],{},[5300,14432,14433],{},"ax.axvspan(t_start, t_end)"," — вертикальна зона: маркує часовий інтервал аварії, релізу або нічного резервного копіювання.",[5201,14436,14437,14442],{},[5224,14438,14439],{},[5300,14440,14441],{},"ax.axhspan(val_min, val_max)"," — горизонтальна зона: наочно показує допустимі діапазони метрики (зелена зона стабільності, жовта зона ризику, червона зона відмови).",[5201,14444,14445,14453],{},[5224,14446,14447,6164,14450],{},[5300,14448,14449],{},"ax.axvline(x)",[5300,14451,14452],{},"ax.axhline(y)"," — точкові граничні лінії регламенту.",[5272,14455,14457,14466],{"title":14456,"kernel":5275},"annotations_zoning_deep_dive.ipynb",[5277,14458,14459,14463],{"type":5279},[5281,14460,14462],{"id":14461},"дослідження-анотацій-стилі-стрілок-кривизна-хронологія-інциденту-та-зони-sla","Дослідження анотацій: стилі стрілок, кривизна, хронологія інциденту та зони SLA",[5261,14464,14465],{},"Порівняння arrowstyle, connectionstyle, виділення вікна атаки через axvspan та коридорів через axhspan",[5277,14467,14469,15426],{"execution-count":5290,"execution-time":14468},"0.28s",[5293,14470,14472],{"className":5295,"code":14471,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\nrng = np.random.default_rng(42)\ntime_hours = np.linspace(0, 24, 120)\nlatency = 40 + 5 * np.sin(time_hours \u002F 3) + rng.normal(0, 3, 120)\n\n# Моделюємо стрибок затримки під час інциденту з 14:00 по 18:00\nmask_incident = (time_hours >= 14) & (time_hours \u003C= 18)\nlatency[mask_incident] += 120 + 40 * np.sin((time_hours[mask_incident] - 14) * 0.8)\n\nfig, axes = plt.subplots(1, 2, figsize=(14, 5.5))\n\n# 1. Хронологія інциденту з вертикальним зонуванням\naxes[0].plot(time_hours, latency, color='#0f172a', linewidth=1.8, label=\"Latency P99\")\naxes[0].axvspan(14, 18, color='#fca5a5', alpha=0.35, label=\"Вікно інциденту (DDoS)\")\naxes[0].axvline(14, color='#dc2626', linestyle='--', linewidth=1.5)\naxes[0].axvline(18, color='#16a34a', linestyle='--', linewidth=1.5)\n\n# Додаємо анотацію зі стрілкою та рамкою\naxes[0].annotate(\"Пікове навантаження: 215 ms\\nПочаток міграції трафіку\", \n                xy=(16, 215), xytext=(8, 230),\n                arrowprops=dict(arrowstyle=\"->\", connectionstyle=\"arc3,rad=-0.2\", color='#dc2626', lw=2),\n                fontweight='bold', fontsize=9, color='#7f1d1d',\n                bbox=dict(boxstyle=\"round,pad=0.4\", facecolor='#fef2f2', edgecolor='#dc2626'))\n\naxes[0].set_title(\"Хронологія збою: ax.axvspan() та ax.annotate()\", fontweight='bold')\naxes[0].set_xlabel(\"Час доби (години)\")\naxes[0].set_ylabel(\"Затримка (ms)\")\naxes[0].set_ylim(20, 260)\naxes[0].legend(loc='upper left')\naxes[0].grid(True, linestyle=':', alpha=0.5)\n\n# 2. Коридори статусу системи через axhspan\naxes[1].plot(time_hours, latency, color='#0f172a', linewidth=1.8)\naxes[1].axhspan(0, 80, color='#bbf7d0', alpha=0.3, label=\"Нормальний стан SLA (\u003C 80 ms)\")\naxes[1].axhspan(80, 150, color='#fef08a', alpha=0.3, label=\"Попередження Warning (80–150 ms)\")\naxes[1].axhspan(150, 260, color='#fecaca', alpha=0.3, label=\"Критична деградація Critical (> 150 ms)\")\naxes[1].axhline(80, color='#16a34a', linestyle=':', linewidth=1.5)\naxes[1].axhline(150, color='#dc2626', linestyle=':', linewidth=1.5)\n\naxes[1].set_title(\"Статусні коридори працездатності: ax.axhspan()\", fontweight='bold')\naxes[1].set_xlabel(\"Час доби (години)\")\naxes[1].set_ylabel(\"Затримка (ms)\")\naxes[1].set_ylim(20, 260)\naxes[1].legend(loc='upper left')\naxes[1].grid(True, linestyle=':', alpha=0.5)\n\nplt.tight_layout()\nplt.show()\n",[5300,14473,14474,14484,14494,14498,14506,14524,14554,14558,14563,14578,14601,14605,14630,14634,14639,14674,14718,14756,14793,14797,14802,14821,14850,14894,14922,14959,14963,14984,14997,15010,15027,15044,15072,15076,15081,15105,15148,15190,15232,15269,15305,15309,15330,15342,15354,15370,15386,15414,15418,15422],{"__ignoreMap":5298},[5303,14475,14476,14478,14480,14482],{"class":5305,"line":5306},[5303,14477,5310],{"class":5309},[5303,14479,5314],{"class":5313},[5303,14481,5317],{"class":5309},[5303,14483,5320],{"class":5313},[5303,14485,14486,14488,14490,14492],{"class":5305,"line":5323},[5303,14487,5310],{"class":5309},[5303,14489,5328],{"class":5313},[5303,14491,5317],{"class":5309},[5303,14493,5333],{"class":5313},[5303,14495,14496],{"class":5305,"line":5336},[5303,14497,5340],{"emptyLinePlaceholder":5339},[5303,14499,14500,14502,14504],{"class":5305,"line":5343},[5303,14501,5353],{"class":5313},[5303,14503,5357],{"class":5356},[5303,14505,5360],{"class":5313},[5303,14507,14508,14511,14513,14515,14518,14520,14522],{"class":5305,"line":5350},[5303,14509,14510],{"class":5313},"time_hours = np.linspace(",[5303,14512,5369],{"class":5356},[5303,14514,5372],{"class":5313},[5303,14516,14517],{"class":5356},"24",[5303,14519,5372],{"class":5313},[5303,14521,6434],{"class":5356},[5303,14523,5360],{"class":5313},[5303,14525,14526,14529,14531,14533,14535,14538,14540,14542,14544,14546,14548,14550,14552],{"class":5305,"line":5363},[5303,14527,14528],{"class":5313},"latency = ",[5303,14530,7145],{"class":5356},[5303,14532,5393],{"class":5313},[5303,14534,5708],{"class":5356},[5303,14536,14537],{"class":5313}," * np.sin(time_hours \u002F ",[5303,14539,5412],{"class":5356},[5303,14541,5405],{"class":5313},[5303,14543,5369],{"class":5356},[5303,14545,5372],{"class":5313},[5303,14547,5412],{"class":5356},[5303,14549,5372],{"class":5313},[5303,14551,6434],{"class":5356},[5303,14553,5360],{"class":5313},[5303,14555,14556],{"class":5305,"line":5384},[5303,14557,5340],{"emptyLinePlaceholder":5339},[5303,14559,14560],{"class":5305,"line":5421},[5303,14561,14562],{"class":5346},"# Моделюємо стрибок затримки під час інциденту з 14:00 по 18:00\n",[5303,14564,14565,14568,14570,14573,14576],{"class":5305,"line":5451},[5303,14566,14567],{"class":5313},"mask_incident = (time_hours >= ",[5303,14569,6311],{"class":5356},[5303,14571,14572],{"class":5313},") & (time_hours \u003C= ",[5303,14574,14575],{"class":5356},"18",[5303,14577,5360],{"class":5313},[5303,14579,14580,14583,14585,14587,14589,14592,14594,14597,14599],{"class":5305,"line":5456},[5303,14581,14582],{"class":5313},"latency[mask_incident] += ",[5303,14584,6434],{"class":5356},[5303,14586,5393],{"class":5313},[5303,14588,7145],{"class":5356},[5303,14590,14591],{"class":5313}," * np.sin((time_hours[mask_incident] - ",[5303,14593,6311],{"class":5356},[5303,14595,14596],{"class":5313},") * ",[5303,14598,13519],{"class":5356},[5303,14600,5360],{"class":5313},[5303,14602,14603],{"class":5305,"line":5462},[5303,14604,5340],{"emptyLinePlaceholder":5339},[5303,14606,14607,14609,14611,14613,14615,14617,14619,14621,14623,14625,14628],{"class":5305,"line":5477},[5303,14608,6296],{"class":5313},[5303,14610,5290],{"class":5356},[5303,14612,5372],{"class":5313},[5303,14614,5472],{"class":5356},[5303,14616,5372],{"class":5313},[5303,14618,5508],{"class":5507},[5303,14620,5511],{"class":5313},[5303,14622,6311],{"class":5356},[5303,14624,5372],{"class":5313},[5303,14626,14627],{"class":5356},"5.5",[5303,14629,5522],{"class":5313},[5303,14631,14632],{"class":5305,"line":5483},[5303,14633,5340],{"emptyLinePlaceholder":5339},[5303,14635,14636],{"class":5305,"line":5488},[5303,14637,14638],{"class":5346},"# 1. Хронологія інциденту з вертикальним зонуванням\n",[5303,14640,14641,14643,14645,14648,14650,14652,14655,14657,14659,14661,14663,14665,14667,14669,14672],{"class":5305,"line":5494},[5303,14642,6500],{"class":5313},[5303,14644,5369],{"class":5356},[5303,14646,14647],{"class":5313},"].plot(time_hours, latency, ",[5303,14649,5531],{"class":5507},[5303,14651,5534],{"class":5313},[5303,14653,14654],{"class":5537},"'#0f172a'",[5303,14656,5372],{"class":5313},[5303,14658,5769],{"class":5507},[5303,14660,5534],{"class":5313},[5303,14662,5774],{"class":5356},[5303,14664,5372],{"class":5313},[5303,14666,5779],{"class":5507},[5303,14668,5534],{"class":5313},[5303,14670,14671],{"class":5537},"\"Latency P99\"",[5303,14673,5360],{"class":5313},[5303,14675,14676,14678,14680,14683,14685,14687,14689,14691,14693,14695,14698,14700,14702,14704,14707,14709,14711,14713,14716],{"class":5305,"line":5525},[5303,14677,6500],{"class":5313},[5303,14679,5369],{"class":5356},[5303,14681,14682],{"class":5313},"].axvspan(",[5303,14684,6311],{"class":5356},[5303,14686,5372],{"class":5313},[5303,14688,14575],{"class":5356},[5303,14690,5372],{"class":5313},[5303,14692,5531],{"class":5507},[5303,14694,5534],{"class":5313},[5303,14696,14697],{"class":5537},"'#fca5a5'",[5303,14699,5372],{"class":5313},[5303,14701,5587],{"class":5507},[5303,14703,5534],{"class":5313},[5303,14705,14706],{"class":5356},"0.35",[5303,14708,5372],{"class":5313},[5303,14710,5779],{"class":5507},[5303,14712,5534],{"class":5313},[5303,14714,14715],{"class":5537},"\"Вікно інциденту (DDoS)\"",[5303,14717,5360],{"class":5313},[5303,14719,14720,14722,14724,14727,14729,14731,14733,14735,14737,14739,14741,14743,14745,14747,14749,14751,14754],{"class":5305,"line":5543},[5303,14721,6500],{"class":5313},[5303,14723,5369],{"class":5356},[5303,14725,14726],{"class":5313},"].axvline(",[5303,14728,6311],{"class":5356},[5303,14730,5372],{"class":5313},[5303,14732,5531],{"class":5507},[5303,14734,5534],{"class":5313},[5303,14736,5804],{"class":5537},[5303,14738,5372],{"class":5313},[5303,14740,5577],{"class":5507},[5303,14742,5534],{"class":5313},[5303,14744,5813],{"class":5537},[5303,14746,5372],{"class":5313},[5303,14748,5769],{"class":5507},[5303,14750,5534],{"class":5313},[5303,14752,14753],{"class":5356},"1.5",[5303,14755,5360],{"class":5313},[5303,14757,14758,14760,14762,14764,14766,14768,14770,14772,14775,14777,14779,14781,14783,14785,14787,14789,14791],{"class":5305,"line":5554},[5303,14759,6500],{"class":5313},[5303,14761,5369],{"class":5356},[5303,14763,14726],{"class":5313},[5303,14765,14575],{"class":5356},[5303,14767,5372],{"class":5313},[5303,14769,5531],{"class":5507},[5303,14771,5534],{"class":5313},[5303,14773,14774],{"class":5537},"'#16a34a'",[5303,14776,5372],{"class":5313},[5303,14778,5577],{"class":5507},[5303,14780,5534],{"class":5313},[5303,14782,5813],{"class":5537},[5303,14784,5372],{"class":5313},[5303,14786,5769],{"class":5507},[5303,14788,5534],{"class":5313},[5303,14790,14753],{"class":5356},[5303,14792,5360],{"class":5313},[5303,14794,14795],{"class":5305,"line":5565},[5303,14796,5340],{"emptyLinePlaceholder":5339},[5303,14798,14799],{"class":5305,"line":5597},[5303,14800,14801],{"class":5346},"# Додаємо анотацію зі стрілкою та рамкою\n",[5303,14803,14804,14806,14808,14811,14814,14816,14819],{"class":5305,"line":5602},[5303,14805,6500],{"class":5313},[5303,14807,5369],{"class":5356},[5303,14809,14810],{"class":5313},"].annotate(",[5303,14812,14813],{"class":5537},"\"Пікове навантаження: 215 ms",[5303,14815,13172],{"class":13171},[5303,14817,14818],{"class":5537},"Початок міграції трафіку\"",[5303,14820,6328],{"class":5313},[5303,14822,14823,14826,14828,14830,14832,14835,14837,14839,14841,14843,14845,14848],{"class":5305,"line":5617},[5303,14824,14825],{"class":5507},"                xy",[5303,14827,5511],{"class":5313},[5303,14829,6338],{"class":5356},[5303,14831,5372],{"class":5313},[5303,14833,14834],{"class":5356},"215",[5303,14836,7763],{"class":5313},[5303,14838,13926],{"class":5507},[5303,14840,5511],{"class":5313},[5303,14842,5402],{"class":5356},[5303,14844,5372],{"class":5313},[5303,14846,14847],{"class":5356},"230",[5303,14849,13014],{"class":5313},[5303,14851,14852,14855,14857,14859,14861,14863,14865,14867,14869,14871,14873,14876,14878,14880,14882,14884,14886,14888,14890,14892],{"class":5305,"line":5628},[5303,14853,14854],{"class":5507},"                arrowprops",[5303,14856,5534],{"class":5313},[5303,14858,8922],{"class":7629},[5303,14860,6557],{"class":5313},[5303,14862,13458],{"class":5507},[5303,14864,5534],{"class":5313},[5303,14866,13463],{"class":5537},[5303,14868,5372],{"class":5313},[5303,14870,14380],{"class":5507},[5303,14872,5534],{"class":5313},[5303,14874,14875],{"class":5537},"\"arc3,rad=-0.2\"",[5303,14877,5372],{"class":5313},[5303,14879,5531],{"class":5507},[5303,14881,5534],{"class":5313},[5303,14883,5804],{"class":5537},[5303,14885,5372],{"class":5313},[5303,14887,13476],{"class":5507},[5303,14889,5534],{"class":5313},[5303,14891,5472],{"class":5356},[5303,14893,13014],{"class":5313},[5303,14895,14896,14899,14901,14903,14905,14907,14909,14911,14913,14915,14917,14920],{"class":5305,"line":5639},[5303,14897,14898],{"class":5507},"                fontweight",[5303,14900,5534],{"class":5313},[5303,14902,5739],{"class":5537},[5303,14904,5372],{"class":5313},[5303,14906,5724],{"class":5507},[5303,14908,5534],{"class":5313},[5303,14910,7708],{"class":5356},[5303,14912,5372],{"class":5313},[5303,14914,5531],{"class":5507},[5303,14916,5534],{"class":5313},[5303,14918,14919],{"class":5537},"'#7f1d1d'",[5303,14921,8649],{"class":5313},[5303,14923,14924,14927,14929,14931,14933,14935,14937,14940,14942,14944,14946,14949,14951,14953,14955,14957],{"class":5305,"line":5665},[5303,14925,14926],{"class":5507},"                bbox",[5303,14928,5534],{"class":5313},[5303,14930,8922],{"class":7629},[5303,14932,6557],{"class":5313},[5303,14934,13496],{"class":5507},[5303,14936,5534],{"class":5313},[5303,14938,14939],{"class":5537},"\"round,pad=0.4\"",[5303,14941,5372],{"class":5313},[5303,14943,5893],{"class":5507},[5303,14945,5534],{"class":5313},[5303,14947,14948],{"class":5537},"'#fef2f2'",[5303,14950,5372],{"class":5313},[5303,14952,6745],{"class":5507},[5303,14954,5534],{"class":5313},[5303,14956,5804],{"class":5537},[5303,14958,5522],{"class":5313},[5303,14960,14961],{"class":5305,"line":5671},[5303,14962,5340],{"emptyLinePlaceholder":5339},[5303,14964,14965,14967,14969,14971,14974,14976,14978,14980,14982],{"class":5305,"line":5676},[5303,14966,6500],{"class":5313},[5303,14968,5369],{"class":5356},[5303,14970,6593],{"class":5313},[5303,14972,14973],{"class":5537},"\"Хронологія збою: ax.axvspan() та ax.annotate()\"",[5303,14975,5372],{"class":5313},[5303,14977,5734],{"class":5507},[5303,14979,5534],{"class":5313},[5303,14981,5739],{"class":5537},[5303,14983,5360],{"class":5313},[5303,14985,14986,14988,14990,14992,14995],{"class":5305,"line":5681},[5303,14987,6500],{"class":5313},[5303,14989,5369],{"class":5356},[5303,14991,6865],{"class":5313},[5303,14993,14994],{"class":5537},"\"Час доби (години)\"",[5303,14996,5360],{"class":5313},[5303,14998,14999,15001,15003,15005,15008],{"class":5305,"line":5687},[5303,15000,6500],{"class":5313},[5303,15002,5369],{"class":5356},[5303,15004,6619],{"class":5313},[5303,15006,15007],{"class":5537},"\"Затримка (ms)\"",[5303,15009,5360],{"class":5313},[5303,15011,15012,15014,15016,15019,15021,15023,15025],{"class":5305,"line":5713},[5303,15013,6500],{"class":5313},[5303,15015,5369],{"class":5356},[5303,15017,15018],{"class":5313},"].set_ylim(",[5303,15020,5396],{"class":5356},[5303,15022,5372],{"class":5313},[5303,15024,6489],{"class":5356},[5303,15026,5360],{"class":5313},[5303,15028,15029,15031,15033,15035,15037,15039,15042],{"class":5305,"line":5744},[5303,15030,6500],{"class":5313},[5303,15032,5369],{"class":5356},[5303,15034,9329],{"class":5313},[5303,15036,5874],{"class":5507},[5303,15038,5534],{"class":5313},[5303,15040,15041],{"class":5537},"'upper left'",[5303,15043,5360],{"class":5313},[5303,15045,15046,15048,15050,15052,15054,15056,15058,15060,15062,15064,15066,15068,15070],{"class":5305,"line":5749},[5303,15047,6500],{"class":5313},[5303,15049,5369],{"class":5356},[5303,15051,6637],{"class":5313},[5303,15053,5572],{"class":5571},[5303,15055,5372],{"class":5313},[5303,15057,5577],{"class":5507},[5303,15059,5534],{"class":5313},[5303,15061,5582],{"class":5537},[5303,15063,5372],{"class":5313},[5303,15065,5587],{"class":5507},[5303,15067,5534],{"class":5313},[5303,15069,5592],{"class":5356},[5303,15071,5360],{"class":5313},[5303,15073,15074],{"class":5305,"line":5755},[5303,15075,5340],{"emptyLinePlaceholder":5339},[5303,15077,15078],{"class":5305,"line":5789},[5303,15079,15080],{"class":5346},"# 2. Коридори статусу системи через axhspan\n",[5303,15082,15083,15085,15087,15089,15091,15093,15095,15097,15099,15101,15103],{"class":5305,"line":5836},[5303,15084,6500],{"class":5313},[5303,15086,5290],{"class":5356},[5303,15088,14647],{"class":5313},[5303,15090,5531],{"class":5507},[5303,15092,5534],{"class":5313},[5303,15094,14654],{"class":5537},[5303,15096,5372],{"class":5313},[5303,15098,5769],{"class":5507},[5303,15100,5534],{"class":5313},[5303,15102,5774],{"class":5356},[5303,15104,5360],{"class":5313},[5303,15106,15107,15109,15111,15114,15116,15118,15120,15122,15124,15126,15129,15131,15133,15135,15137,15139,15141,15143,15146],{"class":5305,"line":5859},[5303,15108,6500],{"class":5313},[5303,15110,5290],{"class":5356},[5303,15112,15113],{"class":5313},"].axhspan(",[5303,15115,5369],{"class":5356},[5303,15117,5372],{"class":5313},[5303,15119,7183],{"class":5356},[5303,15121,5372],{"class":5313},[5303,15123,5531],{"class":5507},[5303,15125,5534],{"class":5313},[5303,15127,15128],{"class":5537},"'#bbf7d0'",[5303,15130,5372],{"class":5313},[5303,15132,5587],{"class":5507},[5303,15134,5534],{"class":5313},[5303,15136,6570],{"class":5356},[5303,15138,5372],{"class":5313},[5303,15140,5779],{"class":5507},[5303,15142,5534],{"class":5313},[5303,15144,15145],{"class":5537},"\"Нормальний стан SLA (\u003C 80 ms)\"",[5303,15147,5360],{"class":5313},[5303,15149,15150,15152,15154,15156,15158,15160,15162,15164,15166,15168,15171,15173,15175,15177,15179,15181,15183,15185,15188],{"class":5305,"line":5868},[5303,15151,6500],{"class":5313},[5303,15153,5290],{"class":5356},[5303,15155,15113],{"class":5313},[5303,15157,7183],{"class":5356},[5303,15159,5372],{"class":5313},[5303,15161,6444],{"class":5356},[5303,15163,5372],{"class":5313},[5303,15165,5531],{"class":5507},[5303,15167,5534],{"class":5313},[5303,15169,15170],{"class":5537},"'#fef08a'",[5303,15172,5372],{"class":5313},[5303,15174,5587],{"class":5507},[5303,15176,5534],{"class":5313},[5303,15178,6570],{"class":5356},[5303,15180,5372],{"class":5313},[5303,15182,5779],{"class":5507},[5303,15184,5534],{"class":5313},[5303,15186,15187],{"class":5537},"\"Попередження Warning (80–150 ms)\"",[5303,15189,5360],{"class":5313},[5303,15191,15192,15194,15196,15198,15200,15202,15204,15206,15208,15210,15213,15215,15217,15219,15221,15223,15225,15227,15230],{"class":5305,"line":5903},[5303,15193,6500],{"class":5313},[5303,15195,5290],{"class":5356},[5303,15197,15113],{"class":5313},[5303,15199,6444],{"class":5356},[5303,15201,5372],{"class":5313},[5303,15203,6489],{"class":5356},[5303,15205,5372],{"class":5313},[5303,15207,5531],{"class":5507},[5303,15209,5534],{"class":5313},[5303,15211,15212],{"class":5537},"'#fecaca'",[5303,15214,5372],{"class":5313},[5303,15216,5587],{"class":5507},[5303,15218,5534],{"class":5313},[5303,15220,6570],{"class":5356},[5303,15222,5372],{"class":5313},[5303,15224,5779],{"class":5507},[5303,15226,5534],{"class":5313},[5303,15228,15229],{"class":5537},"\"Критична деградація Critical (> 150 ms)\"",[5303,15231,5360],{"class":5313},[5303,15233,15234,15236,15238,15241,15243,15245,15247,15249,15251,15253,15255,15257,15259,15261,15263,15265,15267],{"class":5305,"line":5928},[5303,15235,6500],{"class":5313},[5303,15237,5290],{"class":5356},[5303,15239,15240],{"class":5313},"].axhline(",[5303,15242,7183],{"class":5356},[5303,15244,5372],{"class":5313},[5303,15246,5531],{"class":5507},[5303,15248,5534],{"class":5313},[5303,15250,14774],{"class":5537},[5303,15252,5372],{"class":5313},[5303,15254,5577],{"class":5507},[5303,15256,5534],{"class":5313},[5303,15258,5582],{"class":5537},[5303,15260,5372],{"class":5313},[5303,15262,5769],{"class":5507},[5303,15264,5534],{"class":5313},[5303,15266,14753],{"class":5356},[5303,15268,5360],{"class":5313},[5303,15270,15271,15273,15275,15277,15279,15281,15283,15285,15287,15289,15291,15293,15295,15297,15299,15301,15303],{"class":5305,"line":5933},[5303,15272,6500],{"class":5313},[5303,15274,5290],{"class":5356},[5303,15276,15240],{"class":5313},[5303,15278,6444],{"class":5356},[5303,15280,5372],{"class":5313},[5303,15282,5531],{"class":5507},[5303,15284,5534],{"class":5313},[5303,15286,5804],{"class":5537},[5303,15288,5372],{"class":5313},[5303,15290,5577],{"class":5507},[5303,15292,5534],{"class":5313},[5303,15294,5582],{"class":5537},[5303,15296,5372],{"class":5313},[5303,15298,5769],{"class":5507},[5303,15300,5534],{"class":5313},[5303,15302,14753],{"class":5356},[5303,15304,5360],{"class":5313},[5303,15306,15307],{"class":5305,"line":5939},[5303,15308,5340],{"emptyLinePlaceholder":5339},[5303,15310,15311,15313,15315,15317,15320,15322,15324,15326,15328],{"class":5305,"line":5970},[5303,15312,6500],{"class":5313},[5303,15314,5290],{"class":5356},[5303,15316,6593],{"class":5313},[5303,15318,15319],{"class":5537},"\"Статусні коридори працездатності: ax.axhspan()\"",[5303,15321,5372],{"class":5313},[5303,15323,5734],{"class":5507},[5303,15325,5534],{"class":5313},[5303,15327,5739],{"class":5537},[5303,15329,5360],{"class":5313},[5303,15331,15332,15334,15336,15338,15340],{"class":5305,"line":5992},[5303,15333,6500],{"class":5313},[5303,15335,5290],{"class":5356},[5303,15337,6865],{"class":5313},[5303,15339,14994],{"class":5537},[5303,15341,5360],{"class":5313},[5303,15343,15344,15346,15348,15350,15352],{"class":5305,"line":6001},[5303,15345,6500],{"class":5313},[5303,15347,5290],{"class":5356},[5303,15349,6619],{"class":5313},[5303,15351,15007],{"class":5537},[5303,15353,5360],{"class":5313},[5303,15355,15356,15358,15360,15362,15364,15366,15368],{"class":5305,"line":6010},[5303,15357,6500],{"class":5313},[5303,15359,5290],{"class":5356},[5303,15361,15018],{"class":5313},[5303,15363,5396],{"class":5356},[5303,15365,5372],{"class":5313},[5303,15367,6489],{"class":5356},[5303,15369,5360],{"class":5313},[5303,15371,15372,15374,15376,15378,15380,15382,15384],{"class":5305,"line":6041},[5303,15373,6500],{"class":5313},[5303,15375,5290],{"class":5356},[5303,15377,9329],{"class":5313},[5303,15379,5874],{"class":5507},[5303,15381,5534],{"class":5313},[5303,15383,15041],{"class":5537},[5303,15385,5360],{"class":5313},[5303,15387,15388,15390,15392,15394,15396,15398,15400,15402,15404,15406,15408,15410,15412],{"class":5305,"line":6066},[5303,15389,6500],{"class":5313},[5303,15391,5290],{"class":5356},[5303,15393,6637],{"class":5313},[5303,15395,5572],{"class":5571},[5303,15397,5372],{"class":5313},[5303,15399,5577],{"class":5507},[5303,15401,5534],{"class":5313},[5303,15403,5582],{"class":5537},[5303,15405,5372],{"class":5313},[5303,15407,5587],{"class":5507},[5303,15409,5534],{"class":5313},[5303,15411,5592],{"class":5356},[5303,15413,5360],{"class":5313},[5303,15415,15416],{"class":5305,"line":6071},[5303,15417,5340],{"emptyLinePlaceholder":5339},[5303,15419,15420],{"class":5305,"line":6076},[5303,15421,5668],{"class":5313},[5303,15423,15424],{"class":5305,"line":7265},[5303,15425,5480],{"class":5313},[6080,15427,15428],{"v-slot:output":5298},[6083,15429],{"alt":15430,"className":15431,"src":15432},"Анатомія анотацій та інженерне зонування",[6087],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling\u002F15.png",[5253,15434],{},[5256,15436,15438],{"id":15437},"практичні-завдання","Практичні завдання",[5190,15440,15441,15463,15508],{},[5193,15442,15445,15451,15457],{"icon":15443,"title":15444},"i-lucide-pencil","📝 Рівень 1: Базові навички",[5261,15446,15447,15450],{},[5224,15448,15449],{},"Завдання 1.1:"," Створіть сітку 2×3 з 6 різними типами графіків (line, scatter, bar, hist, box, pie). Додайте загальний заголовок.",[5261,15452,15453,15456],{},[5224,15454,15455],{},"Завдання 1.2:"," Побудуйте 3 графіки один під одним зі спільною віссю X (часові дані за рік).",[5261,15458,15459,15462],{},[5224,15460,15461],{},"Завдання 1.3:"," Використайте GridSpec: один великий графік зверху + два маленькі знизу (у співвідношенні 2:1 по висоті).",[5193,15464,15466,15472,15486,15502],{"icon":2990,"title":15465},"🧮 Рівень 2: Аналіз даних",[5261,15467,15468,15471],{},[5224,15469,15470],{},"Завдання 2.1:"," Завантажте датасет Iris. Створіть дашборд 2×2:",[5198,15473,15474,15477,15480,15483],{},[5201,15475,15476],{},"Scatter: sepal_length vs sepal_width (колір = species)",[5201,15478,15479],{},"Hist: розподіл petal_length",[5201,15481,15482],{},"Box plot: порівняння sepal_width між видами",[5201,15484,15485],{},"Bar chart: середня petal_length для кожного виду",[5261,15487,15488,15491,15492,5372,15494,5372,15497,5372,15499,15501],{},[5224,15489,15490],{},"Завдання 2.2:"," Застосуйте 4 різні стилі (",[5300,15493,11826],{},[5300,15495,15496],{},"seaborn",[5300,15498,11852],{},[5300,15500,6177],{},") до одного графіка. Порівняйте результати.",[5261,15503,15504,15507],{},[5224,15505,15506],{},"Завдання 2.3:"," Побудуйте scatter plot з анотаціями: позначте топ-3 викиди стрілками та підписами.",[5193,15509,15511,15517,15520,15564,15567],{"icon":4749,"title":15510},"🚀 Рівень 3: Дослідницький проєкт",[5261,15512,15513,15516],{},[5224,15514,15515],{},"Проєкт:"," Створення повноцінного дашборду",[5261,15518,15519],{},"Завантажте датасет Titanic. Створіть композицію 3×3 (або використайте GridSpec для складнішої компоновки):",[6096,15521,15522,15525,15540,15546,15552,15558],{},[5201,15523,15524],{},"Загальний заголовок фігури: «Аналіз пасажирів Титаніка»",[5201,15526,15527,15530,15531,5372,15534,5372,15537],{},[5224,15528,15529],{},"Графік 1 (великий, займає 2×2):"," Scatter matrix для змінних ",[5300,15532,15533],{},"age",[5300,15535,15536],{},"fare",[5300,15538,15539],{},"pclass",[5201,15541,15542,15545],{},[5224,15543,15544],{},"Графік 2:"," Bar chart — виживання за класами",[5201,15547,15548,15551],{},[5224,15549,15550],{},"Графік 3:"," Pie chart — співвідношення чоловіків\u002Fжінок",[5201,15553,15554,15557],{},[5224,15555,15556],{},"Графік 4:"," Hist — розподіл віку",[5201,15559,15560,15563],{},[5224,15561,15562],{},"Графік 5:"," Box plot — ціна квитка за класами",[5261,15565,15566],{},"Вимоги:",[5198,15568,15569,15572,15575,15585,15588],{},[5201,15570,15571],{},"Єдина кольорова схема для всіх графіків",[5201,15573,15574],{},"Всі графіки мають заголовки, підписи осей",[5201,15576,15577,15578,15581,15582],{},"Використайте ",[5300,15579,15580],{},"tight_layout()"," або ",[5300,15583,15584],{},"constrained_layout=True",[5201,15586,15587],{},"Додайте хоча б 2 анотації (наприклад, позначте середній вік)",[5201,15589,15590],{},"Збережіть у форматі PNG (300 dpi) та PDF",[5253,15592],{},[5256,15594,15596],{"id":15595},"резюме-підтеми","Резюме підтеми",[5190,15598,15599,15629,15677],{},[5193,15600,15603],{"icon":15601,"title":15602},"i-lucide-layout-grid","🎨 Subplots",[5198,15604,15605,15611,15614,15621,15626],{},[5201,15606,15607,15610],{},[5300,15608,15609],{},"plt.subplots(nrows, ncols)"," → регулярна сітка",[5201,15612,15613],{},"GridSpec → асиметричні композиції",[5201,15615,15616,5372,15618,15620],{},[5300,15617,6163],{},[5300,15619,6167],{}," → спільні осі для порівняння",[5201,15622,15623,15625],{},[5300,15624,15580],{}," → автоматичне вирівнювання",[5201,15627,15628],{},"Оптимально: 3–6 графіків на одній фігурі",[5193,15630,15633],{"icon":15631,"title":15632},"i-lucide-palette","🎨 Стилізація",[5198,15634,15635,15641,15651,15660,15668],{},[5201,15636,15637,15640],{},[5300,15638,15639],{},"plt.style.use(\"seaborn\")"," → готові теми",[5201,15642,15643,15644,5372,15646,5372,15648],{},"Кольорові палітри: ",[5300,15645,12545],{},[5300,15647,12533],{},[5300,15649,15650],{},"Pastel1",[5201,15652,15653,15654,5372,15656,5372,15658],{},"Colorblind-safe: ",[5300,15655,12533],{},[5300,15657,12536],{},[5300,15659,12545],{},[5201,15661,15662,15663,5372,15665],{},"Анотації: ",[5300,15664,14112],{},[5300,15666,15667],{},"ax.text()",[5201,15669,15670,15671,5372,15674],{},"Zones: ",[5300,15672,15673],{},"ax.axvspan()",[5300,15675,15676],{},"ax.axhspan()",[5193,15678,15680],{"icon":2172,"title":15679},"🎯 Дашборди",[5198,15681,15682,15688,15691,15694,15697],{},[5201,15683,15684,15685],{},"Один заголовок для всієї фігури: ",[5300,15686,15687],{},"fig.suptitle()",[5201,15689,15690],{},"Єдина кольорова схема для узгодженості",[5201,15692,15693],{},"Логічна компоновка: головне → великим, деталі → малим",[5201,15695,15696],{},"Збереження: PNG (веб, звіти), PDF (друк, публікації)",[5201,15698,15699],{},"Роздільна здатність: 150 dpi (екран), 300 dpi (друк)",[7970,15701,15702,15707],{},[5261,15703,15704],{},[5224,15705,15706],{},"Чек-лист професійного дашборду:",[6096,15708,15711,15722,15728,15734,15740,15750,15759,15765,15771,15777],{"className":15709},[15710],"contains-task-list",[5201,15712,15715,15719,15720,14118],{"className":15713},[15714],"task-list-item",[15716,15717],"input",{"disabled":5339,"type":15718},"checkbox"," Загальний заголовок фігури (",[5300,15721,15687],{},[5201,15723,15725,15727],{"className":15724},[15714],[15716,15726],{"disabled":5339,"type":15718}," Кожен графік має власний заголовок",[5201,15729,15731,15733],{"className":15730},[15714],[15716,15732],{"disabled":5339,"type":15718}," Підписи осей з одиницями виміру",[5201,15735,15737,15739],{"className":15736},[15714],[15716,15738],{"disabled":5339,"type":15718}," Єдина кольорова схема (максимум 3–4 кольори)",[5201,15741,15743,15745,15746,15749],{"className":15742},[15714],[15716,15744],{"disabled":5339,"type":15718}," Сітка (",[5300,15747,15748],{},"grid(True, alpha=0.3)",") де доречно",[5201,15751,15753,12600,15755,15581,15757],{"className":15752},[15714],[15716,15754],{"disabled":5339,"type":15718},[5300,15756,15580],{},[5300,15758,15584],{},[5201,15760,15762,15764],{"className":15761},[15714],[15716,15763],{"disabled":5339,"type":15718}," Легенди з чіткими підписами",[5201,15766,15768,15770],{"className":15767},[15714],[15716,15769],{"disabled":5339,"type":15718}," Розмір шрифтів достатній (≥10pt для осей, ≥12pt для заголовків)",[5201,15772,15774,15776],{"className":15773},[15714],[15716,15775],{"disabled":5339,"type":15718}," Анотації для ключових точок",[5201,15778,15780,15782],{"className":15779},[15714],[15716,15781],{"disabled":5339,"type":15718}," Збережено у правильному форматі та роздільній здатності",[5253,15784],{},[5261,15786,15787,12600,15790,15794,12600,15797],{},[5224,15788,15789],{},"Попередня підтема:",[12569,15791,15793],{"href":15792},".\u002F04.categorical","Візуалізація категоріальних даних",[5224,15795,15796],{},"Повернутися до огляду модуля:",[12569,15798,3751],{"href":15799},".\u002Findex",[11685,15801,15802],{},"html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .se1LK, html code.shiki .se1LK{--shiki-light:#CD3131;--shiki-default:#F44747;--shiki-dark:#F44747}html pre.shiki code .sjcCO, html code.shiki .sjcCO{--shiki-light:#EE0000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}",{"title":5298,"searchDepth":5323,"depth":5323,"links":15804},[15805,15806,15807,15810,15814,15818,15819,15820,15824,15828,15829],{"id":5258,"depth":5323,"text":5259},{"id":6202,"depth":5323,"text":6203},{"id":7523,"depth":5323,"text":7524,"children":15808},[15809],{"id":7527,"depth":5336,"text":7528},{"id":8121,"depth":5323,"text":8122,"children":15811},[15812],{"id":8614,"depth":5336,"text":15813},"Повна сигнатура plt.subplots() та сучасний fig.subplot_mosaic()",{"id":9617,"depth":5323,"text":9618,"children":15815},[15816],{"id":10217,"depth":5336,"text":15817},"Повна сигнатура GridSpec та архітектура інженерного Jointplot",{"id":11055,"depth":5323,"text":11056},{"id":11460,"depth":5323,"text":11461},{"id":11907,"depth":5323,"text":11908,"children":15821},[15822],{"id":12577,"depth":5336,"text":15823},"Системні налаштування plt.style та plt.rcParams для корпоративних звітів",{"id":13239,"depth":5323,"text":13240,"children":15825},[15826],{"id":14109,"depth":5336,"text":15827},"Повна сигнатура ax.annotate() та інженерне зонування (axvspan \u002F axhspan)",{"id":15437,"depth":5323,"text":15438},{"id":15595,"depth":5323,"text":15596},"Побудова кількох графіків на одній фігурі, GridSpec для складних компоновок, кольорові схеми, теми, стилізація для публікацій та презентацій","md",null,{},{"title":3773,"description":15830},"BQsX52aCIyWUPpZ9lB5iBYBm1ZSV5zlF4ZXHojhWwH4",[15837,15839],{"title":3769,"path":3770,"stem":3771,"description":15838,"children":-1},"Стовпчасті діаграми для порівняння категорій, горизонтальні та вертикальні bar charts, групові та stacked bars, pie charts та коли їх уникати",{"title":3782,"path":3783,"stem":3784,"description":15840,"children":-1},"Що таке регресія, чим вона відрізняється від класифікації, рівняння прямої та перша модель передбачення ціни квартири",1792055050844]