[{"data":1,"prerenderedAt":15946},["ShallowReactive",2],{"navigation_docs":3,"-ai-python-data-visualization-categorical":5180,"-ai-python-data-visualization-categorical-surround":15941},[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":3769,"body":5182,"description":15935,"extension":15936,"links":15937,"meta":15938,"navigation":5326,"path":3770,"seo":15939,"stem":3771,"__hash__":15940},"docs\u002F16.ai-python\u002F05.data-visualization\u002F04.categorical.md",{"type":5183,"value":5184,"toc":15911},"minimark",[5185,5189,5252,5255,5260,5268,5271,5901,5968,5970,5974,5977,5985,5988,5999,6006,6532,6613,6615,6619,6622,6984,7114,7121,7134,7223,7435,7506,8680,8682,8686,8689,9049,9090,9096,9112,9190,9344,10620,10622,10626,10629,11064,11066,11070,11077,11483,11517,11521,11524,11551,13029,13031,13035,13045,13361,13365,13744,13777,13785,13804,14035,14231,14350,15230,15232,15236,15243,15589,15628,15630,15634,15738,15740,15744,15839,15889,15891,15907],[5186,5187,3769],"h1",{"id":5188},"візуалізація-категоріальних-даних-bar-charts-та-pie-charts",[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",{},"Навчитися будувати bar charts для порівняння категорій",[5201,5205,5206],{},"Розрізняти вертикальні та горизонтальні bar charts",[5201,5208,5209],{},"Опанувати групові та stacked bar charts",[5201,5211,5212],{},"Зрозуміти, коли pie charts доречні (спойлер: майже ніколи)",[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",{},"Bar chart"," — стовпчаста діаграма для порівняння категорій",[5201,5229,5230,5233],{},[5224,5231,5232],{},"Pie chart"," — кругова діаграма для часток цілого",[5201,5235,5236,5239],{},[5224,5237,5238],{},"Grouped bars"," — кілька стовпців поруч для порівняння груп",[5201,5241,5242,5245],{},[5224,5243,5244],{},"Stacked bars"," — стовпці один на одному для показу складу",[5201,5247,5248,5251],{},[5224,5249,5250],{},"Категоріальні дані"," — дискретні значення (країни, продукти, спеціальності)",[5253,5254],"hr",{},[5256,5257,5259],"h2",{"id":5258},"плавний-старт-bar-chart-за-3-рядки-коду","Плавний старт: Bar Chart за 3 рядки коду",[5261,5262,5263,5264,5267],"p",{},"Коли дані дискретні — мікросервіси, типи помилок, канали зв'язку чи географічні регіони — класичні графіки ліній або скаттерів не підходять. Основним інструментом для швидкого порівняння значень у категоріях є ",[5224,5265,5266],{},"стовпчаста діаграма (bar chart)",".",[5261,5269,5270],{},"Погляньмо, як від трьох мінімальних рядків перейти до інформативного інженерного звіту:",[5272,5273,5276,5288,5859],"jupyter-notebook",{"title":5274,"kernel":5275},"hello_barchart.ipynb","Python 3 (ipykernel)",[5277,5278,5280,5285],"jupyter-cell",{"type":5279},"markdown",[5281,5282,5284],"h3",{"id":5283},"три-рівні-створення-стовпчастої-діаграми","Три рівні створення стовпчастої діаграми",[5261,5286,5287],{},"Від сирих стовпців до професійного дашборду з автоматичними підписами значень",[5277,5289,5292,5849],{"execution-count":5290,"execution-time":5291},"1","0.18s",[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\n\n# Дані: кількість критичних помилок 5xx за мікросервісами платформи\nservices = [\"Auth\", \"Billing\", \"Orders\", \"Pay\", \"Notify\"]\nerrors = [12, 45, 8, 29, 17]\n\n# --- РІВЕНЬ 0: Мінімальний код (3 рядки) ---\nplt.bar(services, errors)\nplt.show()\n\n# --- РІВЕНЬ 1: Додавання контексту та сітки ---\nfig, ax = plt.subplots(figsize=(6.5, 4))\nax.bar(services, errors, color='#2563eb', edgecolor='#1e3a8a')\nax.set_xlabel(\"Мікросервіс\")\nax.set_ylabel(\"Кількість інцидентів (5xx)\")\nax.set_title(\"Помилки за мікросервісами\")\nax.grid(axis='y', linestyle=':', alpha=0.6)\nplt.show()\n\n# --- РІВЕНЬ 2: Професійний інженерний звіт з ax.bar_label ---\nfig, ax = plt.subplots(figsize=(7, 4.5))\n\n# Виділяємо сервіс із найбільшою кількістю помилок червоним кольором\ncolors = ['#94a3b8' if e \u003C 40 else '#ef4444' for e in errors]\nbars = ax.bar(services, errors, color=colors, edgecolor='#0f172a', linewidth=1.2, width=0.6)\n\n# Автоматичне нанесення точних чисел над стовпцями (Matplotlib 3.4+)\nax.bar_label(bars, padding=3, fontweight='bold', fontsize=9.5, color='#1e293b')\n\nax.set_title(\"Аудит інцидентів мікросервісів за добу\", fontsize=12, fontweight='bold')\nax.set_xlabel(\"Мікросервіс\", fontsize=10)\nax.set_ylabel(\"Кількість інцидентів (5xx)\", fontsize=10)\nax.set_ylim(0, 52)\nax.grid(axis='y', linestyle=':', alpha=0.6)\nplt.show()\n","python","",[5300,5301,5302,5321,5328,5335,5369,5401,5406,5412,5418,5424,5429,5435,5459,5487,5498,5509,5520,5556,5561,5566,5572,5591,5596,5602,5638,5677,5682,5688,5733,5738,5764,5782,5799,5815,5844],"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],{"class":5305,"line":5323},2,[5303,5325,5327],{"emptyLinePlaceholder":5326},true,"\n",[5303,5329,5331],{"class":5305,"line":5330},3,[5303,5332,5334],{"class":5333},"spJ8K","# Дані: кількість критичних помилок 5xx за мікросервісами платформи\n",[5303,5336,5338,5341,5345,5348,5351,5353,5356,5358,5361,5363,5366],{"class":5305,"line":5337},4,[5303,5339,5340],{"class":5313},"services = [",[5303,5342,5344],{"class":5343},"sbdoH","\"Auth\"",[5303,5346,5347],{"class":5313},", ",[5303,5349,5350],{"class":5343},"\"Billing\"",[5303,5352,5347],{"class":5313},[5303,5354,5355],{"class":5343},"\"Orders\"",[5303,5357,5347],{"class":5313},[5303,5359,5360],{"class":5343},"\"Pay\"",[5303,5362,5347],{"class":5313},[5303,5364,5365],{"class":5343},"\"Notify\"",[5303,5367,5368],{"class":5313},"]\n",[5303,5370,5372,5375,5379,5381,5384,5386,5389,5391,5394,5396,5399],{"class":5305,"line":5371},5,[5303,5373,5374],{"class":5313},"errors = [",[5303,5376,5378],{"class":5377},"sJj4R","12",[5303,5380,5347],{"class":5313},[5303,5382,5383],{"class":5377},"45",[5303,5385,5347],{"class":5313},[5303,5387,5388],{"class":5377},"8",[5303,5390,5347],{"class":5313},[5303,5392,5393],{"class":5377},"29",[5303,5395,5347],{"class":5313},[5303,5397,5398],{"class":5377},"17",[5303,5400,5368],{"class":5313},[5303,5402,5404],{"class":5305,"line":5403},6,[5303,5405,5327],{"emptyLinePlaceholder":5326},[5303,5407,5409],{"class":5305,"line":5408},7,[5303,5410,5411],{"class":5333},"# --- РІВЕНЬ 0: Мінімальний код (3 рядки) ---\n",[5303,5413,5415],{"class":5305,"line":5414},8,[5303,5416,5417],{"class":5313},"plt.bar(services, errors)\n",[5303,5419,5421],{"class":5305,"line":5420},9,[5303,5422,5423],{"class":5313},"plt.show()\n",[5303,5425,5427],{"class":5305,"line":5426},10,[5303,5428,5327],{"emptyLinePlaceholder":5326},[5303,5430,5432],{"class":5305,"line":5431},11,[5303,5433,5434],{"class":5333},"# --- РІВЕНЬ 1: Додавання контексту та сітки ---\n",[5303,5436,5438,5441,5445,5448,5451,5453,5456],{"class":5305,"line":5437},12,[5303,5439,5440],{"class":5313},"fig, ax = plt.subplots(",[5303,5442,5444],{"class":5443},"siwwj","figsize",[5303,5446,5447],{"class":5313},"=(",[5303,5449,5450],{"class":5377},"6.5",[5303,5452,5347],{"class":5313},[5303,5454,5455],{"class":5377},"4",[5303,5457,5458],{"class":5313},"))\n",[5303,5460,5462,5465,5468,5471,5474,5476,5479,5481,5484],{"class":5305,"line":5461},13,[5303,5463,5464],{"class":5313},"ax.bar(services, errors, ",[5303,5466,5467],{"class":5443},"color",[5303,5469,5470],{"class":5313},"=",[5303,5472,5473],{"class":5343},"'#2563eb'",[5303,5475,5347],{"class":5313},[5303,5477,5478],{"class":5443},"edgecolor",[5303,5480,5470],{"class":5313},[5303,5482,5483],{"class":5343},"'#1e3a8a'",[5303,5485,5486],{"class":5313},")\n",[5303,5488,5490,5493,5496],{"class":5305,"line":5489},14,[5303,5491,5492],{"class":5313},"ax.set_xlabel(",[5303,5494,5495],{"class":5343},"\"Мікросервіс\"",[5303,5497,5486],{"class":5313},[5303,5499,5501,5504,5507],{"class":5305,"line":5500},15,[5303,5502,5503],{"class":5313},"ax.set_ylabel(",[5303,5505,5506],{"class":5343},"\"Кількість інцидентів (5xx)\"",[5303,5508,5486],{"class":5313},[5303,5510,5512,5515,5518],{"class":5305,"line":5511},16,[5303,5513,5514],{"class":5313},"ax.set_title(",[5303,5516,5517],{"class":5343},"\"Помилки за мікросервісами\"",[5303,5519,5486],{"class":5313},[5303,5521,5523,5526,5529,5531,5534,5536,5539,5541,5544,5546,5549,5551,5554],{"class":5305,"line":5522},17,[5303,5524,5525],{"class":5313},"ax.grid(",[5303,5527,5528],{"class":5443},"axis",[5303,5530,5470],{"class":5313},[5303,5532,5533],{"class":5343},"'y'",[5303,5535,5347],{"class":5313},[5303,5537,5538],{"class":5443},"linestyle",[5303,5540,5470],{"class":5313},[5303,5542,5543],{"class":5343},"':'",[5303,5545,5347],{"class":5313},[5303,5547,5548],{"class":5443},"alpha",[5303,5550,5470],{"class":5313},[5303,5552,5553],{"class":5377},"0.6",[5303,5555,5486],{"class":5313},[5303,5557,5559],{"class":5305,"line":5558},18,[5303,5560,5423],{"class":5313},[5303,5562,5564],{"class":5305,"line":5563},19,[5303,5565,5327],{"emptyLinePlaceholder":5326},[5303,5567,5569],{"class":5305,"line":5568},20,[5303,5570,5571],{"class":5333},"# --- РІВЕНЬ 2: Професійний інженерний звіт з ax.bar_label ---\n",[5303,5573,5575,5577,5579,5581,5584,5586,5589],{"class":5305,"line":5574},21,[5303,5576,5440],{"class":5313},[5303,5578,5444],{"class":5443},[5303,5580,5447],{"class":5313},[5303,5582,5583],{"class":5377},"7",[5303,5585,5347],{"class":5313},[5303,5587,5588],{"class":5377},"4.5",[5303,5590,5458],{"class":5313},[5303,5592,5594],{"class":5305,"line":5593},22,[5303,5595,5327],{"emptyLinePlaceholder":5326},[5303,5597,5599],{"class":5305,"line":5598},23,[5303,5600,5601],{"class":5333},"# Виділяємо сервіс із найбільшою кількістю помилок червоним кольором\n",[5303,5603,5605,5608,5611,5614,5617,5620,5623,5626,5629,5632,5635],{"class":5305,"line":5604},24,[5303,5606,5607],{"class":5313},"colors = [",[5303,5609,5610],{"class":5343},"'#94a3b8'",[5303,5612,5613],{"class":5309}," if",[5303,5615,5616],{"class":5313}," e \u003C ",[5303,5618,5619],{"class":5377},"40",[5303,5621,5622],{"class":5309}," else",[5303,5624,5625],{"class":5343}," '#ef4444'",[5303,5627,5628],{"class":5309}," for",[5303,5630,5631],{"class":5313}," e ",[5303,5633,5634],{"class":5309},"in",[5303,5636,5637],{"class":5313}," errors]\n",[5303,5639,5641,5644,5646,5649,5651,5653,5656,5658,5661,5663,5666,5668,5671,5673,5675],{"class":5305,"line":5640},25,[5303,5642,5643],{"class":5313},"bars = ax.bar(services, errors, ",[5303,5645,5467],{"class":5443},[5303,5647,5648],{"class":5313},"=colors, ",[5303,5650,5478],{"class":5443},[5303,5652,5470],{"class":5313},[5303,5654,5655],{"class":5343},"'#0f172a'",[5303,5657,5347],{"class":5313},[5303,5659,5660],{"class":5443},"linewidth",[5303,5662,5470],{"class":5313},[5303,5664,5665],{"class":5377},"1.2",[5303,5667,5347],{"class":5313},[5303,5669,5670],{"class":5443},"width",[5303,5672,5470],{"class":5313},[5303,5674,5553],{"class":5377},[5303,5676,5486],{"class":5313},[5303,5678,5680],{"class":5305,"line":5679},26,[5303,5681,5327],{"emptyLinePlaceholder":5326},[5303,5683,5685],{"class":5305,"line":5684},27,[5303,5686,5687],{"class":5333},"# Автоматичне нанесення точних чисел над стовпцями (Matplotlib 3.4+)\n",[5303,5689,5691,5694,5697,5699,5702,5704,5707,5709,5712,5714,5717,5719,5722,5724,5726,5728,5731],{"class":5305,"line":5690},28,[5303,5692,5693],{"class":5313},"ax.bar_label(bars, ",[5303,5695,5696],{"class":5443},"padding",[5303,5698,5470],{"class":5313},[5303,5700,5701],{"class":5377},"3",[5303,5703,5347],{"class":5313},[5303,5705,5706],{"class":5443},"fontweight",[5303,5708,5470],{"class":5313},[5303,5710,5711],{"class":5343},"'bold'",[5303,5713,5347],{"class":5313},[5303,5715,5716],{"class":5443},"fontsize",[5303,5718,5470],{"class":5313},[5303,5720,5721],{"class":5377},"9.5",[5303,5723,5347],{"class":5313},[5303,5725,5467],{"class":5443},[5303,5727,5470],{"class":5313},[5303,5729,5730],{"class":5343},"'#1e293b'",[5303,5732,5486],{"class":5313},[5303,5734,5736],{"class":5305,"line":5735},29,[5303,5737,5327],{"emptyLinePlaceholder":5326},[5303,5739,5741,5743,5746,5748,5750,5752,5754,5756,5758,5760,5762],{"class":5305,"line":5740},30,[5303,5742,5514],{"class":5313},[5303,5744,5745],{"class":5343},"\"Аудит інцидентів мікросервісів за добу\"",[5303,5747,5347],{"class":5313},[5303,5749,5716],{"class":5443},[5303,5751,5470],{"class":5313},[5303,5753,5378],{"class":5377},[5303,5755,5347],{"class":5313},[5303,5757,5706],{"class":5443},[5303,5759,5470],{"class":5313},[5303,5761,5711],{"class":5343},[5303,5763,5486],{"class":5313},[5303,5765,5767,5769,5771,5773,5775,5777,5780],{"class":5305,"line":5766},31,[5303,5768,5492],{"class":5313},[5303,5770,5495],{"class":5343},[5303,5772,5347],{"class":5313},[5303,5774,5716],{"class":5443},[5303,5776,5470],{"class":5313},[5303,5778,5779],{"class":5377},"10",[5303,5781,5486],{"class":5313},[5303,5783,5785,5787,5789,5791,5793,5795,5797],{"class":5305,"line":5784},32,[5303,5786,5503],{"class":5313},[5303,5788,5506],{"class":5343},[5303,5790,5347],{"class":5313},[5303,5792,5716],{"class":5443},[5303,5794,5470],{"class":5313},[5303,5796,5779],{"class":5377},[5303,5798,5486],{"class":5313},[5303,5800,5802,5805,5808,5810,5813],{"class":5305,"line":5801},33,[5303,5803,5804],{"class":5313},"ax.set_ylim(",[5303,5806,5807],{"class":5377},"0",[5303,5809,5347],{"class":5313},[5303,5811,5812],{"class":5377},"52",[5303,5814,5486],{"class":5313},[5303,5816,5818,5820,5822,5824,5826,5828,5830,5832,5834,5836,5838,5840,5842],{"class":5305,"line":5817},34,[5303,5819,5525],{"class":5313},[5303,5821,5528],{"class":5443},[5303,5823,5470],{"class":5313},[5303,5825,5533],{"class":5343},[5303,5827,5347],{"class":5313},[5303,5829,5538],{"class":5443},[5303,5831,5470],{"class":5313},[5303,5833,5543],{"class":5343},[5303,5835,5347],{"class":5313},[5303,5837,5548],{"class":5443},[5303,5839,5470],{"class":5313},[5303,5841,5553],{"class":5377},[5303,5843,5486],{"class":5313},[5303,5845,5847],{"class":5305,"line":5846},35,[5303,5848,5423],{"class":5313},[5850,5851,5852],"template",{"v-slot:output":5298},[5853,5854],"img",{"alt":5855,"className":5856,"src":5858},"Три рівні побудови Bar chart: від мінімального коду до інженерного дашборду",[5857],"diagram-img","\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F10.png",[5277,5860,5861,5865],{"type":5279},[5281,5862,5864],{"id":5863},"чому-bar-chart-перевершує-таблиці-та-кругові-діаграми","Чому Bar Chart перевершує таблиці та кругові діаграми?",[5866,5867,5868,5881,5887],"ol",{},[5201,5869,5870,5873,5874,5877,5878,5267],{},[5224,5871,5872],{},"Точність візуального сприйняття:"," людина найкраще порівнює довжини відрізків зі спільної базової лінії (вісь 0). Ми миттєво бачимо, що ",[5300,5875,5876],{},"Billing"," має у 3 рази більше інцидентів, ніж ",[5300,5879,5880],{},"Notify",[5201,5882,5883,5886],{},[5224,5884,5885],{},"Масштабованість:"," стовпчаста діаграма однаково добре відображає як 3 категорії, так і 20 (особливо в горизонтальному форматі).",[5201,5888,5889,5892,5893,5896,5897,5900],{},[5224,5890,5891],{},"Гнучкість акцентування:"," легке додавання кольорових акцентів, планок похибок (",[5300,5894,5895],{},"yerr",") та точних підписів (",[5300,5898,5899],{},"ax.bar_label",").",[5193,5902,5904,5907,5965],{"icon":1348,"title":5903},"🧭 Наскрізна інженерна історія: Аудит надійності та оптимізація хмарної архітектури",[5261,5905,5906],{},"Уявіть, що ви працюєте Site Reliability Engineer (SRE) або хмарним архітектором у високонавантаженому фінтех-стартапі. Керівництво ініціювало глобальний аудит інфраструктури:",[5198,5908,5909,5915,5928,5937,5943,5949,5959],{},[5201,5910,5911,5914],{},[5224,5912,5913],{},"Крок 1 (Вертикальний Bar Chart):"," Порівняти частоту збоїв між мікросервісами та виявити найбільш нестабільний компонент.",[5201,5916,5917,5927],{},[5224,5918,5919,5920,5923,5924,5926],{},"Крок 2 (Анатомія ",[5300,5921,5922],{},"ax.bar"," та похибки ",[5300,5925,5895],{},"):"," Додати статистичні планки розкиду навантаження CPU, щоб оцінити пікові коливання.",[5201,5929,5930,5936],{},[5224,5931,5932,5933,5926],{},"Крок 3 (Горизонтальний ",[5300,5934,5935],{},"ax.barh"," Скласти рейтинг затримок (P99 Latency) для 10+ API-ендпоінтів із довгими назвами URL-шляхів та побудувати Waterfall розбивки фаз запиту (DNS $\\to$ TLS $\\to$ Execution).",[5201,5938,5939,5942],{},[5224,5940,5941],{},"Крок 4 (Grouped Bars):"," Порівняти поведінку системи на різних контурах (Dev, Staging, Production).",[5201,5944,5945,5948],{},[5224,5946,5947],{},"Крок 5 (Stacked Bars & 100% Stacked):"," Проаналізувати помісячну структуру витрат на хмарні сервіси (Compute, Storage, Network) як в абсолютних доларах, так і у відсоткових частках.",[5201,5950,5951,5958],{},[5224,5952,5953,5954,5957],{},"Крок 6 (Анатомія ",[5300,5955,5956],{},"ax.pie"," та Donut Chart):"," Зрозуміти, чому класичні кругові діаграми вводять в оману, як за необхідності збудувати сучасний Donut Chart та коли краще замінити його стовпцями.",[5201,5960,5961,5964],{},[5224,5962,5963],{},"Крок 7 (Логіка сортування):"," Мінімізувати когнітивне навантаження команди завдяки впорядкуванню даних за спаданням.",[5261,5966,5967],{},"Покроково розгляньмо всі ці інструменти.",[5253,5969],{},[5256,5971,5973],{"id":5972},"історія-про-менеджера-та-квартальні-продажі","Історія про менеджера та квартальні продажі",[5261,5975,5976],{},"Менеджер Андрій отримав звіт: продажі за 4 квартали у трьох регіонах. Бухгалтер надіслав таблицю:",[5293,5978,5983],{"className":5979,"code":5981,"language":5982},[5980],"language-text","Регіон  | Q1  | Q2  | Q3  | Q4\n--------|-----|-----|-----|-----\nКиїв    | 120 | 150 | 180 | 220\nЛьвів   | 80  | 95  | 110 | 130\nОдеса   | 200 | 190 | 185 | 175\n","text",[5300,5984,5981],{"__ignoreMap":5298},[5261,5986,5987],{},"Андрій дивиться на числа і не розуміє:",[5198,5989,5990,5993,5996],{},[5201,5991,5992],{},"Який регіон найсильніший?",[5201,5994,5995],{},"Де є зростання, а де спад?",[5201,5997,5998],{},"Наскільки Київ відстає від Одеси?",[5261,6000,6001,6002,6005],{},"Один ",[5224,6003,6004],{},"bar chart"," — і все стає зрозуміло за 3 секунди:",[5272,6007,6009,6018,6494],{"title":6008,"kernel":5275},"sales_barchart.ipynb",[5277,6010,6011,6015],{"type":5279},[5281,6012,6014],{"id":6013},"квартальні-продажі-трьох-регіонів","Квартальні продажі трьох регіонів",[5261,6016,6017],{},"Один графік замінює 10 хвилин аналізу таблиці",[5277,6019,6021,6487],{"execution-count":5290,"execution-time":6020},"0.15s",[5293,6022,6024],{"className":5295,"code":6023,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\nregions = [\"Київ\", \"Львів\", \"Одеса\"]\nq1 = [120, 80, 200]\nq2 = [150, 95, 190]\nq3 = [180, 110, 185]\nq4 = [220, 130, 175]\n\nx = np.arange(len(regions))\nwidth = 0.2\n\nfig, ax = plt.subplots(figsize=(10, 6))\n\nbars1 = ax.bar(x - 1.5*width, q1, width, label=\"Q1\", color=\"#FF6B6B\", edgecolor=\"black\")\nbars2 = ax.bar(x - 0.5*width, q2, width, label=\"Q2\", color=\"#4ECDC4\", edgecolor=\"black\")\nbars3 = ax.bar(x + 0.5*width, q3, width, label=\"Q3\", color=\"#95E1D3\", edgecolor=\"black\")\nbars4 = ax.bar(x + 1.5*width, q4, width, label=\"Q4\", color=\"#FFD93D\", edgecolor=\"black\")\n\nax.set_title(\"Квартальні продажі за регіонами (тис. грн)\", \n             fontsize=14, fontweight=\"bold\")\nax.set_ylabel(\"Продажі (тис. грн)\", fontsize=12)\nax.set_xlabel(\"Регіон\", fontsize=12)\nax.set_xticks(x)\nax.set_xticklabels(regions)\nax.legend(loc=\"upper left\", fontsize=11)\nax.grid(axis=\"y\", alpha=0.3)\n\nplt.tight_layout()\nplt.show()\n",[5300,6025,6026,6036,6048,6052,6072,6092,6112,6132,6152,6156,6168,6176,6180,6197,6201,6240,6277,6313,6349,6353,6363,6384,6401,6418,6423,6428,6452,6474,6478,6483],{"__ignoreMap":5298},[5303,6027,6028,6030,6032,6034],{"class":5305,"line":5306},[5303,6029,5310],{"class":5309},[5303,6031,5314],{"class":5313},[5303,6033,5317],{"class":5309},[5303,6035,5320],{"class":5313},[5303,6037,6038,6040,6043,6045],{"class":5305,"line":5323},[5303,6039,5310],{"class":5309},[5303,6041,6042],{"class":5313}," numpy ",[5303,6044,5317],{"class":5309},[5303,6046,6047],{"class":5313}," np\n",[5303,6049,6050],{"class":5305,"line":5330},[5303,6051,5327],{"emptyLinePlaceholder":5326},[5303,6053,6054,6057,6060,6062,6065,6067,6070],{"class":5305,"line":5337},[5303,6055,6056],{"class":5313},"regions = [",[5303,6058,6059],{"class":5343},"\"Київ\"",[5303,6061,5347],{"class":5313},[5303,6063,6064],{"class":5343},"\"Львів\"",[5303,6066,5347],{"class":5313},[5303,6068,6069],{"class":5343},"\"Одеса\"",[5303,6071,5368],{"class":5313},[5303,6073,6074,6077,6080,6082,6085,6087,6090],{"class":5305,"line":5371},[5303,6075,6076],{"class":5313},"q1 = [",[5303,6078,6079],{"class":5377},"120",[5303,6081,5347],{"class":5313},[5303,6083,6084],{"class":5377},"80",[5303,6086,5347],{"class":5313},[5303,6088,6089],{"class":5377},"200",[5303,6091,5368],{"class":5313},[5303,6093,6094,6097,6100,6102,6105,6107,6110],{"class":5305,"line":5403},[5303,6095,6096],{"class":5313},"q2 = [",[5303,6098,6099],{"class":5377},"150",[5303,6101,5347],{"class":5313},[5303,6103,6104],{"class":5377},"95",[5303,6106,5347],{"class":5313},[5303,6108,6109],{"class":5377},"190",[5303,6111,5368],{"class":5313},[5303,6113,6114,6117,6120,6122,6125,6127,6130],{"class":5305,"line":5408},[5303,6115,6116],{"class":5313},"q3 = [",[5303,6118,6119],{"class":5377},"180",[5303,6121,5347],{"class":5313},[5303,6123,6124],{"class":5377},"110",[5303,6126,5347],{"class":5313},[5303,6128,6129],{"class":5377},"185",[5303,6131,5368],{"class":5313},[5303,6133,6134,6137,6140,6142,6145,6147,6150],{"class":5305,"line":5414},[5303,6135,6136],{"class":5313},"q4 = [",[5303,6138,6139],{"class":5377},"220",[5303,6141,5347],{"class":5313},[5303,6143,6144],{"class":5377},"130",[5303,6146,5347],{"class":5313},[5303,6148,6149],{"class":5377},"175",[5303,6151,5368],{"class":5313},[5303,6153,6154],{"class":5305,"line":5420},[5303,6155,5327],{"emptyLinePlaceholder":5326},[5303,6157,6158,6161,6165],{"class":5305,"line":5426},[5303,6159,6160],{"class":5313},"x = np.arange(",[5303,6162,6164],{"class":6163},"s8Opu","len",[5303,6166,6167],{"class":5313},"(regions))\n",[5303,6169,6170,6173],{"class":5305,"line":5431},[5303,6171,6172],{"class":5313},"width = ",[5303,6174,6175],{"class":5377},"0.2\n",[5303,6177,6178],{"class":5305,"line":5437},[5303,6179,5327],{"emptyLinePlaceholder":5326},[5303,6181,6182,6184,6186,6188,6190,6192,6195],{"class":5305,"line":5461},[5303,6183,5440],{"class":5313},[5303,6185,5444],{"class":5443},[5303,6187,5447],{"class":5313},[5303,6189,5779],{"class":5377},[5303,6191,5347],{"class":5313},[5303,6193,6194],{"class":5377},"6",[5303,6196,5458],{"class":5313},[5303,6198,6199],{"class":5305,"line":5489},[5303,6200,5327],{"emptyLinePlaceholder":5326},[5303,6202,6203,6206,6209,6212,6215,6217,6220,6222,6224,6226,6229,6231,6233,6235,6238],{"class":5305,"line":5500},[5303,6204,6205],{"class":5313},"bars1 = ax.bar(x - ",[5303,6207,6208],{"class":5377},"1.5",[5303,6210,6211],{"class":5313},"*width, q1, width, ",[5303,6213,6214],{"class":5443},"label",[5303,6216,5470],{"class":5313},[5303,6218,6219],{"class":5343},"\"Q1\"",[5303,6221,5347],{"class":5313},[5303,6223,5467],{"class":5443},[5303,6225,5470],{"class":5313},[5303,6227,6228],{"class":5343},"\"#FF6B6B\"",[5303,6230,5347],{"class":5313},[5303,6232,5478],{"class":5443},[5303,6234,5470],{"class":5313},[5303,6236,6237],{"class":5343},"\"black\"",[5303,6239,5486],{"class":5313},[5303,6241,6242,6245,6248,6251,6253,6255,6258,6260,6262,6264,6267,6269,6271,6273,6275],{"class":5305,"line":5511},[5303,6243,6244],{"class":5313},"bars2 = ax.bar(x - ",[5303,6246,6247],{"class":5377},"0.5",[5303,6249,6250],{"class":5313},"*width, q2, width, ",[5303,6252,6214],{"class":5443},[5303,6254,5470],{"class":5313},[5303,6256,6257],{"class":5343},"\"Q2\"",[5303,6259,5347],{"class":5313},[5303,6261,5467],{"class":5443},[5303,6263,5470],{"class":5313},[5303,6265,6266],{"class":5343},"\"#4ECDC4\"",[5303,6268,5347],{"class":5313},[5303,6270,5478],{"class":5443},[5303,6272,5470],{"class":5313},[5303,6274,6237],{"class":5343},[5303,6276,5486],{"class":5313},[5303,6278,6279,6282,6284,6287,6289,6291,6294,6296,6298,6300,6303,6305,6307,6309,6311],{"class":5305,"line":5522},[5303,6280,6281],{"class":5313},"bars3 = ax.bar(x + ",[5303,6283,6247],{"class":5377},[5303,6285,6286],{"class":5313},"*width, q3, width, ",[5303,6288,6214],{"class":5443},[5303,6290,5470],{"class":5313},[5303,6292,6293],{"class":5343},"\"Q3\"",[5303,6295,5347],{"class":5313},[5303,6297,5467],{"class":5443},[5303,6299,5470],{"class":5313},[5303,6301,6302],{"class":5343},"\"#95E1D3\"",[5303,6304,5347],{"class":5313},[5303,6306,5478],{"class":5443},[5303,6308,5470],{"class":5313},[5303,6310,6237],{"class":5343},[5303,6312,5486],{"class":5313},[5303,6314,6315,6318,6320,6323,6325,6327,6330,6332,6334,6336,6339,6341,6343,6345,6347],{"class":5305,"line":5558},[5303,6316,6317],{"class":5313},"bars4 = ax.bar(x + ",[5303,6319,6208],{"class":5377},[5303,6321,6322],{"class":5313},"*width, q4, width, ",[5303,6324,6214],{"class":5443},[5303,6326,5470],{"class":5313},[5303,6328,6329],{"class":5343},"\"Q4\"",[5303,6331,5347],{"class":5313},[5303,6333,5467],{"class":5443},[5303,6335,5470],{"class":5313},[5303,6337,6338],{"class":5343},"\"#FFD93D\"",[5303,6340,5347],{"class":5313},[5303,6342,5478],{"class":5443},[5303,6344,5470],{"class":5313},[5303,6346,6237],{"class":5343},[5303,6348,5486],{"class":5313},[5303,6350,6351],{"class":5305,"line":5563},[5303,6352,5327],{"emptyLinePlaceholder":5326},[5303,6354,6355,6357,6360],{"class":5305,"line":5568},[5303,6356,5514],{"class":5313},[5303,6358,6359],{"class":5343},"\"Квартальні продажі за регіонами (тис. грн)\"",[5303,6361,6362],{"class":5313},", \n",[5303,6364,6365,6368,6370,6373,6375,6377,6379,6382],{"class":5305,"line":5574},[5303,6366,6367],{"class":5443},"             fontsize",[5303,6369,5470],{"class":5313},[5303,6371,6372],{"class":5377},"14",[5303,6374,5347],{"class":5313},[5303,6376,5706],{"class":5443},[5303,6378,5470],{"class":5313},[5303,6380,6381],{"class":5343},"\"bold\"",[5303,6383,5486],{"class":5313},[5303,6385,6386,6388,6391,6393,6395,6397,6399],{"class":5305,"line":5593},[5303,6387,5503],{"class":5313},[5303,6389,6390],{"class":5343},"\"Продажі (тис. грн)\"",[5303,6392,5347],{"class":5313},[5303,6394,5716],{"class":5443},[5303,6396,5470],{"class":5313},[5303,6398,5378],{"class":5377},[5303,6400,5486],{"class":5313},[5303,6402,6403,6405,6408,6410,6412,6414,6416],{"class":5305,"line":5598},[5303,6404,5492],{"class":5313},[5303,6406,6407],{"class":5343},"\"Регіон\"",[5303,6409,5347],{"class":5313},[5303,6411,5716],{"class":5443},[5303,6413,5470],{"class":5313},[5303,6415,5378],{"class":5377},[5303,6417,5486],{"class":5313},[5303,6419,6420],{"class":5305,"line":5604},[5303,6421,6422],{"class":5313},"ax.set_xticks(x)\n",[5303,6424,6425],{"class":5305,"line":5640},[5303,6426,6427],{"class":5313},"ax.set_xticklabels(regions)\n",[5303,6429,6430,6433,6436,6438,6441,6443,6445,6447,6450],{"class":5305,"line":5679},[5303,6431,6432],{"class":5313},"ax.legend(",[5303,6434,6435],{"class":5443},"loc",[5303,6437,5470],{"class":5313},[5303,6439,6440],{"class":5343},"\"upper left\"",[5303,6442,5347],{"class":5313},[5303,6444,5716],{"class":5443},[5303,6446,5470],{"class":5313},[5303,6448,6449],{"class":5377},"11",[5303,6451,5486],{"class":5313},[5303,6453,6454,6456,6458,6460,6463,6465,6467,6469,6472],{"class":5305,"line":5684},[5303,6455,5525],{"class":5313},[5303,6457,5528],{"class":5443},[5303,6459,5470],{"class":5313},[5303,6461,6462],{"class":5343},"\"y\"",[5303,6464,5347],{"class":5313},[5303,6466,5548],{"class":5443},[5303,6468,5470],{"class":5313},[5303,6470,6471],{"class":5377},"0.3",[5303,6473,5486],{"class":5313},[5303,6475,6476],{"class":5305,"line":5690},[5303,6477,5327],{"emptyLinePlaceholder":5326},[5303,6479,6480],{"class":5305,"line":5735},[5303,6481,6482],{"class":5313},"plt.tight_layout()\n",[5303,6484,6485],{"class":5305,"line":5740},[5303,6486,5423],{"class":5313},[5850,6488,6489],{"v-slot:output":5298},[5853,6490],{"alt":6491,"className":6492,"src":6493},"Групові bar charts для продажів",[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F01.png",[5277,6495,6496,6501,6525],{"type":5279},[5261,6497,6498],{},[5224,6499,6500],{},"Висновки одразу видно:",[5866,6502,6503,6509,6515],{},[5201,6504,6505,6508],{},[5224,6506,6507],{},"Київ"," — стабільне зростання з Q1 до Q4 (120 → 220)",[5201,6510,6511,6514],{},[5224,6512,6513],{},"Львів"," — теж зростання, але обсяги менші (80 → 130)",[5201,6516,6517,6520,6521,6524],{},[5224,6518,6519],{},"Одеса"," — найбільший регіон, але ",[5224,6522,6523],{},"спад"," (200 → 175)",[5261,6526,6527,6528,6531],{},"Це те, що ",[5224,6529,6530],{},"неможливо побачити"," швидко в таблиці з числами!",[6533,6534,6535,6540,6607],"note",{},[5261,6536,6537],{},[5224,6538,6539],{},"Відмінність bar chart від гістограми:",[6541,6542,6543,6557],"table",{},[6544,6545,6546],"thead",{},[6547,6548,6549,6554],"tr",{},[6550,6551,6553],"th",{"align":6552},"left","Bar Chart",[6550,6555,6556],{"align":6552},"Гістограма",[6558,6559,6560,6576,6591,6599],"tbody",{},[6547,6561,6562,6570],{},[6563,6564,6565,6566,6569],"td",{"align":6552},"Для ",[5224,6567,6568],{},"категоріальних"," даних (міста, продукти)",[6563,6571,6565,6572,6575],{"align":6552},[5224,6573,6574],{},"неперервних"," даних (зріст, вік)",[6547,6577,6578,6585],{},[6563,6579,6580,6581,6584],{"align":6552},"Стовпці ",[5224,6582,6583],{},"розділені"," проміжками",[6563,6586,6580,6587,6590],{"align":6552},[5224,6588,6589],{},"стикаються"," (bins)",[6547,6592,6593,6596],{},[6563,6594,6595],{"align":6552},"Порядок категорій можна змінювати",[6563,6597,6598],{"align":6552},"Порядок bins фіксований (числова вісь)",[6547,6600,6601,6604],{},[6563,6602,6603],{"align":6552},"Вимірює кількість, суму, середнє тощо",[6563,6605,6606],{"align":6552},"Вимірює частоту (кількість у інтервалі)",[5261,6608,6609,6612],{},[5224,6610,6611],{},"Приклад:"," «Продажі по містах» → bar chart. «Розподіл цін квартир» → гістограма.",[5253,6614],{},[5256,6616,6618],{"id":6617},"вертикальні-bar-charts","Вертикальні bar charts",[5261,6620,6621],{},"Базовий тип — стовпці вертикально. Зручно для порівняння кількох категорій.",[5272,6623,6625],{"title":6624},"vertical_bars.ipynb",[5277,6626,6627,6978],{"execution-count":5290},[5293,6628,6630],{"className":5295,"code":6629,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\n\n# Дані: топ-5 мов програмування за популярністю (умовні дані)\nlanguages = [\"Python\", \"JavaScript\", \"Java\", \"C++\", \"C#\"]\npopularity = [85, 78, 72, 65, 60]\n\nfig, ax = plt.subplots(figsize=(10, 6))\n\nbars = ax.bar(languages, popularity, color=\"steelblue\", edgecolor=\"navy\", linewidth=1.5)\n\n# Додаємо значення над стовпцями\nfor bar in bars:\n    height = bar.get_height()\n    ax.text(bar.get_x() + bar.get_width()\u002F2, height + 1,\n            f\"{height}%\", ha=\"center\", va=\"bottom\", fontsize=11, fontweight=\"bold\")\n\nax.set_title(\"Топ-5 мов програмування за популярністю (2026)\", \n             fontsize=14, fontweight=\"bold\")\nax.set_ylabel(\"Популярність (%)\", fontsize=12)\nax.set_xlabel(\"Мова програмування\", fontsize=12)\nax.set_ylim(0, 100)\nax.grid(axis=\"y\", alpha=0.3)\n\nplt.tight_layout()\nplt.show()\n",[5300,6631,6632,6642,6646,6651,6681,6711,6715,6731,6735,6766,6770,6775,6788,6793,6809,6868,6872,6881,6899,6916,6933,6946,6966,6970,6974],{"__ignoreMap":5298},[5303,6633,6634,6636,6638,6640],{"class":5305,"line":5306},[5303,6635,5310],{"class":5309},[5303,6637,5314],{"class":5313},[5303,6639,5317],{"class":5309},[5303,6641,5320],{"class":5313},[5303,6643,6644],{"class":5305,"line":5323},[5303,6645,5327],{"emptyLinePlaceholder":5326},[5303,6647,6648],{"class":5305,"line":5330},[5303,6649,6650],{"class":5333},"# Дані: топ-5 мов програмування за популярністю (умовні дані)\n",[5303,6652,6653,6656,6659,6661,6664,6666,6669,6671,6674,6676,6679],{"class":5305,"line":5337},[5303,6654,6655],{"class":5313},"languages = [",[5303,6657,6658],{"class":5343},"\"Python\"",[5303,6660,5347],{"class":5313},[5303,6662,6663],{"class":5343},"\"JavaScript\"",[5303,6665,5347],{"class":5313},[5303,6667,6668],{"class":5343},"\"Java\"",[5303,6670,5347],{"class":5313},[5303,6672,6673],{"class":5343},"\"C++\"",[5303,6675,5347],{"class":5313},[5303,6677,6678],{"class":5343},"\"C#\"",[5303,6680,5368],{"class":5313},[5303,6682,6683,6686,6689,6691,6694,6696,6699,6701,6704,6706,6709],{"class":5305,"line":5371},[5303,6684,6685],{"class":5313},"popularity = [",[5303,6687,6688],{"class":5377},"85",[5303,6690,5347],{"class":5313},[5303,6692,6693],{"class":5377},"78",[5303,6695,5347],{"class":5313},[5303,6697,6698],{"class":5377},"72",[5303,6700,5347],{"class":5313},[5303,6702,6703],{"class":5377},"65",[5303,6705,5347],{"class":5313},[5303,6707,6708],{"class":5377},"60",[5303,6710,5368],{"class":5313},[5303,6712,6713],{"class":5305,"line":5403},[5303,6714,5327],{"emptyLinePlaceholder":5326},[5303,6716,6717,6719,6721,6723,6725,6727,6729],{"class":5305,"line":5408},[5303,6718,5440],{"class":5313},[5303,6720,5444],{"class":5443},[5303,6722,5447],{"class":5313},[5303,6724,5779],{"class":5377},[5303,6726,5347],{"class":5313},[5303,6728,6194],{"class":5377},[5303,6730,5458],{"class":5313},[5303,6732,6733],{"class":5305,"line":5414},[5303,6734,5327],{"emptyLinePlaceholder":5326},[5303,6736,6737,6740,6742,6744,6747,6749,6751,6753,6756,6758,6760,6762,6764],{"class":5305,"line":5420},[5303,6738,6739],{"class":5313},"bars = ax.bar(languages, popularity, ",[5303,6741,5467],{"class":5443},[5303,6743,5470],{"class":5313},[5303,6745,6746],{"class":5343},"\"steelblue\"",[5303,6748,5347],{"class":5313},[5303,6750,5478],{"class":5443},[5303,6752,5470],{"class":5313},[5303,6754,6755],{"class":5343},"\"navy\"",[5303,6757,5347],{"class":5313},[5303,6759,5660],{"class":5443},[5303,6761,5470],{"class":5313},[5303,6763,6208],{"class":5377},[5303,6765,5486],{"class":5313},[5303,6767,6768],{"class":5305,"line":5426},[5303,6769,5327],{"emptyLinePlaceholder":5326},[5303,6771,6772],{"class":5305,"line":5431},[5303,6773,6774],{"class":5333},"# Додаємо значення над стовпцями\n",[5303,6776,6777,6780,6783,6785],{"class":5305,"line":5437},[5303,6778,6779],{"class":5309},"for",[5303,6781,6782],{"class":5313}," bar ",[5303,6784,5634],{"class":5309},[5303,6786,6787],{"class":5313}," bars:\n",[5303,6789,6790],{"class":5305,"line":5461},[5303,6791,6792],{"class":5313},"    height = bar.get_height()\n",[5303,6794,6795,6798,6801,6804,6806],{"class":5305,"line":5489},[5303,6796,6797],{"class":5313},"    ax.text(bar.get_x() + bar.get_width()\u002F",[5303,6799,6800],{"class":5377},"2",[5303,6802,6803],{"class":5313},", height + ",[5303,6805,5290],{"class":5377},[5303,6807,6808],{"class":5313},",\n",[5303,6810,6811,6815,6818,6821,6824,6827,6830,6832,6835,6837,6840,6842,6845,6847,6850,6852,6854,6856,6858,6860,6862,6864,6866],{"class":5305,"line":5500},[5303,6812,6814],{"class":6813},"su1O8","            f",[5303,6816,6817],{"class":5343},"\"",[5303,6819,6820],{"class":6813},"{",[5303,6822,6823],{"class":5313},"height",[5303,6825,6826],{"class":6813},"}",[5303,6828,6829],{"class":5343},"%\"",[5303,6831,5347],{"class":5313},[5303,6833,6834],{"class":5443},"ha",[5303,6836,5470],{"class":5313},[5303,6838,6839],{"class":5343},"\"center\"",[5303,6841,5347],{"class":5313},[5303,6843,6844],{"class":5443},"va",[5303,6846,5470],{"class":5313},[5303,6848,6849],{"class":5343},"\"bottom\"",[5303,6851,5347],{"class":5313},[5303,6853,5716],{"class":5443},[5303,6855,5470],{"class":5313},[5303,6857,6449],{"class":5377},[5303,6859,5347],{"class":5313},[5303,6861,5706],{"class":5443},[5303,6863,5470],{"class":5313},[5303,6865,6381],{"class":5343},[5303,6867,5486],{"class":5313},[5303,6869,6870],{"class":5305,"line":5511},[5303,6871,5327],{"emptyLinePlaceholder":5326},[5303,6873,6874,6876,6879],{"class":5305,"line":5522},[5303,6875,5514],{"class":5313},[5303,6877,6878],{"class":5343},"\"Топ-5 мов програмування за популярністю (2026)\"",[5303,6880,6362],{"class":5313},[5303,6882,6883,6885,6887,6889,6891,6893,6895,6897],{"class":5305,"line":5558},[5303,6884,6367],{"class":5443},[5303,6886,5470],{"class":5313},[5303,6888,6372],{"class":5377},[5303,6890,5347],{"class":5313},[5303,6892,5706],{"class":5443},[5303,6894,5470],{"class":5313},[5303,6896,6381],{"class":5343},[5303,6898,5486],{"class":5313},[5303,6900,6901,6903,6906,6908,6910,6912,6914],{"class":5305,"line":5563},[5303,6902,5503],{"class":5313},[5303,6904,6905],{"class":5343},"\"Популярність (%)\"",[5303,6907,5347],{"class":5313},[5303,6909,5716],{"class":5443},[5303,6911,5470],{"class":5313},[5303,6913,5378],{"class":5377},[5303,6915,5486],{"class":5313},[5303,6917,6918,6920,6923,6925,6927,6929,6931],{"class":5305,"line":5568},[5303,6919,5492],{"class":5313},[5303,6921,6922],{"class":5343},"\"Мова програмування\"",[5303,6924,5347],{"class":5313},[5303,6926,5716],{"class":5443},[5303,6928,5470],{"class":5313},[5303,6930,5378],{"class":5377},[5303,6932,5486],{"class":5313},[5303,6934,6935,6937,6939,6941,6944],{"class":5305,"line":5574},[5303,6936,5804],{"class":5313},[5303,6938,5807],{"class":5377},[5303,6940,5347],{"class":5313},[5303,6942,6943],{"class":5377},"100",[5303,6945,5486],{"class":5313},[5303,6947,6948,6950,6952,6954,6956,6958,6960,6962,6964],{"class":5305,"line":5593},[5303,6949,5525],{"class":5313},[5303,6951,5528],{"class":5443},[5303,6953,5470],{"class":5313},[5303,6955,6462],{"class":5343},[5303,6957,5347],{"class":5313},[5303,6959,5548],{"class":5443},[5303,6961,5470],{"class":5313},[5303,6963,6471],{"class":5377},[5303,6965,5486],{"class":5313},[5303,6967,6968],{"class":5305,"line":5598},[5303,6969,5327],{"emptyLinePlaceholder":5326},[5303,6971,6972],{"class":5305,"line":5604},[5303,6973,6482],{"class":5313},[5303,6975,6976],{"class":5305,"line":5640},[5303,6977,5423],{"class":5313},[5850,6979,6980],{"v-slot:output":5298},[5853,6981],{"alt":6618,"className":6982,"src":6983},[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F02.png",[6985,6986,6987,6992,7100,7107],"tip",{},[5261,6988,6989],{},[5224,6990,6991],{},"Додавання підписів над стовпцями:",[5293,6993,6995],{"className":5295,"code":6994,"language":5297,"meta":5298,"style":5298},"for bar in bars:\n    height = bar.get_height()\n    ax.text(bar.get_x() + bar.get_width()\u002F2,  # Центр стовпця по X\n            height + offset,                   # Трохи вище стовпця\n            f\"{height:.1f}\",                   # Текст (форматоване значення)\n            ha=\"center\",                       # Горизонтальне вирівнювання\n            va=\"bottom\",                       # Вертикальне вирівнювання\n            fontsize=10, fontweight=\"bold\")\n",[5300,6996,6997,7007,7011,7023,7031,7052,7067,7081],{"__ignoreMap":5298},[5303,6998,6999,7001,7003,7005],{"class":5305,"line":5306},[5303,7000,6779],{"class":5309},[5303,7002,6782],{"class":5313},[5303,7004,5634],{"class":5309},[5303,7006,6787],{"class":5313},[5303,7008,7009],{"class":5305,"line":5323},[5303,7010,6792],{"class":5313},[5303,7012,7013,7015,7017,7020],{"class":5305,"line":5330},[5303,7014,6797],{"class":5313},[5303,7016,6800],{"class":5377},[5303,7018,7019],{"class":5313},",  ",[5303,7021,7022],{"class":5333},"# Центр стовпця по X\n",[5303,7024,7025,7028],{"class":5305,"line":5337},[5303,7026,7027],{"class":5313},"            height + offset,                   ",[5303,7029,7030],{"class":5333},"# Трохи вище стовпця\n",[5303,7032,7033,7035,7037,7039,7041,7044,7046,7049],{"class":5305,"line":5371},[5303,7034,6814],{"class":6813},[5303,7036,6817],{"class":5343},[5303,7038,6820],{"class":6813},[5303,7040,6823],{"class":5313},[5303,7042,7043],{"class":6813},":.1f}",[5303,7045,6817],{"class":5343},[5303,7047,7048],{"class":5313},",                   ",[5303,7050,7051],{"class":5333},"# Текст (форматоване значення)\n",[5303,7053,7054,7057,7059,7061,7064],{"class":5305,"line":5403},[5303,7055,7056],{"class":5443},"            ha",[5303,7058,5470],{"class":5313},[5303,7060,6839],{"class":5343},[5303,7062,7063],{"class":5313},",                       ",[5303,7065,7066],{"class":5333},"# Горизонтальне вирівнювання\n",[5303,7068,7069,7072,7074,7076,7078],{"class":5305,"line":5408},[5303,7070,7071],{"class":5443},"            va",[5303,7073,5470],{"class":5313},[5303,7075,6849],{"class":5343},[5303,7077,7063],{"class":5313},[5303,7079,7080],{"class":5333},"# Вертикальне вирівнювання\n",[5303,7082,7083,7086,7088,7090,7092,7094,7096,7098],{"class":5305,"line":5414},[5303,7084,7085],{"class":5443},"            fontsize",[5303,7087,5470],{"class":5313},[5303,7089,5779],{"class":5377},[5303,7091,5347],{"class":5313},[5303,7093,5706],{"class":5443},[5303,7095,5470],{"class":5313},[5303,7097,6381],{"class":5343},[5303,7099,5486],{"class":5313},[5261,7101,7102],{},[5853,7103],{"alt":7104,"className":7105,"src":7106},"Автоматичні підписи над вершинами стовпців",[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F03.png",[5261,7108,7109,7110,7113],{},"Це робить графік ",[5224,7111,7112],{},"самодостатнім"," — не потрібно вдивлятися в сітку, щоб дізнатися точне значення.",[5281,7115,7117,7118],{"id":7116},"повна-сигнатура-та-анатомія-параметрів-axbar","Повна сигнатура та анатомія параметрів ",[5300,7119,7120],{},"ax.bar()",[5261,7122,7123,7124,7126,7127,7130,7131,5267],{},"Метод ",[5300,7125,7120],{}," будує прямокутні стовпці вертикально від базової лінії (за замовчуванням $y=0$). Він повертає об'єкт ",[5300,7128,7129],{},"BarContainer",", що містить список графічних прямокутників ",[5300,7132,7133],{},"matplotlib.patches.Rectangle",[5293,7135,7137],{"className":5295,"code":7136,"language":5297,"meta":5298,"style":5298},"ax.bar(\n    x,\n    height,\n    width=0.8,\n    bottom=None,\n    *,\n    align='center',\n    data=None,\n    **kwargs\n) -> BarContainer\n",[5300,7138,7139,7144,7149,7154,7166,7178,7183,7195,7206,7211],{"__ignoreMap":5298},[5303,7140,7141],{"class":5305,"line":5306},[5303,7142,7143],{"class":5313},"ax.bar(\n",[5303,7145,7146],{"class":5305,"line":5323},[5303,7147,7148],{"class":5313},"    x,\n",[5303,7150,7151],{"class":5305,"line":5330},[5303,7152,7153],{"class":5313},"    height,\n",[5303,7155,7156,7159,7161,7164],{"class":5305,"line":5337},[5303,7157,7158],{"class":5443},"    width",[5303,7160,5470],{"class":5313},[5303,7162,7163],{"class":5377},"0.8",[5303,7165,6808],{"class":5313},[5303,7167,7168,7171,7173,7176],{"class":5305,"line":5371},[5303,7169,7170],{"class":5443},"    bottom",[5303,7172,5470],{"class":5313},[5303,7174,7175],{"class":6813},"None",[5303,7177,6808],{"class":5313},[5303,7179,7180],{"class":5305,"line":5403},[5303,7181,7182],{"class":5313},"    *,\n",[5303,7184,7185,7188,7190,7193],{"class":5305,"line":5408},[5303,7186,7187],{"class":5443},"    align",[5303,7189,5470],{"class":5313},[5303,7191,7192],{"class":5343},"'center'",[5303,7194,6808],{"class":5313},[5303,7196,7197,7200,7202,7204],{"class":5305,"line":5414},[5303,7198,7199],{"class":5443},"    data",[5303,7201,5470],{"class":5313},[5303,7203,7175],{"class":6813},[5303,7205,6808],{"class":5313},[5303,7207,7208],{"class":5305,"line":5420},[5303,7209,7210],{"class":5313},"    **kwargs\n",[5303,7212,7213,7216,7220],{"class":5305,"line":5426},[5303,7214,7215],{"class":5313},") ",[5303,7217,7219],{"class":7218},"se1LK","->",[5303,7221,7222],{"class":5313}," BarContainer\n",[6541,7224,7225,7241],{},[6544,7226,7227],{},[6547,7228,7229,7232,7235,7238],{},[6550,7230,7231],{"align":6552},"Параметр",[6550,7233,7234],{"align":6552},"Тип",[6550,7236,7237],{"align":6552},"За замовчуванням",[6550,7239,7240],{"align":6552},"Опис та інженерне призначення",[6558,7242,7243,7264,7284,7305,7326,7345,7364,7381,7400,7417],{},[6547,7244,7245,7250,7255,7261],{},[6563,7246,7247],{"align":6552},[5300,7248,7249],{},"x",[6563,7251,7252],{"align":6552},[5300,7253,7254],{},"float | ArrayLike",[6563,7256,7257],{"align":6552},[7258,7259,7260],"em",{},"обов'язковий",[6563,7262,7263],{"align":6552},"Координати X (числа або список категоріальних текстових міток).",[6547,7265,7266,7270,7274,7278],{},[6563,7267,7268],{"align":6552},[5300,7269,6823],{},[6563,7271,7272],{"align":6552},[5300,7273,7254],{},[6563,7275,7276],{"align":6552},[7258,7277,7260],{},[6563,7279,7280,7283],{"align":6552},[5224,7281,7282],{},"Висота стовпців"," (числові значення вимірюваної величини).",[6547,7285,7286,7290,7294,7298],{},[6563,7287,7288],{"align":6552},[5300,7289,5670],{},[6563,7291,7292],{"align":6552},[5300,7293,7254],{},[6563,7295,7296],{"align":6552},[5300,7297,7163],{},[6563,7299,7300,7301,7304],{"align":6552},"Ширина стовпців. Значення ",[5300,7302,7303],{},"width=1.0"," робить стовпці впритул без проміжків.",[6547,7306,7307,7312,7316,7320],{},[6563,7308,7309],{"align":6552},[5300,7310,7311],{},"bottom",[6563,7313,7314],{"align":6552},[5300,7315,7254],{},[6563,7317,7318],{"align":6552},[5300,7319,5807],{},[6563,7321,7322,7325],{"align":6552},[5224,7323,7324],{},"Нижня координата стовпця",". Використовується для побудови складених стовпців (Stacked bars).",[6547,7327,7328,7333,7338,7342],{},[6563,7329,7330],{"align":6552},[5300,7331,7332],{},"align",[6563,7334,7335],{"align":6552},[5300,7336,7337],{},"{'center', 'edge'}",[6563,7339,7340],{"align":6552},[5300,7341,7192],{},[6563,7343,7344],{"align":6552},"Вирівнювання відносно координати $x$: по центру або по лівому краю.",[6547,7346,7347,7351,7356,7361],{},[6563,7348,7349],{"align":6552},[5300,7350,5467],{},[6563,7352,7353],{"align":6552},[5300,7354,7355],{},"color | Sequence",[6563,7357,7358,7360],{"align":6552},[5300,7359,7175],{}," (C0)",[6563,7362,7363],{"align":6552},"Колір заливки стовпців (можна передати список для вибіркового акцентування).",[6547,7365,7366,7370,7374,7378],{},[6563,7367,7368],{"align":6552},[5300,7369,5478],{},[6563,7371,7372],{"align":6552},[5300,7373,7355],{},[6563,7375,7376],{"align":6552},[5300,7377,7175],{},[6563,7379,7380],{"align":6552},"Колір обведення контуру стовпців (додає чіткості).",[6547,7382,7383,7387,7392,7397],{},[6563,7384,7385],{"align":6552},[5300,7386,5660],{},[6563,7388,7389],{"align":6552},[5300,7390,7391],{},"float",[6563,7393,7394],{"align":6552},[5300,7395,7396],{},"rcParams",[6563,7398,7399],{"align":6552},"Товщина лінії контуру стовпця.",[6547,7401,7402,7406,7410,7414],{},[6563,7403,7404],{"align":6552},[5300,7405,5895],{},[6563,7407,7408],{"align":6552},[5300,7409,7254],{},[6563,7411,7412],{"align":6552},[5300,7413,7175],{},[6563,7415,7416],{"align":6552},"Планки похибок (error bars) для відображення дисперсії, STD або довірчого інтервалу.",[6547,7418,7419,7424,7428,7432],{},[6563,7420,7421],{"align":6552},[5300,7422,7423],{},"capsize",[6563,7425,7426],{"align":6552},[5300,7427,7391],{},[6563,7429,7430],{"align":6552},[5300,7431,5807],{},[6563,7433,7434],{"align":6552},"Довжина горизонтальних засічок на планках похибок (у пунктах).",[6985,7436,7437,7446,7453,7497],{},[5261,7438,7439],{},[5224,7440,7441,7442,7445],{},"Сучасний метод ",[5300,7443,7444],{},"ax.bar_label()"," (Matplotlib 3.4+)",[5261,7447,7448,7449,7452],{},"Замість написання ручних циклів з ",[5300,7450,7451],{},"for bar in bars: ax.text(...)",", сучасний Matplotlib надає високорівневий метод:",[5293,7454,7456],{"className":5295,"code":7455,"language":5297,"meta":5298,"style":5298},"bars = ax.bar(categories, values)\nax.bar_label(bars, padding=3, fmt=\"%.1f\", fontweight=\"bold\")\n",[5300,7457,7458,7463],{"__ignoreMap":5298},[5303,7459,7460],{"class":5305,"line":5306},[5303,7461,7462],{"class":5313},"bars = ax.bar(categories, values)\n",[5303,7464,7465,7467,7469,7471,7473,7475,7478,7480,7482,7485,7487,7489,7491,7493,7495],{"class":5305,"line":5323},[5303,7466,5693],{"class":5313},[5303,7468,5696],{"class":5443},[5303,7470,5470],{"class":5313},[5303,7472,5701],{"class":5377},[5303,7474,5347],{"class":5313},[5303,7476,7477],{"class":5443},"fmt",[5303,7479,5470],{"class":5313},[5303,7481,6817],{"class":5343},[5303,7483,7484],{"class":6813},"%.1f",[5303,7486,6817],{"class":5343},[5303,7488,5347],{"class":5313},[5303,7490,5706],{"class":5443},[5303,7492,5470],{"class":5313},[5303,7494,6381],{"class":5343},[5303,7496,5486],{"class":5313},[5261,7498,7499,7500,7502,7503,7505],{},"Параметр ",[5300,7501,5696],{}," задає відступ тексту від вершини стовпця, а ",[5300,7504,7477],{}," — формат виведення чисел.",[5272,7507,7509,7518],{"title":7508,"kernel":5275},"bar_parameters_deep_dive.ipynb",[5277,7510,7511,7515],{"type":5279},[5281,7512,7514],{"id":7513},"дослідження-параметрів-axbar-ширина-вирівнювання-похибки-та-стилізація","Дослідження параметрів ax.bar(): ширина, вирівнювання, похибки та стилізація",[5261,7516,7517],{},"Порівняння значень width, центровок align, планок похибок yerr та комбінування bottom із штрихуванням",[5277,7519,7521,8673],{"execution-count":5290,"execution-time":7520},"0.22s",[5293,7522,7524],{"className":5295,"code":7523,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\ncats = ['Node 1', 'Node 2', 'Node 3', 'Node 4']\nvals = [42, 68, 55, 83]\nerrs = [4, 6, 5, 8]\nx = np.arange(len(cats))\n\nfig, axes = plt.subplots(2, 2, figsize=(13, 9.5))\n\n# 1. Варіації width (ширина стовпців)\naxes[0, 0].bar(x - 0.25, vals, width=0.2, color='#0284c7', label=\"width = 0.2 (вузькі)\")\naxes[0, 0].bar(x, vals, width=0.45, color='#0ea5e9', label=\"width = 0.45 (стандарт)\")\naxes[0, 0].bar(x + 0.25, vals, width=0.8, color='#38bdf8', alpha=0.4, label=\"width = 0.8 (широкі)\")\naxes[0, 0].set_title(\"Параметр width: керування шириною стовпця\", fontweight='bold')\naxes[0, 0].set_xticks(x)\naxes[0, 0].set_xticklabels(cats)\naxes[0, 0].set_ylabel(\"Навантаження CPU (%)\")\naxes[0, 0].legend()\naxes[0, 0].grid(axis='y', linestyle=':', alpha=0.6)\n\n# 2. Параметр align: 'center' vs 'edge'\naxes[0, 1].bar(x, vals, width=0.4, align='center', color='#8b5cf6', alpha=0.7, label=\"align='center' (по центру мітки)\")\naxes[0, 1].bar(x, [v * 0.7 for v in vals], width=0.4, align='edge', color='#ec4899', alpha=0.7, label=\"align='edge' (по краю мітки)\")\naxes[0, 1].set_title(\"Параметр align: центрування відносно tick\", fontweight='bold')\naxes[0, 1].set_xticks(x)\naxes[0, 1].set_xticklabels(cats)\naxes[0, 1].set_ylabel(\"Навантаження CPU (%)\")\naxes[0, 1].legend()\naxes[0, 1].grid(axis='y', linestyle=':', alpha=0.6)\n\n# 3. Планки похибок: yerr та capsize\nb_err = axes[1, 0].bar(cats, vals, yerr=errs, capsize=6, color='#10b981', edgecolor='#064e3b', linewidth=1.2, width=0.55)\naxes[1, 0].bar_label(b_err, padding=7, fmt='%.0f%%', fontweight='bold', fontsize=9)\naxes[1, 0].set_title(\"Параметри yerr та capsize: планки розкиду \u002F STD\", fontweight='bold')\naxes[1, 0].set_ylabel(\"Середнє CPU % ± STD\")\naxes[1, 0].set_ylim(0, 105)\naxes[1, 0].grid(axis='y', linestyle=':', alpha=0.6)\n\n# 4. Стилізація та контури: color, edgecolor, linewidth, bottom, hatch\nbase = [15, 20, 10, 25]\naxes[1, 1].bar(cats, base, color='#cbd5e1', edgecolor='#475569', linewidth=1, label=\"Базовий рівень (bottom)\", width=0.55)\naxes[1, 1].bar(cats, vals, bottom=base, color='#f59e0b', edgecolor='#78350f', linewidth=1.5, hatch='\u002F\u002F', label=\"Додаткове навантаження\", width=0.55)\naxes[1, 1].set_title(\"Параметри bottom, edgecolor та hatch: шарувата структура\", fontweight='bold')\naxes[1, 1].set_ylabel(\"Сумарне навантаження (%)\")\naxes[1, 1].legend()\naxes[1, 1].grid(axis='y', linestyle=':', alpha=0.6)\n\nplt.tight_layout()\nplt.show()\n",[5300,7525,7526,7536,7546,7550,7575,7600,7622,7631,7635,7661,7665,7670,7717,7757,7809,7835,7848,7861,7879,7892,7929,7933,7938,7993,8061,8086,8098,8110,8126,8138,8174,8178,8183,8245,8297,8322,8340,8363,8400,8405,8411,8436,8493,8564,8590,8608,8621,8658,8663,8668],{"__ignoreMap":5298},[5303,7527,7528,7530,7532,7534],{"class":5305,"line":5306},[5303,7529,5310],{"class":5309},[5303,7531,5314],{"class":5313},[5303,7533,5317],{"class":5309},[5303,7535,5320],{"class":5313},[5303,7537,7538,7540,7542,7544],{"class":5305,"line":5323},[5303,7539,5310],{"class":5309},[5303,7541,6042],{"class":5313},[5303,7543,5317],{"class":5309},[5303,7545,6047],{"class":5313},[5303,7547,7548],{"class":5305,"line":5330},[5303,7549,5327],{"emptyLinePlaceholder":5326},[5303,7551,7552,7555,7558,7560,7563,7565,7568,7570,7573],{"class":5305,"line":5337},[5303,7553,7554],{"class":5313},"cats = [",[5303,7556,7557],{"class":5343},"'Node 1'",[5303,7559,5347],{"class":5313},[5303,7561,7562],{"class":5343},"'Node 2'",[5303,7564,5347],{"class":5313},[5303,7566,7567],{"class":5343},"'Node 3'",[5303,7569,5347],{"class":5313},[5303,7571,7572],{"class":5343},"'Node 4'",[5303,7574,5368],{"class":5313},[5303,7576,7577,7580,7583,7585,7588,7590,7593,7595,7598],{"class":5305,"line":5371},[5303,7578,7579],{"class":5313},"vals = [",[5303,7581,7582],{"class":5377},"42",[5303,7584,5347],{"class":5313},[5303,7586,7587],{"class":5377},"68",[5303,7589,5347],{"class":5313},[5303,7591,7592],{"class":5377},"55",[5303,7594,5347],{"class":5313},[5303,7596,7597],{"class":5377},"83",[5303,7599,5368],{"class":5313},[5303,7601,7602,7605,7607,7609,7611,7613,7616,7618,7620],{"class":5305,"line":5403},[5303,7603,7604],{"class":5313},"errs = [",[5303,7606,5455],{"class":5377},[5303,7608,5347],{"class":5313},[5303,7610,6194],{"class":5377},[5303,7612,5347],{"class":5313},[5303,7614,7615],{"class":5377},"5",[5303,7617,5347],{"class":5313},[5303,7619,5388],{"class":5377},[5303,7621,5368],{"class":5313},[5303,7623,7624,7626,7628],{"class":5305,"line":5408},[5303,7625,6160],{"class":5313},[5303,7627,6164],{"class":6163},[5303,7629,7630],{"class":5313},"(cats))\n",[5303,7632,7633],{"class":5305,"line":5414},[5303,7634,5327],{"emptyLinePlaceholder":5326},[5303,7636,7637,7640,7642,7644,7646,7648,7650,7652,7655,7657,7659],{"class":5305,"line":5420},[5303,7638,7639],{"class":5313},"fig, axes = plt.subplots(",[5303,7641,6800],{"class":5377},[5303,7643,5347],{"class":5313},[5303,7645,6800],{"class":5377},[5303,7647,5347],{"class":5313},[5303,7649,5444],{"class":5443},[5303,7651,5447],{"class":5313},[5303,7653,7654],{"class":5377},"13",[5303,7656,5347],{"class":5313},[5303,7658,5721],{"class":5377},[5303,7660,5458],{"class":5313},[5303,7662,7663],{"class":5305,"line":5426},[5303,7664,5327],{"emptyLinePlaceholder":5326},[5303,7666,7667],{"class":5305,"line":5431},[5303,7668,7669],{"class":5333},"# 1. Варіації width (ширина стовпців)\n",[5303,7671,7672,7675,7677,7679,7681,7684,7687,7690,7692,7694,7697,7699,7701,7703,7706,7708,7710,7712,7715],{"class":5305,"line":5437},[5303,7673,7674],{"class":5313},"axes[",[5303,7676,5807],{"class":5377},[5303,7678,5347],{"class":5313},[5303,7680,5807],{"class":5377},[5303,7682,7683],{"class":5313},"].bar(x - ",[5303,7685,7686],{"class":5377},"0.25",[5303,7688,7689],{"class":5313},", vals, ",[5303,7691,5670],{"class":5443},[5303,7693,5470],{"class":5313},[5303,7695,7696],{"class":5377},"0.2",[5303,7698,5347],{"class":5313},[5303,7700,5467],{"class":5443},[5303,7702,5470],{"class":5313},[5303,7704,7705],{"class":5343},"'#0284c7'",[5303,7707,5347],{"class":5313},[5303,7709,6214],{"class":5443},[5303,7711,5470],{"class":5313},[5303,7713,7714],{"class":5343},"\"width = 0.2 (вузькі)\"",[5303,7716,5486],{"class":5313},[5303,7718,7719,7721,7723,7725,7727,7730,7732,7734,7737,7739,7741,7743,7746,7748,7750,7752,7755],{"class":5305,"line":5461},[5303,7720,7674],{"class":5313},[5303,7722,5807],{"class":5377},[5303,7724,5347],{"class":5313},[5303,7726,5807],{"class":5377},[5303,7728,7729],{"class":5313},"].bar(x, vals, ",[5303,7731,5670],{"class":5443},[5303,7733,5470],{"class":5313},[5303,7735,7736],{"class":5377},"0.45",[5303,7738,5347],{"class":5313},[5303,7740,5467],{"class":5443},[5303,7742,5470],{"class":5313},[5303,7744,7745],{"class":5343},"'#0ea5e9'",[5303,7747,5347],{"class":5313},[5303,7749,6214],{"class":5443},[5303,7751,5470],{"class":5313},[5303,7753,7754],{"class":5343},"\"width = 0.45 (стандарт)\"",[5303,7756,5486],{"class":5313},[5303,7758,7759,7761,7763,7765,7767,7770,7772,7774,7776,7778,7780,7782,7784,7786,7789,7791,7793,7795,7798,7800,7802,7804,7807],{"class":5305,"line":5489},[5303,7760,7674],{"class":5313},[5303,7762,5807],{"class":5377},[5303,7764,5347],{"class":5313},[5303,7766,5807],{"class":5377},[5303,7768,7769],{"class":5313},"].bar(x + ",[5303,7771,7686],{"class":5377},[5303,7773,7689],{"class":5313},[5303,7775,5670],{"class":5443},[5303,7777,5470],{"class":5313},[5303,7779,7163],{"class":5377},[5303,7781,5347],{"class":5313},[5303,7783,5467],{"class":5443},[5303,7785,5470],{"class":5313},[5303,7787,7788],{"class":5343},"'#38bdf8'",[5303,7790,5347],{"class":5313},[5303,7792,5548],{"class":5443},[5303,7794,5470],{"class":5313},[5303,7796,7797],{"class":5377},"0.4",[5303,7799,5347],{"class":5313},[5303,7801,6214],{"class":5443},[5303,7803,5470],{"class":5313},[5303,7805,7806],{"class":5343},"\"width = 0.8 (широкі)\"",[5303,7808,5486],{"class":5313},[5303,7810,7811,7813,7815,7817,7819,7822,7825,7827,7829,7831,7833],{"class":5305,"line":5500},[5303,7812,7674],{"class":5313},[5303,7814,5807],{"class":5377},[5303,7816,5347],{"class":5313},[5303,7818,5807],{"class":5377},[5303,7820,7821],{"class":5313},"].set_title(",[5303,7823,7824],{"class":5343},"\"Параметр width: керування шириною стовпця\"",[5303,7826,5347],{"class":5313},[5303,7828,5706],{"class":5443},[5303,7830,5470],{"class":5313},[5303,7832,5711],{"class":5343},[5303,7834,5486],{"class":5313},[5303,7836,7837,7839,7841,7843,7845],{"class":5305,"line":5511},[5303,7838,7674],{"class":5313},[5303,7840,5807],{"class":5377},[5303,7842,5347],{"class":5313},[5303,7844,5807],{"class":5377},[5303,7846,7847],{"class":5313},"].set_xticks(x)\n",[5303,7849,7850,7852,7854,7856,7858],{"class":5305,"line":5522},[5303,7851,7674],{"class":5313},[5303,7853,5807],{"class":5377},[5303,7855,5347],{"class":5313},[5303,7857,5807],{"class":5377},[5303,7859,7860],{"class":5313},"].set_xticklabels(cats)\n",[5303,7862,7863,7865,7867,7869,7871,7874,7877],{"class":5305,"line":5558},[5303,7864,7674],{"class":5313},[5303,7866,5807],{"class":5377},[5303,7868,5347],{"class":5313},[5303,7870,5807],{"class":5377},[5303,7872,7873],{"class":5313},"].set_ylabel(",[5303,7875,7876],{"class":5343},"\"Навантаження CPU (%)\"",[5303,7878,5486],{"class":5313},[5303,7880,7881,7883,7885,7887,7889],{"class":5305,"line":5563},[5303,7882,7674],{"class":5313},[5303,7884,5807],{"class":5377},[5303,7886,5347],{"class":5313},[5303,7888,5807],{"class":5377},[5303,7890,7891],{"class":5313},"].legend()\n",[5303,7893,7894,7896,7898,7900,7902,7905,7907,7909,7911,7913,7915,7917,7919,7921,7923,7925,7927],{"class":5305,"line":5568},[5303,7895,7674],{"class":5313},[5303,7897,5807],{"class":5377},[5303,7899,5347],{"class":5313},[5303,7901,5807],{"class":5377},[5303,7903,7904],{"class":5313},"].grid(",[5303,7906,5528],{"class":5443},[5303,7908,5470],{"class":5313},[5303,7910,5533],{"class":5343},[5303,7912,5347],{"class":5313},[5303,7914,5538],{"class":5443},[5303,7916,5470],{"class":5313},[5303,7918,5543],{"class":5343},[5303,7920,5347],{"class":5313},[5303,7922,5548],{"class":5443},[5303,7924,5470],{"class":5313},[5303,7926,5553],{"class":5377},[5303,7928,5486],{"class":5313},[5303,7930,7931],{"class":5305,"line":5574},[5303,7932,5327],{"emptyLinePlaceholder":5326},[5303,7934,7935],{"class":5305,"line":5593},[5303,7936,7937],{"class":5333},"# 2. Параметр align: 'center' vs 'edge'\n",[5303,7939,7940,7942,7944,7946,7948,7950,7952,7954,7956,7958,7960,7962,7964,7966,7968,7970,7973,7975,7977,7979,7982,7984,7986,7988,7991],{"class":5305,"line":5598},[5303,7941,7674],{"class":5313},[5303,7943,5807],{"class":5377},[5303,7945,5347],{"class":5313},[5303,7947,5290],{"class":5377},[5303,7949,7729],{"class":5313},[5303,7951,5670],{"class":5443},[5303,7953,5470],{"class":5313},[5303,7955,7797],{"class":5377},[5303,7957,5347],{"class":5313},[5303,7959,7332],{"class":5443},[5303,7961,5470],{"class":5313},[5303,7963,7192],{"class":5343},[5303,7965,5347],{"class":5313},[5303,7967,5467],{"class":5443},[5303,7969,5470],{"class":5313},[5303,7971,7972],{"class":5343},"'#8b5cf6'",[5303,7974,5347],{"class":5313},[5303,7976,5548],{"class":5443},[5303,7978,5470],{"class":5313},[5303,7980,7981],{"class":5377},"0.7",[5303,7983,5347],{"class":5313},[5303,7985,6214],{"class":5443},[5303,7987,5470],{"class":5313},[5303,7989,7990],{"class":5343},"\"align='center' (по центру мітки)\"",[5303,7992,5486],{"class":5313},[5303,7994,7995,7997,7999,8001,8003,8006,8008,8010,8013,8015,8018,8020,8022,8024,8026,8028,8030,8033,8035,8037,8039,8042,8044,8046,8048,8050,8052,8054,8056,8059],{"class":5305,"line":5604},[5303,7996,7674],{"class":5313},[5303,7998,5807],{"class":5377},[5303,8000,5347],{"class":5313},[5303,8002,5290],{"class":5377},[5303,8004,8005],{"class":5313},"].bar(x, [v * ",[5303,8007,7981],{"class":5377},[5303,8009,5628],{"class":5309},[5303,8011,8012],{"class":5313}," v ",[5303,8014,5634],{"class":5309},[5303,8016,8017],{"class":5313}," vals], ",[5303,8019,5670],{"class":5443},[5303,8021,5470],{"class":5313},[5303,8023,7797],{"class":5377},[5303,8025,5347],{"class":5313},[5303,8027,7332],{"class":5443},[5303,8029,5470],{"class":5313},[5303,8031,8032],{"class":5343},"'edge'",[5303,8034,5347],{"class":5313},[5303,8036,5467],{"class":5443},[5303,8038,5470],{"class":5313},[5303,8040,8041],{"class":5343},"'#ec4899'",[5303,8043,5347],{"class":5313},[5303,8045,5548],{"class":5443},[5303,8047,5470],{"class":5313},[5303,8049,7981],{"class":5377},[5303,8051,5347],{"class":5313},[5303,8053,6214],{"class":5443},[5303,8055,5470],{"class":5313},[5303,8057,8058],{"class":5343},"\"align='edge' (по краю мітки)\"",[5303,8060,5486],{"class":5313},[5303,8062,8063,8065,8067,8069,8071,8073,8076,8078,8080,8082,8084],{"class":5305,"line":5640},[5303,8064,7674],{"class":5313},[5303,8066,5807],{"class":5377},[5303,8068,5347],{"class":5313},[5303,8070,5290],{"class":5377},[5303,8072,7821],{"class":5313},[5303,8074,8075],{"class":5343},"\"Параметр align: центрування відносно tick\"",[5303,8077,5347],{"class":5313},[5303,8079,5706],{"class":5443},[5303,8081,5470],{"class":5313},[5303,8083,5711],{"class":5343},[5303,8085,5486],{"class":5313},[5303,8087,8088,8090,8092,8094,8096],{"class":5305,"line":5679},[5303,8089,7674],{"class":5313},[5303,8091,5807],{"class":5377},[5303,8093,5347],{"class":5313},[5303,8095,5290],{"class":5377},[5303,8097,7847],{"class":5313},[5303,8099,8100,8102,8104,8106,8108],{"class":5305,"line":5684},[5303,8101,7674],{"class":5313},[5303,8103,5807],{"class":5377},[5303,8105,5347],{"class":5313},[5303,8107,5290],{"class":5377},[5303,8109,7860],{"class":5313},[5303,8111,8112,8114,8116,8118,8120,8122,8124],{"class":5305,"line":5690},[5303,8113,7674],{"class":5313},[5303,8115,5807],{"class":5377},[5303,8117,5347],{"class":5313},[5303,8119,5290],{"class":5377},[5303,8121,7873],{"class":5313},[5303,8123,7876],{"class":5343},[5303,8125,5486],{"class":5313},[5303,8127,8128,8130,8132,8134,8136],{"class":5305,"line":5735},[5303,8129,7674],{"class":5313},[5303,8131,5807],{"class":5377},[5303,8133,5347],{"class":5313},[5303,8135,5290],{"class":5377},[5303,8137,7891],{"class":5313},[5303,8139,8140,8142,8144,8146,8148,8150,8152,8154,8156,8158,8160,8162,8164,8166,8168,8170,8172],{"class":5305,"line":5740},[5303,8141,7674],{"class":5313},[5303,8143,5807],{"class":5377},[5303,8145,5347],{"class":5313},[5303,8147,5290],{"class":5377},[5303,8149,7904],{"class":5313},[5303,8151,5528],{"class":5443},[5303,8153,5470],{"class":5313},[5303,8155,5533],{"class":5343},[5303,8157,5347],{"class":5313},[5303,8159,5538],{"class":5443},[5303,8161,5470],{"class":5313},[5303,8163,5543],{"class":5343},[5303,8165,5347],{"class":5313},[5303,8167,5548],{"class":5443},[5303,8169,5470],{"class":5313},[5303,8171,5553],{"class":5377},[5303,8173,5486],{"class":5313},[5303,8175,8176],{"class":5305,"line":5766},[5303,8177,5327],{"emptyLinePlaceholder":5326},[5303,8179,8180],{"class":5305,"line":5784},[5303,8181,8182],{"class":5333},"# 3. Планки похибок: yerr та capsize\n",[5303,8184,8185,8188,8190,8192,8194,8197,8199,8202,8204,8206,8208,8210,8212,8214,8217,8219,8221,8223,8226,8228,8230,8232,8234,8236,8238,8240,8243],{"class":5305,"line":5801},[5303,8186,8187],{"class":5313},"b_err = axes[",[5303,8189,5290],{"class":5377},[5303,8191,5347],{"class":5313},[5303,8193,5807],{"class":5377},[5303,8195,8196],{"class":5313},"].bar(cats, vals, ",[5303,8198,5895],{"class":5443},[5303,8200,8201],{"class":5313},"=errs, ",[5303,8203,7423],{"class":5443},[5303,8205,5470],{"class":5313},[5303,8207,6194],{"class":5377},[5303,8209,5347],{"class":5313},[5303,8211,5467],{"class":5443},[5303,8213,5470],{"class":5313},[5303,8215,8216],{"class":5343},"'#10b981'",[5303,8218,5347],{"class":5313},[5303,8220,5478],{"class":5443},[5303,8222,5470],{"class":5313},[5303,8224,8225],{"class":5343},"'#064e3b'",[5303,8227,5347],{"class":5313},[5303,8229,5660],{"class":5443},[5303,8231,5470],{"class":5313},[5303,8233,5665],{"class":5377},[5303,8235,5347],{"class":5313},[5303,8237,5670],{"class":5443},[5303,8239,5470],{"class":5313},[5303,8241,8242],{"class":5377},"0.55",[5303,8244,5486],{"class":5313},[5303,8246,8247,8249,8251,8253,8255,8258,8260,8262,8264,8266,8268,8270,8273,8276,8278,8280,8282,8284,8286,8288,8290,8292,8295],{"class":5305,"line":5817},[5303,8248,7674],{"class":5313},[5303,8250,5290],{"class":5377},[5303,8252,5347],{"class":5313},[5303,8254,5807],{"class":5377},[5303,8256,8257],{"class":5313},"].bar_label(b_err, ",[5303,8259,5696],{"class":5443},[5303,8261,5470],{"class":5313},[5303,8263,5583],{"class":5377},[5303,8265,5347],{"class":5313},[5303,8267,7477],{"class":5443},[5303,8269,5470],{"class":5313},[5303,8271,8272],{"class":5343},"'",[5303,8274,8275],{"class":6813},"%.0f%%",[5303,8277,8272],{"class":5343},[5303,8279,5347],{"class":5313},[5303,8281,5706],{"class":5443},[5303,8283,5470],{"class":5313},[5303,8285,5711],{"class":5343},[5303,8287,5347],{"class":5313},[5303,8289,5716],{"class":5443},[5303,8291,5470],{"class":5313},[5303,8293,8294],{"class":5377},"9",[5303,8296,5486],{"class":5313},[5303,8298,8299,8301,8303,8305,8307,8309,8312,8314,8316,8318,8320],{"class":5305,"line":5846},[5303,8300,7674],{"class":5313},[5303,8302,5290],{"class":5377},[5303,8304,5347],{"class":5313},[5303,8306,5807],{"class":5377},[5303,8308,7821],{"class":5313},[5303,8310,8311],{"class":5343},"\"Параметри yerr та capsize: планки розкиду \u002F STD\"",[5303,8313,5347],{"class":5313},[5303,8315,5706],{"class":5443},[5303,8317,5470],{"class":5313},[5303,8319,5711],{"class":5343},[5303,8321,5486],{"class":5313},[5303,8323,8325,8327,8329,8331,8333,8335,8338],{"class":5305,"line":8324},36,[5303,8326,7674],{"class":5313},[5303,8328,5290],{"class":5377},[5303,8330,5347],{"class":5313},[5303,8332,5807],{"class":5377},[5303,8334,7873],{"class":5313},[5303,8336,8337],{"class":5343},"\"Середнє CPU % ± STD\"",[5303,8339,5486],{"class":5313},[5303,8341,8343,8345,8347,8349,8351,8354,8356,8358,8361],{"class":5305,"line":8342},37,[5303,8344,7674],{"class":5313},[5303,8346,5290],{"class":5377},[5303,8348,5347],{"class":5313},[5303,8350,5807],{"class":5377},[5303,8352,8353],{"class":5313},"].set_ylim(",[5303,8355,5807],{"class":5377},[5303,8357,5347],{"class":5313},[5303,8359,8360],{"class":5377},"105",[5303,8362,5486],{"class":5313},[5303,8364,8366,8368,8370,8372,8374,8376,8378,8380,8382,8384,8386,8388,8390,8392,8394,8396,8398],{"class":5305,"line":8365},38,[5303,8367,7674],{"class":5313},[5303,8369,5290],{"class":5377},[5303,8371,5347],{"class":5313},[5303,8373,5807],{"class":5377},[5303,8375,7904],{"class":5313},[5303,8377,5528],{"class":5443},[5303,8379,5470],{"class":5313},[5303,8381,5533],{"class":5343},[5303,8383,5347],{"class":5313},[5303,8385,5538],{"class":5443},[5303,8387,5470],{"class":5313},[5303,8389,5543],{"class":5343},[5303,8391,5347],{"class":5313},[5303,8393,5548],{"class":5443},[5303,8395,5470],{"class":5313},[5303,8397,5553],{"class":5377},[5303,8399,5486],{"class":5313},[5303,8401,8403],{"class":5305,"line":8402},39,[5303,8404,5327],{"emptyLinePlaceholder":5326},[5303,8406,8408],{"class":5305,"line":8407},40,[5303,8409,8410],{"class":5333},"# 4. Стилізація та контури: color, edgecolor, linewidth, bottom, hatch\n",[5303,8412,8414,8417,8420,8422,8425,8427,8429,8431,8434],{"class":5305,"line":8413},41,[5303,8415,8416],{"class":5313},"base = [",[5303,8418,8419],{"class":5377},"15",[5303,8421,5347],{"class":5313},[5303,8423,8424],{"class":5377},"20",[5303,8426,5347],{"class":5313},[5303,8428,5779],{"class":5377},[5303,8430,5347],{"class":5313},[5303,8432,8433],{"class":5377},"25",[5303,8435,5368],{"class":5313},[5303,8437,8439,8441,8443,8445,8447,8450,8452,8454,8457,8459,8461,8463,8466,8468,8470,8472,8474,8476,8478,8480,8483,8485,8487,8489,8491],{"class":5305,"line":8438},42,[5303,8440,7674],{"class":5313},[5303,8442,5290],{"class":5377},[5303,8444,5347],{"class":5313},[5303,8446,5290],{"class":5377},[5303,8448,8449],{"class":5313},"].bar(cats, base, ",[5303,8451,5467],{"class":5443},[5303,8453,5470],{"class":5313},[5303,8455,8456],{"class":5343},"'#cbd5e1'",[5303,8458,5347],{"class":5313},[5303,8460,5478],{"class":5443},[5303,8462,5470],{"class":5313},[5303,8464,8465],{"class":5343},"'#475569'",[5303,8467,5347],{"class":5313},[5303,8469,5660],{"class":5443},[5303,8471,5470],{"class":5313},[5303,8473,5290],{"class":5377},[5303,8475,5347],{"class":5313},[5303,8477,6214],{"class":5443},[5303,8479,5470],{"class":5313},[5303,8481,8482],{"class":5343},"\"Базовий рівень (bottom)\"",[5303,8484,5347],{"class":5313},[5303,8486,5670],{"class":5443},[5303,8488,5470],{"class":5313},[5303,8490,8242],{"class":5377},[5303,8492,5486],{"class":5313},[5303,8494,8496,8498,8500,8502,8504,8506,8508,8511,8513,8515,8518,8520,8522,8524,8527,8529,8531,8533,8535,8537,8540,8542,8545,8547,8549,8551,8554,8556,8558,8560,8562],{"class":5305,"line":8495},43,[5303,8497,7674],{"class":5313},[5303,8499,5290],{"class":5377},[5303,8501,5347],{"class":5313},[5303,8503,5290],{"class":5377},[5303,8505,8196],{"class":5313},[5303,8507,7311],{"class":5443},[5303,8509,8510],{"class":5313},"=base, ",[5303,8512,5467],{"class":5443},[5303,8514,5470],{"class":5313},[5303,8516,8517],{"class":5343},"'#f59e0b'",[5303,8519,5347],{"class":5313},[5303,8521,5478],{"class":5443},[5303,8523,5470],{"class":5313},[5303,8525,8526],{"class":5343},"'#78350f'",[5303,8528,5347],{"class":5313},[5303,8530,5660],{"class":5443},[5303,8532,5470],{"class":5313},[5303,8534,6208],{"class":5377},[5303,8536,5347],{"class":5313},[5303,8538,8539],{"class":5443},"hatch",[5303,8541,5470],{"class":5313},[5303,8543,8544],{"class":5343},"'\u002F\u002F'",[5303,8546,5347],{"class":5313},[5303,8548,6214],{"class":5443},[5303,8550,5470],{"class":5313},[5303,8552,8553],{"class":5343},"\"Додаткове навантаження\"",[5303,8555,5347],{"class":5313},[5303,8557,5670],{"class":5443},[5303,8559,5470],{"class":5313},[5303,8561,8242],{"class":5377},[5303,8563,5486],{"class":5313},[5303,8565,8567,8569,8571,8573,8575,8577,8580,8582,8584,8586,8588],{"class":5305,"line":8566},44,[5303,8568,7674],{"class":5313},[5303,8570,5290],{"class":5377},[5303,8572,5347],{"class":5313},[5303,8574,5290],{"class":5377},[5303,8576,7821],{"class":5313},[5303,8578,8579],{"class":5343},"\"Параметри bottom, edgecolor та hatch: шарувата структура\"",[5303,8581,5347],{"class":5313},[5303,8583,5706],{"class":5443},[5303,8585,5470],{"class":5313},[5303,8587,5711],{"class":5343},[5303,8589,5486],{"class":5313},[5303,8591,8593,8595,8597,8599,8601,8603,8606],{"class":5305,"line":8592},45,[5303,8594,7674],{"class":5313},[5303,8596,5290],{"class":5377},[5303,8598,5347],{"class":5313},[5303,8600,5290],{"class":5377},[5303,8602,7873],{"class":5313},[5303,8604,8605],{"class":5343},"\"Сумарне навантаження (%)\"",[5303,8607,5486],{"class":5313},[5303,8609,8611,8613,8615,8617,8619],{"class":5305,"line":8610},46,[5303,8612,7674],{"class":5313},[5303,8614,5290],{"class":5377},[5303,8616,5347],{"class":5313},[5303,8618,5290],{"class":5377},[5303,8620,7891],{"class":5313},[5303,8622,8624,8626,8628,8630,8632,8634,8636,8638,8640,8642,8644,8646,8648,8650,8652,8654,8656],{"class":5305,"line":8623},47,[5303,8625,7674],{"class":5313},[5303,8627,5290],{"class":5377},[5303,8629,5347],{"class":5313},[5303,8631,5290],{"class":5377},[5303,8633,7904],{"class":5313},[5303,8635,5528],{"class":5443},[5303,8637,5470],{"class":5313},[5303,8639,5533],{"class":5343},[5303,8641,5347],{"class":5313},[5303,8643,5538],{"class":5443},[5303,8645,5470],{"class":5313},[5303,8647,5543],{"class":5343},[5303,8649,5347],{"class":5313},[5303,8651,5548],{"class":5443},[5303,8653,5470],{"class":5313},[5303,8655,5553],{"class":5377},[5303,8657,5486],{"class":5313},[5303,8659,8661],{"class":5305,"line":8660},48,[5303,8662,5327],{"emptyLinePlaceholder":5326},[5303,8664,8666],{"class":5305,"line":8665},49,[5303,8667,6482],{"class":5313},[5303,8669,8671],{"class":5305,"line":8670},50,[5303,8672,5423],{"class":5313},[5850,8674,8675],{"v-slot:output":5298},[5853,8676],{"alt":8677,"className":8678,"src":8679},"Анатомія та параметри ax.bar",[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F11.png",[5253,8681],{},[5256,8683,8685],{"id":8684},"горизонтальні-bar-charts","Горизонтальні bar charts",[5261,8687,8688],{},"Коли категорій багато або назви довгі, горизонтальні стовпці зручніші.",[5272,8690,8692],{"title":8691},"horizontal_bars.ipynb",[5277,8693,8694,9043],{"execution-count":5290},[5293,8695,8697],{"className":5295,"code":8696,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\n\n# Дані: середній час відповіді різних відділів компанії (години)\ndepartments = [\n    \"Технічна підтримка\",\n    \"Відділ продажів\",\n    \"Бухгалтерія\",\n    \"HR (кадри)\",\n    \"IT (розробка)\",\n    \"Маркетинг\"\n]\nresponse_time = [2.5, 4.0, 8.5, 6.0, 3.0, 5.5]\n\nfig, ax = plt.subplots(figsize=(10, 7))\n\nbars = ax.barh(departments, response_time, color=\"coral\", edgecolor=\"darkred\", linewidth=1.5)\n\n# Додаємо значення праворуч від стовпців\nfor i, (bar, value) in enumerate(zip(bars, response_time)):\n    ax.text(value + 0.3, bar.get_y() + bar.get_height()\u002F2,\n            f\"{value} год\", va=\"center\", fontsize=11, fontweight=\"bold\")\n\nax.set_title(\"Середній час відповіді відділів компанії\", \n             fontsize=14, fontweight=\"bold\")\nax.set_xlabel(\"Час (години)\", fontsize=12)\nax.grid(axis=\"x\", alpha=0.3)\nax.set_xlim(0, max(response_time) + 2)\n\nplt.tight_layout()\nplt.show()\n",[5300,8698,8699,8709,8713,8718,8723,8730,8737,8744,8751,8758,8763,8767,8802,8806,8822,8826,8857,8861,8866,8887,8901,8943,8947,8956,8974,8991,9012,9031,9035,9039],{"__ignoreMap":5298},[5303,8700,8701,8703,8705,8707],{"class":5305,"line":5306},[5303,8702,5310],{"class":5309},[5303,8704,5314],{"class":5313},[5303,8706,5317],{"class":5309},[5303,8708,5320],{"class":5313},[5303,8710,8711],{"class":5305,"line":5323},[5303,8712,5327],{"emptyLinePlaceholder":5326},[5303,8714,8715],{"class":5305,"line":5330},[5303,8716,8717],{"class":5333},"# Дані: середній час відповіді різних відділів компанії (години)\n",[5303,8719,8720],{"class":5305,"line":5337},[5303,8721,8722],{"class":5313},"departments = [\n",[5303,8724,8725,8728],{"class":5305,"line":5371},[5303,8726,8727],{"class":5343},"    \"Технічна підтримка\"",[5303,8729,6808],{"class":5313},[5303,8731,8732,8735],{"class":5305,"line":5403},[5303,8733,8734],{"class":5343},"    \"Відділ продажів\"",[5303,8736,6808],{"class":5313},[5303,8738,8739,8742],{"class":5305,"line":5408},[5303,8740,8741],{"class":5343},"    \"Бухгалтерія\"",[5303,8743,6808],{"class":5313},[5303,8745,8746,8749],{"class":5305,"line":5414},[5303,8747,8748],{"class":5343},"    \"HR (кадри)\"",[5303,8750,6808],{"class":5313},[5303,8752,8753,8756],{"class":5305,"line":5420},[5303,8754,8755],{"class":5343},"    \"IT (розробка)\"",[5303,8757,6808],{"class":5313},[5303,8759,8760],{"class":5305,"line":5426},[5303,8761,8762],{"class":5343},"    \"Маркетинг\"\n",[5303,8764,8765],{"class":5305,"line":5431},[5303,8766,5368],{"class":5313},[5303,8768,8769,8772,8775,8777,8780,8782,8785,8787,8790,8792,8795,8797,8800],{"class":5305,"line":5437},[5303,8770,8771],{"class":5313},"response_time = [",[5303,8773,8774],{"class":5377},"2.5",[5303,8776,5347],{"class":5313},[5303,8778,8779],{"class":5377},"4.0",[5303,8781,5347],{"class":5313},[5303,8783,8784],{"class":5377},"8.5",[5303,8786,5347],{"class":5313},[5303,8788,8789],{"class":5377},"6.0",[5303,8791,5347],{"class":5313},[5303,8793,8794],{"class":5377},"3.0",[5303,8796,5347],{"class":5313},[5303,8798,8799],{"class":5377},"5.5",[5303,8801,5368],{"class":5313},[5303,8803,8804],{"class":5305,"line":5461},[5303,8805,5327],{"emptyLinePlaceholder":5326},[5303,8807,8808,8810,8812,8814,8816,8818,8820],{"class":5305,"line":5489},[5303,8809,5440],{"class":5313},[5303,8811,5444],{"class":5443},[5303,8813,5447],{"class":5313},[5303,8815,5779],{"class":5377},[5303,8817,5347],{"class":5313},[5303,8819,5583],{"class":5377},[5303,8821,5458],{"class":5313},[5303,8823,8824],{"class":5305,"line":5500},[5303,8825,5327],{"emptyLinePlaceholder":5326},[5303,8827,8828,8831,8833,8835,8838,8840,8842,8844,8847,8849,8851,8853,8855],{"class":5305,"line":5511},[5303,8829,8830],{"class":5313},"bars = ax.barh(departments, response_time, ",[5303,8832,5467],{"class":5443},[5303,8834,5470],{"class":5313},[5303,8836,8837],{"class":5343},"\"coral\"",[5303,8839,5347],{"class":5313},[5303,8841,5478],{"class":5443},[5303,8843,5470],{"class":5313},[5303,8845,8846],{"class":5343},"\"darkred\"",[5303,8848,5347],{"class":5313},[5303,8850,5660],{"class":5443},[5303,8852,5470],{"class":5313},[5303,8854,6208],{"class":5377},[5303,8856,5486],{"class":5313},[5303,8858,8859],{"class":5305,"line":5522},[5303,8860,5327],{"emptyLinePlaceholder":5326},[5303,8862,8863],{"class":5305,"line":5558},[5303,8864,8865],{"class":5333},"# Додаємо значення праворуч від стовпців\n",[5303,8867,8868,8870,8873,8875,8878,8881,8884],{"class":5305,"line":5563},[5303,8869,6779],{"class":5309},[5303,8871,8872],{"class":5313}," i, (bar, value) ",[5303,8874,5634],{"class":5309},[5303,8876,8877],{"class":6163}," enumerate",[5303,8879,8880],{"class":5313},"(",[5303,8882,8883],{"class":6163},"zip",[5303,8885,8886],{"class":5313},"(bars, response_time)):\n",[5303,8888,8889,8892,8894,8897,8899],{"class":5305,"line":5568},[5303,8890,8891],{"class":5313},"    ax.text(value + ",[5303,8893,6471],{"class":5377},[5303,8895,8896],{"class":5313},", bar.get_y() + bar.get_height()\u002F",[5303,8898,6800],{"class":5377},[5303,8900,6808],{"class":5313},[5303,8902,8903,8905,8907,8909,8912,8914,8917,8919,8921,8923,8925,8927,8929,8931,8933,8935,8937,8939,8941],{"class":5305,"line":5574},[5303,8904,6814],{"class":6813},[5303,8906,6817],{"class":5343},[5303,8908,6820],{"class":6813},[5303,8910,8911],{"class":5313},"value",[5303,8913,6826],{"class":6813},[5303,8915,8916],{"class":5343}," год\"",[5303,8918,5347],{"class":5313},[5303,8920,6844],{"class":5443},[5303,8922,5470],{"class":5313},[5303,8924,6839],{"class":5343},[5303,8926,5347],{"class":5313},[5303,8928,5716],{"class":5443},[5303,8930,5470],{"class":5313},[5303,8932,6449],{"class":5377},[5303,8934,5347],{"class":5313},[5303,8936,5706],{"class":5443},[5303,8938,5470],{"class":5313},[5303,8940,6381],{"class":5343},[5303,8942,5486],{"class":5313},[5303,8944,8945],{"class":5305,"line":5593},[5303,8946,5327],{"emptyLinePlaceholder":5326},[5303,8948,8949,8951,8954],{"class":5305,"line":5598},[5303,8950,5514],{"class":5313},[5303,8952,8953],{"class":5343},"\"Середній час відповіді відділів компанії\"",[5303,8955,6362],{"class":5313},[5303,8957,8958,8960,8962,8964,8966,8968,8970,8972],{"class":5305,"line":5604},[5303,8959,6367],{"class":5443},[5303,8961,5470],{"class":5313},[5303,8963,6372],{"class":5377},[5303,8965,5347],{"class":5313},[5303,8967,5706],{"class":5443},[5303,8969,5470],{"class":5313},[5303,8971,6381],{"class":5343},[5303,8973,5486],{"class":5313},[5303,8975,8976,8978,8981,8983,8985,8987,8989],{"class":5305,"line":5640},[5303,8977,5492],{"class":5313},[5303,8979,8980],{"class":5343},"\"Час (години)\"",[5303,8982,5347],{"class":5313},[5303,8984,5716],{"class":5443},[5303,8986,5470],{"class":5313},[5303,8988,5378],{"class":5377},[5303,8990,5486],{"class":5313},[5303,8992,8993,8995,8997,8999,9002,9004,9006,9008,9010],{"class":5305,"line":5679},[5303,8994,5525],{"class":5313},[5303,8996,5528],{"class":5443},[5303,8998,5470],{"class":5313},[5303,9000,9001],{"class":5343},"\"x\"",[5303,9003,5347],{"class":5313},[5303,9005,5548],{"class":5443},[5303,9007,5470],{"class":5313},[5303,9009,6471],{"class":5377},[5303,9011,5486],{"class":5313},[5303,9013,9014,9017,9019,9021,9024,9027,9029],{"class":5305,"line":5684},[5303,9015,9016],{"class":5313},"ax.set_xlim(",[5303,9018,5807],{"class":5377},[5303,9020,5347],{"class":5313},[5303,9022,9023],{"class":6163},"max",[5303,9025,9026],{"class":5313},"(response_time) + ",[5303,9028,6800],{"class":5377},[5303,9030,5486],{"class":5313},[5303,9032,9033],{"class":5305,"line":5690},[5303,9034,5327],{"emptyLinePlaceholder":5326},[5303,9036,9037],{"class":5305,"line":5735},[5303,9038,6482],{"class":5313},[5303,9040,9041],{"class":5305,"line":5740},[5303,9042,5423],{"class":5313},[5850,9044,9045],{"v-slot:output":5298},[5853,9046],{"alt":8685,"className":9047,"src":9048},[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F04.png",[6533,9050,9051,9056,9076,9082],{},[5261,9052,9053],{},[5224,9054,9055],{},"Коли використовувати горизонтальні bar charts:",[5866,9057,9058,9064,9070],{},[5201,9059,9060,9063],{},[5224,9061,9062],{},"Довгі назви категорій"," — «Технічна підтримка клієнтів» не поміститься вертикально",[5201,9065,9066,9069],{},[5224,9067,9068],{},"Багато категорій"," (>7–8) — вертикально стане тісно",[5201,9071,9072,9075],{},[5224,9073,9074],{},"Порівняння рангів"," — зручніше читати зверху вниз (топ-10, рейтинги)",[5261,9077,9078,9081],{},[5224,9079,9080],{},"Вертикальні"," зручніші для:",[5198,9083,9084,9087],{},[5201,9085,9086],{},"Часових даних (місяці, квартали — звичка читати зліва направо)",[5201,9088,9089],{},"Невеликої кількості категорій (3–6)",[5281,9091,7117,9093],{"id":9092},"повна-сигнатура-та-анатомія-параметрів-axbarh",[5300,9094,9095],{},"ax.barh()",[5261,9097,9098,9099,9101,9102,9105,9106,9108,9109,9111],{},"Горизонтальні стовпці будуються за допомогою ",[5300,9100,9095],{},". Головна відмінність від вертикальних полягає у ",[5224,9103,9104],{},"рокіровці параметрів",": аргумент ",[5300,9107,5670],{}," відповідає за горизонтальну довжину (значення величини), а аргумент ",[5300,9110,6823],{}," — за товщину смуги.",[5293,9113,9115],{"className":5295,"code":9114,"language":5297,"meta":5298,"style":5298},"ax.barh(\n    y,\n    width,\n    height=0.8,\n    left=None,\n    *,\n    align='center',\n    data=None,\n    **kwargs\n) -> BarContainer\n",[5300,9116,9117,9122,9127,9132,9143,9154,9158,9168,9178,9182],{"__ignoreMap":5298},[5303,9118,9119],{"class":5305,"line":5306},[5303,9120,9121],{"class":5313},"ax.barh(\n",[5303,9123,9124],{"class":5305,"line":5323},[5303,9125,9126],{"class":5313},"    y,\n",[5303,9128,9129],{"class":5305,"line":5330},[5303,9130,9131],{"class":5313},"    width,\n",[5303,9133,9134,9137,9139,9141],{"class":5305,"line":5337},[5303,9135,9136],{"class":5443},"    height",[5303,9138,5470],{"class":5313},[5303,9140,7163],{"class":5377},[5303,9142,6808],{"class":5313},[5303,9144,9145,9148,9150,9152],{"class":5305,"line":5371},[5303,9146,9147],{"class":5443},"    left",[5303,9149,5470],{"class":5313},[5303,9151,7175],{"class":6813},[5303,9153,6808],{"class":5313},[5303,9155,9156],{"class":5305,"line":5403},[5303,9157,7182],{"class":5313},[5303,9159,9160,9162,9164,9166],{"class":5305,"line":5408},[5303,9161,7187],{"class":5443},[5303,9163,5470],{"class":5313},[5303,9165,7192],{"class":5343},[5303,9167,6808],{"class":5313},[5303,9169,9170,9172,9174,9176],{"class":5305,"line":5414},[5303,9171,7199],{"class":5443},[5303,9173,5470],{"class":5313},[5303,9175,7175],{"class":6813},[5303,9177,6808],{"class":5313},[5303,9179,9180],{"class":5305,"line":5420},[5303,9181,7210],{"class":5313},[5303,9183,9184,9186,9188],{"class":5305,"line":5426},[5303,9185,7215],{"class":5313},[5303,9187,7219],{"class":7218},[5303,9189,7222],{"class":5313},[6541,9191,9192,9204],{},[6544,9193,9194],{},[6547,9195,9196,9198,9200,9202],{},[6550,9197,7231],{"align":6552},[6550,9199,7234],{"align":6552},[6550,9201,7237],{"align":6552},[6550,9203,7240],{"align":6552},[6558,9205,9206,9224,9244,9264,9290,9307,9325],{},[6547,9207,9208,9213,9217,9221],{},[6563,9209,9210],{"align":6552},[5300,9211,9212],{},"y",[6563,9214,9215],{"align":6552},[5300,9216,7254],{},[6563,9218,9219],{"align":6552},[7258,9220,7260],{},[6563,9222,9223],{"align":6552},"Координати Y (позиції на вертикальній осі або текстові мітки категорій).",[6547,9225,9226,9230,9234,9238],{},[6563,9227,9228],{"align":6552},[5300,9229,5670],{},[6563,9231,9232],{"align":6552},[5300,9233,7254],{},[6563,9235,9236],{"align":6552},[7258,9237,7260],{},[6563,9239,9240,9243],{"align":6552},[5224,9241,9242],{},"Горизонтальна довжина смуг"," (числові значення метрик).",[6547,9245,9246,9250,9254,9258],{},[6563,9247,9248],{"align":6552},[5300,9249,6823],{},[6563,9251,9252],{"align":6552},[5300,9253,7254],{},[6563,9255,9256],{"align":6552},[5300,9257,7163],{},[6563,9259,9260,9263],{"align":6552},[5224,9261,9262],{},"Товщина смуги"," (вертикальний розмір кожного прямокутника).",[6547,9265,9266,9270,9274,9278],{},[6563,9267,9268],{"align":6552},[5300,9269,6552],{},[6563,9271,9272],{"align":6552},[5300,9273,7254],{},[6563,9275,9276],{"align":6552},[5300,9277,5807],{},[6563,9279,9280,9283,9284,9286,9287,9289],{"align":6552},[5224,9281,9282],{},"Зсув лівого краю смуги",". Аналог ",[5300,9285,7311],{}," у ",[5300,9288,5922],{},": дозволяє будувати горизонтальні Stacked бари або Waterfall діаграми фаз виконання.",[6547,9291,9292,9296,9300,9304],{},[6563,9293,9294],{"align":6552},[5300,9295,7332],{},[6563,9297,9298],{"align":6552},[5300,9299,7337],{},[6563,9301,9302],{"align":6552},[5300,9303,7192],{},[6563,9305,9306],{"align":6552},"Вирівнювання смуги відносно координати $y$.",[6547,9308,9309,9314,9318,9322],{},[6563,9310,9311],{"align":6552},[5300,9312,9313],{},"xerr",[6563,9315,9316],{"align":6552},[5300,9317,7254],{},[6563,9319,9320],{"align":6552},[5300,9321,7175],{},[6563,9323,9324],{"align":6552},"Горизонтальні планки похибок \u002F довірчих інтервалів.",[6547,9326,9327,9331,9335,9339],{},[6563,9328,9329],{"align":6552},[5300,9330,7423],{},[6563,9332,9333],{"align":6552},[5300,9334,7391],{},[6563,9336,9337],{"align":6552},[5300,9338,5807],{},[6563,9340,9341,9342,5267],{"align":6552},"Довжина вертикальних засічок на планках похибок ",[5300,9343,9313],{},[5272,9345,9347,9356],{"title":9346,"kernel":5275},"barh_parameters_deep_dive.ipynb",[5277,9348,9349,9353],{"type":5279},[5281,9350,9352],{"id":9351},"дослідження-параметрів-axbarh-товщина-похибки-waterfall-та-порогові-лінії","Дослідження параметрів ax.barh(): товщина, похибки, Waterfall та порогові лінії",[5261,9354,9355],{},"Порівняння height, планок xerr, каскадного зсуву left та сортування з критичною лінією SLA",[5277,9357,9359,10613],{"execution-count":5290,"execution-time":9358},"0.24s",[5293,9360,9362],{"className":5295,"code":9361,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\nendpoints = [\"\u002Fapi\u002Fv1\u002Fauth\u002Flogin\", \"\u002Fapi\u002Fv1\u002Fcheckout\", \"\u002Fapi\u002Fv1\u002Fsearch\", \"\u002Fapi\u002Fv1\u002Forders\u002Fcreate\", \"\u002Fapi\u002Fv1\u002Fuser\u002Fprofile\"]\nlatency_ms = [45, 185, 320, 210, 65]\nxerr_ms = [5, 18, 35, 22, 8]\ny_pos = np.arange(len(endpoints))\n\nfig, axes = plt.subplots(2, 2, figsize=(13, 9.5))\n\n# 1. Варіації height (товщина горизонтальних смуг)\naxes[0, 0].barh(y_pos - 0.2, latency_ms, height=0.25, color='#0ea5e9', label=\"height = 0.25 (тонкі)\")\naxes[0, 0].barh(y_pos + 0.15, latency_ms, height=0.45, color='#0284c7', label=\"height = 0.45 (стандарт)\")\naxes[0, 0].set_yticks(y_pos)\naxes[0, 0].set_yticklabels(endpoints, fontsize=8.5)\naxes[0, 0].set_xlabel(\"Latency P99 (ms)\")\naxes[0, 0].set_title(\"Параметр height: товщина горизонтальних смуг\", fontweight='bold')\naxes[0, 0].legend()\naxes[0, 0].grid(axis='x', linestyle=':', alpha=0.6)\n\n# 2. Планки похибок: xerr та capsize\nb_errh = axes[0, 1].barh(endpoints, latency_ms, xerr=xerr_ms, capsize=4, color='#f97316', edgecolor='#9a3412', height=0.55)\naxes[0, 1].bar_label(b_errh, padding=6, fmt='%.0f ms', fontweight='bold', fontsize=8.5)\naxes[0, 1].set_xlabel(\"Latency P99 (ms) ± STD\")\naxes[0, 1].set_title(\"Параметр xerr: горизонтальні похибки вимірювань\", fontweight='bold')\naxes[0, 1].set_xlim(0, 390)\naxes[0, 1].grid(axis='x', linestyle=':', alpha=0.6)\n\n# 3. Зсув зліва: параметр left (Waterfall ефект \u002F фази запиту)\ndns_time = [10, 12, 15, 14, 11]\ntls_time = [25, 30, 40, 35, 28]\nserver_exec = [10, 143, 265, 161, 26]\naxes[1, 0].barh(endpoints, dns_time, height=0.5, color='#64748b', label=\"DNS Lookup\")\naxes[1, 0].barh(endpoints, tls_time, left=dns_time, height=0.5, color='#3b82f6', label=\"TLS Handshake\")\nleft_exec = np.array(dns_time) + np.array(tls_time)\naxes[1, 0].barh(endpoints, server_exec, left=left_exec, height=0.5, color='#ef4444', label=\"Server Processing\")\naxes[1, 0].set_xlabel(\"Час виконання за фазами (ms)\")\naxes[1, 0].set_title(\"Параметр left: зміщення початку (Waterfall-структура)\", fontweight='bold')\naxes[1, 0].legend(loc='lower right')\naxes[1, 0].grid(axis='x', linestyle=':', alpha=0.6)\n\n# 4. Сортування + колірне кодування порогів SLA\nsorted_indices = np.argsort(latency_ms)\ns_endpoints = [endpoints[i] for i in sorted_indices]\ns_lat = [latency_ms[i] for i in sorted_indices]\nbar_cols = ['#10b981' if v \u003C 100 else '#f59e0b' if v \u003C 250 else '#ef4444' for v in s_lat]\nb_sort = axes[1, 1].barh(s_endpoints, s_lat, color=bar_cols, edgecolor='#0f172a', height=0.55)\naxes[1, 1].bar_label(b_sort, padding=4, fmt='%.0f ms', fontweight='bold', fontsize=8.5)\naxes[1, 1].axvline(200, color='#dc2626', linestyle='--', linewidth=1.5, label=\"SLA поріг (200 ms)\")\naxes[1, 1].set_xlabel(\"Latency P99 (ms)\")\naxes[1, 1].set_title(\"Сортування та порогові лінії (axvline)\", fontweight='bold')\naxes[1, 1].set_xlim(0, 370)\naxes[1, 1].legend()\naxes[1, 1].grid(axis='x', linestyle=':', alpha=0.6)\n\nplt.tight_layout()\nplt.show()\n",[5300,9363,9364,9374,9384,9388,9418,9445,9473,9483,9487,9511,9515,9520,9563,9606,9619,9640,9658,9683,9695,9732,9736,9741,9794,9845,9862,9887,9909,9945,9949,9954,9979,10006,10035,10074,10118,10123,10167,10184,10209,10231,10267,10271,10276,10281,10296,10309,10348,10383,10432,10484,10500,10526,10548,10561,10598,10603,10608],{"__ignoreMap":5298},[5303,9365,9366,9368,9370,9372],{"class":5305,"line":5306},[5303,9367,5310],{"class":5309},[5303,9369,5314],{"class":5313},[5303,9371,5317],{"class":5309},[5303,9373,5320],{"class":5313},[5303,9375,9376,9378,9380,9382],{"class":5305,"line":5323},[5303,9377,5310],{"class":5309},[5303,9379,6042],{"class":5313},[5303,9381,5317],{"class":5309},[5303,9383,6047],{"class":5313},[5303,9385,9386],{"class":5305,"line":5330},[5303,9387,5327],{"emptyLinePlaceholder":5326},[5303,9389,9390,9393,9396,9398,9401,9403,9406,9408,9411,9413,9416],{"class":5305,"line":5337},[5303,9391,9392],{"class":5313},"endpoints = [",[5303,9394,9395],{"class":5343},"\"\u002Fapi\u002Fv1\u002Fauth\u002Flogin\"",[5303,9397,5347],{"class":5313},[5303,9399,9400],{"class":5343},"\"\u002Fapi\u002Fv1\u002Fcheckout\"",[5303,9402,5347],{"class":5313},[5303,9404,9405],{"class":5343},"\"\u002Fapi\u002Fv1\u002Fsearch\"",[5303,9407,5347],{"class":5313},[5303,9409,9410],{"class":5343},"\"\u002Fapi\u002Fv1\u002Forders\u002Fcreate\"",[5303,9412,5347],{"class":5313},[5303,9414,9415],{"class":5343},"\"\u002Fapi\u002Fv1\u002Fuser\u002Fprofile\"",[5303,9417,5368],{"class":5313},[5303,9419,9420,9423,9425,9427,9429,9431,9434,9436,9439,9441,9443],{"class":5305,"line":5371},[5303,9421,9422],{"class":5313},"latency_ms = [",[5303,9424,5383],{"class":5377},[5303,9426,5347],{"class":5313},[5303,9428,6129],{"class":5377},[5303,9430,5347],{"class":5313},[5303,9432,9433],{"class":5377},"320",[5303,9435,5347],{"class":5313},[5303,9437,9438],{"class":5377},"210",[5303,9440,5347],{"class":5313},[5303,9442,6703],{"class":5377},[5303,9444,5368],{"class":5313},[5303,9446,9447,9450,9452,9454,9457,9459,9462,9464,9467,9469,9471],{"class":5305,"line":5403},[5303,9448,9449],{"class":5313},"xerr_ms = [",[5303,9451,7615],{"class":5377},[5303,9453,5347],{"class":5313},[5303,9455,9456],{"class":5377},"18",[5303,9458,5347],{"class":5313},[5303,9460,9461],{"class":5377},"35",[5303,9463,5347],{"class":5313},[5303,9465,9466],{"class":5377},"22",[5303,9468,5347],{"class":5313},[5303,9470,5388],{"class":5377},[5303,9472,5368],{"class":5313},[5303,9474,9475,9478,9480],{"class":5305,"line":5408},[5303,9476,9477],{"class":5313},"y_pos = np.arange(",[5303,9479,6164],{"class":6163},[5303,9481,9482],{"class":5313},"(endpoints))\n",[5303,9484,9485],{"class":5305,"line":5414},[5303,9486,5327],{"emptyLinePlaceholder":5326},[5303,9488,9489,9491,9493,9495,9497,9499,9501,9503,9505,9507,9509],{"class":5305,"line":5420},[5303,9490,7639],{"class":5313},[5303,9492,6800],{"class":5377},[5303,9494,5347],{"class":5313},[5303,9496,6800],{"class":5377},[5303,9498,5347],{"class":5313},[5303,9500,5444],{"class":5443},[5303,9502,5447],{"class":5313},[5303,9504,7654],{"class":5377},[5303,9506,5347],{"class":5313},[5303,9508,5721],{"class":5377},[5303,9510,5458],{"class":5313},[5303,9512,9513],{"class":5305,"line":5426},[5303,9514,5327],{"emptyLinePlaceholder":5326},[5303,9516,9517],{"class":5305,"line":5431},[5303,9518,9519],{"class":5333},"# 1. Варіації height (товщина горизонтальних смуг)\n",[5303,9521,9522,9524,9526,9528,9530,9533,9535,9538,9540,9542,9544,9546,9548,9550,9552,9554,9556,9558,9561],{"class":5305,"line":5437},[5303,9523,7674],{"class":5313},[5303,9525,5807],{"class":5377},[5303,9527,5347],{"class":5313},[5303,9529,5807],{"class":5377},[5303,9531,9532],{"class":5313},"].barh(y_pos - ",[5303,9534,7696],{"class":5377},[5303,9536,9537],{"class":5313},", latency_ms, ",[5303,9539,6823],{"class":5443},[5303,9541,5470],{"class":5313},[5303,9543,7686],{"class":5377},[5303,9545,5347],{"class":5313},[5303,9547,5467],{"class":5443},[5303,9549,5470],{"class":5313},[5303,9551,7745],{"class":5343},[5303,9553,5347],{"class":5313},[5303,9555,6214],{"class":5443},[5303,9557,5470],{"class":5313},[5303,9559,9560],{"class":5343},"\"height = 0.25 (тонкі)\"",[5303,9562,5486],{"class":5313},[5303,9564,9565,9567,9569,9571,9573,9576,9579,9581,9583,9585,9587,9589,9591,9593,9595,9597,9599,9601,9604],{"class":5305,"line":5461},[5303,9566,7674],{"class":5313},[5303,9568,5807],{"class":5377},[5303,9570,5347],{"class":5313},[5303,9572,5807],{"class":5377},[5303,9574,9575],{"class":5313},"].barh(y_pos + ",[5303,9577,9578],{"class":5377},"0.15",[5303,9580,9537],{"class":5313},[5303,9582,6823],{"class":5443},[5303,9584,5470],{"class":5313},[5303,9586,7736],{"class":5377},[5303,9588,5347],{"class":5313},[5303,9590,5467],{"class":5443},[5303,9592,5470],{"class":5313},[5303,9594,7705],{"class":5343},[5303,9596,5347],{"class":5313},[5303,9598,6214],{"class":5443},[5303,9600,5470],{"class":5313},[5303,9602,9603],{"class":5343},"\"height = 0.45 (стандарт)\"",[5303,9605,5486],{"class":5313},[5303,9607,9608,9610,9612,9614,9616],{"class":5305,"line":5489},[5303,9609,7674],{"class":5313},[5303,9611,5807],{"class":5377},[5303,9613,5347],{"class":5313},[5303,9615,5807],{"class":5377},[5303,9617,9618],{"class":5313},"].set_yticks(y_pos)\n",[5303,9620,9621,9623,9625,9627,9629,9632,9634,9636,9638],{"class":5305,"line":5500},[5303,9622,7674],{"class":5313},[5303,9624,5807],{"class":5377},[5303,9626,5347],{"class":5313},[5303,9628,5807],{"class":5377},[5303,9630,9631],{"class":5313},"].set_yticklabels(endpoints, ",[5303,9633,5716],{"class":5443},[5303,9635,5470],{"class":5313},[5303,9637,8784],{"class":5377},[5303,9639,5486],{"class":5313},[5303,9641,9642,9644,9646,9648,9650,9653,9656],{"class":5305,"line":5511},[5303,9643,7674],{"class":5313},[5303,9645,5807],{"class":5377},[5303,9647,5347],{"class":5313},[5303,9649,5807],{"class":5377},[5303,9651,9652],{"class":5313},"].set_xlabel(",[5303,9654,9655],{"class":5343},"\"Latency P99 (ms)\"",[5303,9657,5486],{"class":5313},[5303,9659,9660,9662,9664,9666,9668,9670,9673,9675,9677,9679,9681],{"class":5305,"line":5522},[5303,9661,7674],{"class":5313},[5303,9663,5807],{"class":5377},[5303,9665,5347],{"class":5313},[5303,9667,5807],{"class":5377},[5303,9669,7821],{"class":5313},[5303,9671,9672],{"class":5343},"\"Параметр height: товщина горизонтальних смуг\"",[5303,9674,5347],{"class":5313},[5303,9676,5706],{"class":5443},[5303,9678,5470],{"class":5313},[5303,9680,5711],{"class":5343},[5303,9682,5486],{"class":5313},[5303,9684,9685,9687,9689,9691,9693],{"class":5305,"line":5558},[5303,9686,7674],{"class":5313},[5303,9688,5807],{"class":5377},[5303,9690,5347],{"class":5313},[5303,9692,5807],{"class":5377},[5303,9694,7891],{"class":5313},[5303,9696,9697,9699,9701,9703,9705,9707,9709,9711,9714,9716,9718,9720,9722,9724,9726,9728,9730],{"class":5305,"line":5563},[5303,9698,7674],{"class":5313},[5303,9700,5807],{"class":5377},[5303,9702,5347],{"class":5313},[5303,9704,5807],{"class":5377},[5303,9706,7904],{"class":5313},[5303,9708,5528],{"class":5443},[5303,9710,5470],{"class":5313},[5303,9712,9713],{"class":5343},"'x'",[5303,9715,5347],{"class":5313},[5303,9717,5538],{"class":5443},[5303,9719,5470],{"class":5313},[5303,9721,5543],{"class":5343},[5303,9723,5347],{"class":5313},[5303,9725,5548],{"class":5443},[5303,9727,5470],{"class":5313},[5303,9729,5553],{"class":5377},[5303,9731,5486],{"class":5313},[5303,9733,9734],{"class":5305,"line":5568},[5303,9735,5327],{"emptyLinePlaceholder":5326},[5303,9737,9738],{"class":5305,"line":5574},[5303,9739,9740],{"class":5333},"# 2. Планки похибок: xerr та capsize\n",[5303,9742,9743,9746,9748,9750,9752,9755,9757,9760,9762,9764,9766,9768,9770,9772,9775,9777,9779,9781,9784,9786,9788,9790,9792],{"class":5305,"line":5593},[5303,9744,9745],{"class":5313},"b_errh = axes[",[5303,9747,5807],{"class":5377},[5303,9749,5347],{"class":5313},[5303,9751,5290],{"class":5377},[5303,9753,9754],{"class":5313},"].barh(endpoints, latency_ms, ",[5303,9756,9313],{"class":5443},[5303,9758,9759],{"class":5313},"=xerr_ms, ",[5303,9761,7423],{"class":5443},[5303,9763,5470],{"class":5313},[5303,9765,5455],{"class":5377},[5303,9767,5347],{"class":5313},[5303,9769,5467],{"class":5443},[5303,9771,5470],{"class":5313},[5303,9773,9774],{"class":5343},"'#f97316'",[5303,9776,5347],{"class":5313},[5303,9778,5478],{"class":5443},[5303,9780,5470],{"class":5313},[5303,9782,9783],{"class":5343},"'#9a3412'",[5303,9785,5347],{"class":5313},[5303,9787,6823],{"class":5443},[5303,9789,5470],{"class":5313},[5303,9791,8242],{"class":5377},[5303,9793,5486],{"class":5313},[5303,9795,9796,9798,9800,9802,9804,9807,9809,9811,9813,9815,9817,9819,9821,9824,9827,9829,9831,9833,9835,9837,9839,9841,9843],{"class":5305,"line":5598},[5303,9797,7674],{"class":5313},[5303,9799,5807],{"class":5377},[5303,9801,5347],{"class":5313},[5303,9803,5290],{"class":5377},[5303,9805,9806],{"class":5313},"].bar_label(b_errh, ",[5303,9808,5696],{"class":5443},[5303,9810,5470],{"class":5313},[5303,9812,6194],{"class":5377},[5303,9814,5347],{"class":5313},[5303,9816,7477],{"class":5443},[5303,9818,5470],{"class":5313},[5303,9820,8272],{"class":5343},[5303,9822,9823],{"class":6813},"%.0f",[5303,9825,9826],{"class":5343}," ms'",[5303,9828,5347],{"class":5313},[5303,9830,5706],{"class":5443},[5303,9832,5470],{"class":5313},[5303,9834,5711],{"class":5343},[5303,9836,5347],{"class":5313},[5303,9838,5716],{"class":5443},[5303,9840,5470],{"class":5313},[5303,9842,8784],{"class":5377},[5303,9844,5486],{"class":5313},[5303,9846,9847,9849,9851,9853,9855,9857,9860],{"class":5305,"line":5604},[5303,9848,7674],{"class":5313},[5303,9850,5807],{"class":5377},[5303,9852,5347],{"class":5313},[5303,9854,5290],{"class":5377},[5303,9856,9652],{"class":5313},[5303,9858,9859],{"class":5343},"\"Latency P99 (ms) ± STD\"",[5303,9861,5486],{"class":5313},[5303,9863,9864,9866,9868,9870,9872,9874,9877,9879,9881,9883,9885],{"class":5305,"line":5640},[5303,9865,7674],{"class":5313},[5303,9867,5807],{"class":5377},[5303,9869,5347],{"class":5313},[5303,9871,5290],{"class":5377},[5303,9873,7821],{"class":5313},[5303,9875,9876],{"class":5343},"\"Параметр xerr: горизонтальні похибки вимірювань\"",[5303,9878,5347],{"class":5313},[5303,9880,5706],{"class":5443},[5303,9882,5470],{"class":5313},[5303,9884,5711],{"class":5343},[5303,9886,5486],{"class":5313},[5303,9888,9889,9891,9893,9895,9897,9900,9902,9904,9907],{"class":5305,"line":5679},[5303,9890,7674],{"class":5313},[5303,9892,5807],{"class":5377},[5303,9894,5347],{"class":5313},[5303,9896,5290],{"class":5377},[5303,9898,9899],{"class":5313},"].set_xlim(",[5303,9901,5807],{"class":5377},[5303,9903,5347],{"class":5313},[5303,9905,9906],{"class":5377},"390",[5303,9908,5486],{"class":5313},[5303,9910,9911,9913,9915,9917,9919,9921,9923,9925,9927,9929,9931,9933,9935,9937,9939,9941,9943],{"class":5305,"line":5684},[5303,9912,7674],{"class":5313},[5303,9914,5807],{"class":5377},[5303,9916,5347],{"class":5313},[5303,9918,5290],{"class":5377},[5303,9920,7904],{"class":5313},[5303,9922,5528],{"class":5443},[5303,9924,5470],{"class":5313},[5303,9926,9713],{"class":5343},[5303,9928,5347],{"class":5313},[5303,9930,5538],{"class":5443},[5303,9932,5470],{"class":5313},[5303,9934,5543],{"class":5343},[5303,9936,5347],{"class":5313},[5303,9938,5548],{"class":5443},[5303,9940,5470],{"class":5313},[5303,9942,5553],{"class":5377},[5303,9944,5486],{"class":5313},[5303,9946,9947],{"class":5305,"line":5690},[5303,9948,5327],{"emptyLinePlaceholder":5326},[5303,9950,9951],{"class":5305,"line":5735},[5303,9952,9953],{"class":5333},"# 3. Зсув зліва: параметр left (Waterfall ефект \u002F фази запиту)\n",[5303,9955,9956,9959,9961,9963,9965,9967,9969,9971,9973,9975,9977],{"class":5305,"line":5740},[5303,9957,9958],{"class":5313},"dns_time = [",[5303,9960,5779],{"class":5377},[5303,9962,5347],{"class":5313},[5303,9964,5378],{"class":5377},[5303,9966,5347],{"class":5313},[5303,9968,8419],{"class":5377},[5303,9970,5347],{"class":5313},[5303,9972,6372],{"class":5377},[5303,9974,5347],{"class":5313},[5303,9976,6449],{"class":5377},[5303,9978,5368],{"class":5313},[5303,9980,9981,9984,9986,9988,9991,9993,9995,9997,9999,10001,10004],{"class":5305,"line":5766},[5303,9982,9983],{"class":5313},"tls_time = [",[5303,9985,8433],{"class":5377},[5303,9987,5347],{"class":5313},[5303,9989,9990],{"class":5377},"30",[5303,9992,5347],{"class":5313},[5303,9994,5619],{"class":5377},[5303,9996,5347],{"class":5313},[5303,9998,9461],{"class":5377},[5303,10000,5347],{"class":5313},[5303,10002,10003],{"class":5377},"28",[5303,10005,5368],{"class":5313},[5303,10007,10008,10011,10013,10015,10018,10020,10023,10025,10028,10030,10033],{"class":5305,"line":5784},[5303,10009,10010],{"class":5313},"server_exec = [",[5303,10012,5779],{"class":5377},[5303,10014,5347],{"class":5313},[5303,10016,10017],{"class":5377},"143",[5303,10019,5347],{"class":5313},[5303,10021,10022],{"class":5377},"265",[5303,10024,5347],{"class":5313},[5303,10026,10027],{"class":5377},"161",[5303,10029,5347],{"class":5313},[5303,10031,10032],{"class":5377},"26",[5303,10034,5368],{"class":5313},[5303,10036,10037,10039,10041,10043,10045,10048,10050,10052,10054,10056,10058,10060,10063,10065,10067,10069,10072],{"class":5305,"line":5801},[5303,10038,7674],{"class":5313},[5303,10040,5290],{"class":5377},[5303,10042,5347],{"class":5313},[5303,10044,5807],{"class":5377},[5303,10046,10047],{"class":5313},"].barh(endpoints, dns_time, ",[5303,10049,6823],{"class":5443},[5303,10051,5470],{"class":5313},[5303,10053,6247],{"class":5377},[5303,10055,5347],{"class":5313},[5303,10057,5467],{"class":5443},[5303,10059,5470],{"class":5313},[5303,10061,10062],{"class":5343},"'#64748b'",[5303,10064,5347],{"class":5313},[5303,10066,6214],{"class":5443},[5303,10068,5470],{"class":5313},[5303,10070,10071],{"class":5343},"\"DNS Lookup\"",[5303,10073,5486],{"class":5313},[5303,10075,10076,10078,10080,10082,10084,10087,10089,10092,10094,10096,10098,10100,10102,10104,10107,10109,10111,10113,10116],{"class":5305,"line":5817},[5303,10077,7674],{"class":5313},[5303,10079,5290],{"class":5377},[5303,10081,5347],{"class":5313},[5303,10083,5807],{"class":5377},[5303,10085,10086],{"class":5313},"].barh(endpoints, tls_time, ",[5303,10088,6552],{"class":5443},[5303,10090,10091],{"class":5313},"=dns_time, ",[5303,10093,6823],{"class":5443},[5303,10095,5470],{"class":5313},[5303,10097,6247],{"class":5377},[5303,10099,5347],{"class":5313},[5303,10101,5467],{"class":5443},[5303,10103,5470],{"class":5313},[5303,10105,10106],{"class":5343},"'#3b82f6'",[5303,10108,5347],{"class":5313},[5303,10110,6214],{"class":5443},[5303,10112,5470],{"class":5313},[5303,10114,10115],{"class":5343},"\"TLS Handshake\"",[5303,10117,5486],{"class":5313},[5303,10119,10120],{"class":5305,"line":5846},[5303,10121,10122],{"class":5313},"left_exec = np.array(dns_time) + np.array(tls_time)\n",[5303,10124,10125,10127,10129,10131,10133,10136,10138,10141,10143,10145,10147,10149,10151,10153,10156,10158,10160,10162,10165],{"class":5305,"line":8324},[5303,10126,7674],{"class":5313},[5303,10128,5290],{"class":5377},[5303,10130,5347],{"class":5313},[5303,10132,5807],{"class":5377},[5303,10134,10135],{"class":5313},"].barh(endpoints, server_exec, ",[5303,10137,6552],{"class":5443},[5303,10139,10140],{"class":5313},"=left_exec, ",[5303,10142,6823],{"class":5443},[5303,10144,5470],{"class":5313},[5303,10146,6247],{"class":5377},[5303,10148,5347],{"class":5313},[5303,10150,5467],{"class":5443},[5303,10152,5470],{"class":5313},[5303,10154,10155],{"class":5343},"'#ef4444'",[5303,10157,5347],{"class":5313},[5303,10159,6214],{"class":5443},[5303,10161,5470],{"class":5313},[5303,10163,10164],{"class":5343},"\"Server Processing\"",[5303,10166,5486],{"class":5313},[5303,10168,10169,10171,10173,10175,10177,10179,10182],{"class":5305,"line":8342},[5303,10170,7674],{"class":5313},[5303,10172,5290],{"class":5377},[5303,10174,5347],{"class":5313},[5303,10176,5807],{"class":5377},[5303,10178,9652],{"class":5313},[5303,10180,10181],{"class":5343},"\"Час виконання за фазами (ms)\"",[5303,10183,5486],{"class":5313},[5303,10185,10186,10188,10190,10192,10194,10196,10199,10201,10203,10205,10207],{"class":5305,"line":8365},[5303,10187,7674],{"class":5313},[5303,10189,5290],{"class":5377},[5303,10191,5347],{"class":5313},[5303,10193,5807],{"class":5377},[5303,10195,7821],{"class":5313},[5303,10197,10198],{"class":5343},"\"Параметр left: зміщення початку (Waterfall-структура)\"",[5303,10200,5347],{"class":5313},[5303,10202,5706],{"class":5443},[5303,10204,5470],{"class":5313},[5303,10206,5711],{"class":5343},[5303,10208,5486],{"class":5313},[5303,10210,10211,10213,10215,10217,10219,10222,10224,10226,10229],{"class":5305,"line":8402},[5303,10212,7674],{"class":5313},[5303,10214,5290],{"class":5377},[5303,10216,5347],{"class":5313},[5303,10218,5807],{"class":5377},[5303,10220,10221],{"class":5313},"].legend(",[5303,10223,6435],{"class":5443},[5303,10225,5470],{"class":5313},[5303,10227,10228],{"class":5343},"'lower right'",[5303,10230,5486],{"class":5313},[5303,10232,10233,10235,10237,10239,10241,10243,10245,10247,10249,10251,10253,10255,10257,10259,10261,10263,10265],{"class":5305,"line":8407},[5303,10234,7674],{"class":5313},[5303,10236,5290],{"class":5377},[5303,10238,5347],{"class":5313},[5303,10240,5807],{"class":5377},[5303,10242,7904],{"class":5313},[5303,10244,5528],{"class":5443},[5303,10246,5470],{"class":5313},[5303,10248,9713],{"class":5343},[5303,10250,5347],{"class":5313},[5303,10252,5538],{"class":5443},[5303,10254,5470],{"class":5313},[5303,10256,5543],{"class":5343},[5303,10258,5347],{"class":5313},[5303,10260,5548],{"class":5443},[5303,10262,5470],{"class":5313},[5303,10264,5553],{"class":5377},[5303,10266,5486],{"class":5313},[5303,10268,10269],{"class":5305,"line":8413},[5303,10270,5327],{"emptyLinePlaceholder":5326},[5303,10272,10273],{"class":5305,"line":8438},[5303,10274,10275],{"class":5333},"# 4. Сортування + колірне кодування порогів SLA\n",[5303,10277,10278],{"class":5305,"line":8495},[5303,10279,10280],{"class":5313},"sorted_indices = np.argsort(latency_ms)\n",[5303,10282,10283,10286,10288,10291,10293],{"class":5305,"line":8566},[5303,10284,10285],{"class":5313},"s_endpoints = [endpoints[i] ",[5303,10287,6779],{"class":5309},[5303,10289,10290],{"class":5313}," i ",[5303,10292,5634],{"class":5309},[5303,10294,10295],{"class":5313}," sorted_indices]\n",[5303,10297,10298,10301,10303,10305,10307],{"class":5305,"line":8592},[5303,10299,10300],{"class":5313},"s_lat = [latency_ms[i] ",[5303,10302,6779],{"class":5309},[5303,10304,10290],{"class":5313},[5303,10306,5634],{"class":5309},[5303,10308,10295],{"class":5313},[5303,10310,10311,10314,10316,10318,10321,10323,10325,10328,10330,10332,10335,10337,10339,10341,10343,10345],{"class":5305,"line":8610},[5303,10312,10313],{"class":5313},"bar_cols = [",[5303,10315,8216],{"class":5343},[5303,10317,5613],{"class":5309},[5303,10319,10320],{"class":5313}," v \u003C ",[5303,10322,6943],{"class":5377},[5303,10324,5622],{"class":5309},[5303,10326,10327],{"class":5343}," '#f59e0b'",[5303,10329,5613],{"class":5309},[5303,10331,10320],{"class":5313},[5303,10333,10334],{"class":5377},"250",[5303,10336,5622],{"class":5309},[5303,10338,5625],{"class":5343},[5303,10340,5628],{"class":5309},[5303,10342,8012],{"class":5313},[5303,10344,5634],{"class":5309},[5303,10346,10347],{"class":5313}," s_lat]\n",[5303,10349,10350,10353,10355,10357,10359,10362,10364,10367,10369,10371,10373,10375,10377,10379,10381],{"class":5305,"line":8623},[5303,10351,10352],{"class":5313},"b_sort = axes[",[5303,10354,5290],{"class":5377},[5303,10356,5347],{"class":5313},[5303,10358,5290],{"class":5377},[5303,10360,10361],{"class":5313},"].barh(s_endpoints, s_lat, ",[5303,10363,5467],{"class":5443},[5303,10365,10366],{"class":5313},"=bar_cols, ",[5303,10368,5478],{"class":5443},[5303,10370,5470],{"class":5313},[5303,10372,5655],{"class":5343},[5303,10374,5347],{"class":5313},[5303,10376,6823],{"class":5443},[5303,10378,5470],{"class":5313},[5303,10380,8242],{"class":5377},[5303,10382,5486],{"class":5313},[5303,10384,10385,10387,10389,10391,10393,10396,10398,10400,10402,10404,10406,10408,10410,10412,10414,10416,10418,10420,10422,10424,10426,10428,10430],{"class":5305,"line":8660},[5303,10386,7674],{"class":5313},[5303,10388,5290],{"class":5377},[5303,10390,5347],{"class":5313},[5303,10392,5290],{"class":5377},[5303,10394,10395],{"class":5313},"].bar_label(b_sort, ",[5303,10397,5696],{"class":5443},[5303,10399,5470],{"class":5313},[5303,10401,5455],{"class":5377},[5303,10403,5347],{"class":5313},[5303,10405,7477],{"class":5443},[5303,10407,5470],{"class":5313},[5303,10409,8272],{"class":5343},[5303,10411,9823],{"class":6813},[5303,10413,9826],{"class":5343},[5303,10415,5347],{"class":5313},[5303,10417,5706],{"class":5443},[5303,10419,5470],{"class":5313},[5303,10421,5711],{"class":5343},[5303,10423,5347],{"class":5313},[5303,10425,5716],{"class":5443},[5303,10427,5470],{"class":5313},[5303,10429,8784],{"class":5377},[5303,10431,5486],{"class":5313},[5303,10433,10434,10436,10438,10440,10442,10445,10447,10449,10451,10453,10456,10458,10460,10462,10465,10467,10469,10471,10473,10475,10477,10479,10482],{"class":5305,"line":8665},[5303,10435,7674],{"class":5313},[5303,10437,5290],{"class":5377},[5303,10439,5347],{"class":5313},[5303,10441,5290],{"class":5377},[5303,10443,10444],{"class":5313},"].axvline(",[5303,10446,6089],{"class":5377},[5303,10448,5347],{"class":5313},[5303,10450,5467],{"class":5443},[5303,10452,5470],{"class":5313},[5303,10454,10455],{"class":5343},"'#dc2626'",[5303,10457,5347],{"class":5313},[5303,10459,5538],{"class":5443},[5303,10461,5470],{"class":5313},[5303,10463,10464],{"class":5343},"'--'",[5303,10466,5347],{"class":5313},[5303,10468,5660],{"class":5443},[5303,10470,5470],{"class":5313},[5303,10472,6208],{"class":5377},[5303,10474,5347],{"class":5313},[5303,10476,6214],{"class":5443},[5303,10478,5470],{"class":5313},[5303,10480,10481],{"class":5343},"\"SLA поріг (200 ms)\"",[5303,10483,5486],{"class":5313},[5303,10485,10486,10488,10490,10492,10494,10496,10498],{"class":5305,"line":8670},[5303,10487,7674],{"class":5313},[5303,10489,5290],{"class":5377},[5303,10491,5347],{"class":5313},[5303,10493,5290],{"class":5377},[5303,10495,9652],{"class":5313},[5303,10497,9655],{"class":5343},[5303,10499,5486],{"class":5313},[5303,10501,10503,10505,10507,10509,10511,10513,10516,10518,10520,10522,10524],{"class":5305,"line":10502},51,[5303,10504,7674],{"class":5313},[5303,10506,5290],{"class":5377},[5303,10508,5347],{"class":5313},[5303,10510,5290],{"class":5377},[5303,10512,7821],{"class":5313},[5303,10514,10515],{"class":5343},"\"Сортування та порогові лінії (axvline)\"",[5303,10517,5347],{"class":5313},[5303,10519,5706],{"class":5443},[5303,10521,5470],{"class":5313},[5303,10523,5711],{"class":5343},[5303,10525,5486],{"class":5313},[5303,10527,10529,10531,10533,10535,10537,10539,10541,10543,10546],{"class":5305,"line":10528},52,[5303,10530,7674],{"class":5313},[5303,10532,5290],{"class":5377},[5303,10534,5347],{"class":5313},[5303,10536,5290],{"class":5377},[5303,10538,9899],{"class":5313},[5303,10540,5807],{"class":5377},[5303,10542,5347],{"class":5313},[5303,10544,10545],{"class":5377},"370",[5303,10547,5486],{"class":5313},[5303,10549,10551,10553,10555,10557,10559],{"class":5305,"line":10550},53,[5303,10552,7674],{"class":5313},[5303,10554,5290],{"class":5377},[5303,10556,5347],{"class":5313},[5303,10558,5290],{"class":5377},[5303,10560,7891],{"class":5313},[5303,10562,10564,10566,10568,10570,10572,10574,10576,10578,10580,10582,10584,10586,10588,10590,10592,10594,10596],{"class":5305,"line":10563},54,[5303,10565,7674],{"class":5313},[5303,10567,5290],{"class":5377},[5303,10569,5347],{"class":5313},[5303,10571,5290],{"class":5377},[5303,10573,7904],{"class":5313},[5303,10575,5528],{"class":5443},[5303,10577,5470],{"class":5313},[5303,10579,9713],{"class":5343},[5303,10581,5347],{"class":5313},[5303,10583,5538],{"class":5443},[5303,10585,5470],{"class":5313},[5303,10587,5543],{"class":5343},[5303,10589,5347],{"class":5313},[5303,10591,5548],{"class":5443},[5303,10593,5470],{"class":5313},[5303,10595,5553],{"class":5377},[5303,10597,5486],{"class":5313},[5303,10599,10601],{"class":5305,"line":10600},55,[5303,10602,5327],{"emptyLinePlaceholder":5326},[5303,10604,10606],{"class":5305,"line":10605},56,[5303,10607,6482],{"class":5313},[5303,10609,10611],{"class":5305,"line":10610},57,[5303,10612,5423],{"class":5313},[5850,10614,10615],{"v-slot:output":5298},[5853,10616],{"alt":10617,"className":10618,"src":10619},"Анатомія та параметри ax.barh",[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F12.png",[5253,10621],{},[5256,10623,10625],{"id":10624},"групові-bar-charts-grouped-bars","Групові bar charts (Grouped Bars)",[5261,10627,10628],{},"Порівняння кількох груп для кожної категорії.",[5272,10630,10632],{"title":10631},"grouped_bars.ipynb",[5277,10633,10634,11057],{"execution-count":5290},[5293,10635,10637],{"className":5295,"code":10636,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\n# Дані: середні бали студентів трьох спеціальностей за 4 предмети\nsubjects = [\"Математика\", \"Фізика\", \"Програмування\", \"Англійська\"]\ncs_scores = [85, 78, 92, 70]         # Computer Science\neng_scores = [80, 88, 75, 82]        # Engineering\nmath_scores = [95, 90, 65, 75]       # Mathematics\n\nx = np.arange(len(subjects))\nwidth = 0.25\n\nfig, ax = plt.subplots(figsize=(12, 6))\n\nbars1 = ax.bar(x - width, cs_scores, width, label=\"Computer Science\", \n               color=\"#3498db\", edgecolor=\"black\")\nbars2 = ax.bar(x, eng_scores, width, label=\"Engineering\", \n               color=\"#e74c3c\", edgecolor=\"black\")\nbars3 = ax.bar(x + width, math_scores, width, label=\"Mathematics\", \n               color=\"#2ecc71\", edgecolor=\"black\")\n\nax.set_title(\"Середні бали студентів за спеціальностями\", \n             fontsize=14, fontweight=\"bold\")\nax.set_ylabel(\"Середній бал (0–100)\", fontsize=12)\nax.set_xlabel(\"Предмет\", fontsize=12)\nax.set_xticks(x)\nax.set_xticklabels(subjects)\nax.legend(fontsize=11, loc=\"upper right\")\nax.grid(axis=\"y\", alpha=0.3)\nax.set_ylim(0, 100)\n\nplt.tight_layout()\nplt.show()\n",[5300,10638,10639,10649,10659,10663,10668,10693,10720,10748,10774,10778,10787,10794,10798,10814,10818,10832,10852,10866,10885,10899,10918,10922,10931,10949,10966,10983,10987,10992,11013,11033,11045,11049,11053],{"__ignoreMap":5298},[5303,10640,10641,10643,10645,10647],{"class":5305,"line":5306},[5303,10642,5310],{"class":5309},[5303,10644,5314],{"class":5313},[5303,10646,5317],{"class":5309},[5303,10648,5320],{"class":5313},[5303,10650,10651,10653,10655,10657],{"class":5305,"line":5323},[5303,10652,5310],{"class":5309},[5303,10654,6042],{"class":5313},[5303,10656,5317],{"class":5309},[5303,10658,6047],{"class":5313},[5303,10660,10661],{"class":5305,"line":5330},[5303,10662,5327],{"emptyLinePlaceholder":5326},[5303,10664,10665],{"class":5305,"line":5337},[5303,10666,10667],{"class":5333},"# Дані: середні бали студентів трьох спеціальностей за 4 предмети\n",[5303,10669,10670,10673,10676,10678,10681,10683,10686,10688,10691],{"class":5305,"line":5371},[5303,10671,10672],{"class":5313},"subjects = [",[5303,10674,10675],{"class":5343},"\"Математика\"",[5303,10677,5347],{"class":5313},[5303,10679,10680],{"class":5343},"\"Фізика\"",[5303,10682,5347],{"class":5313},[5303,10684,10685],{"class":5343},"\"Програмування\"",[5303,10687,5347],{"class":5313},[5303,10689,10690],{"class":5343},"\"Англійська\"",[5303,10692,5368],{"class":5313},[5303,10694,10695,10698,10700,10702,10704,10706,10709,10711,10714,10717],{"class":5305,"line":5403},[5303,10696,10697],{"class":5313},"cs_scores = [",[5303,10699,6688],{"class":5377},[5303,10701,5347],{"class":5313},[5303,10703,6693],{"class":5377},[5303,10705,5347],{"class":5313},[5303,10707,10708],{"class":5377},"92",[5303,10710,5347],{"class":5313},[5303,10712,10713],{"class":5377},"70",[5303,10715,10716],{"class":5313},"]         ",[5303,10718,10719],{"class":5333},"# Computer Science\n",[5303,10721,10722,10725,10727,10729,10732,10734,10737,10739,10742,10745],{"class":5305,"line":5408},[5303,10723,10724],{"class":5313},"eng_scores = [",[5303,10726,6084],{"class":5377},[5303,10728,5347],{"class":5313},[5303,10730,10731],{"class":5377},"88",[5303,10733,5347],{"class":5313},[5303,10735,10736],{"class":5377},"75",[5303,10738,5347],{"class":5313},[5303,10740,10741],{"class":5377},"82",[5303,10743,10744],{"class":5313},"]        ",[5303,10746,10747],{"class":5333},"# Engineering\n",[5303,10749,10750,10753,10755,10757,10760,10762,10764,10766,10768,10771],{"class":5305,"line":5414},[5303,10751,10752],{"class":5313},"math_scores = [",[5303,10754,6104],{"class":5377},[5303,10756,5347],{"class":5313},[5303,10758,10759],{"class":5377},"90",[5303,10761,5347],{"class":5313},[5303,10763,6703],{"class":5377},[5303,10765,5347],{"class":5313},[5303,10767,10736],{"class":5377},[5303,10769,10770],{"class":5313},"]       ",[5303,10772,10773],{"class":5333},"# Mathematics\n",[5303,10775,10776],{"class":5305,"line":5420},[5303,10777,5327],{"emptyLinePlaceholder":5326},[5303,10779,10780,10782,10784],{"class":5305,"line":5426},[5303,10781,6160],{"class":5313},[5303,10783,6164],{"class":6163},[5303,10785,10786],{"class":5313},"(subjects))\n",[5303,10788,10789,10791],{"class":5305,"line":5431},[5303,10790,6172],{"class":5313},[5303,10792,10793],{"class":5377},"0.25\n",[5303,10795,10796],{"class":5305,"line":5437},[5303,10797,5327],{"emptyLinePlaceholder":5326},[5303,10799,10800,10802,10804,10806,10808,10810,10812],{"class":5305,"line":5461},[5303,10801,5440],{"class":5313},[5303,10803,5444],{"class":5443},[5303,10805,5447],{"class":5313},[5303,10807,5378],{"class":5377},[5303,10809,5347],{"class":5313},[5303,10811,6194],{"class":5377},[5303,10813,5458],{"class":5313},[5303,10815,10816],{"class":5305,"line":5489},[5303,10817,5327],{"emptyLinePlaceholder":5326},[5303,10819,10820,10823,10825,10827,10830],{"class":5305,"line":5500},[5303,10821,10822],{"class":5313},"bars1 = ax.bar(x - width, cs_scores, width, ",[5303,10824,6214],{"class":5443},[5303,10826,5470],{"class":5313},[5303,10828,10829],{"class":5343},"\"Computer Science\"",[5303,10831,6362],{"class":5313},[5303,10833,10834,10837,10839,10842,10844,10846,10848,10850],{"class":5305,"line":5511},[5303,10835,10836],{"class":5443},"               color",[5303,10838,5470],{"class":5313},[5303,10840,10841],{"class":5343},"\"#3498db\"",[5303,10843,5347],{"class":5313},[5303,10845,5478],{"class":5443},[5303,10847,5470],{"class":5313},[5303,10849,6237],{"class":5343},[5303,10851,5486],{"class":5313},[5303,10853,10854,10857,10859,10861,10864],{"class":5305,"line":5522},[5303,10855,10856],{"class":5313},"bars2 = ax.bar(x, eng_scores, width, ",[5303,10858,6214],{"class":5443},[5303,10860,5470],{"class":5313},[5303,10862,10863],{"class":5343},"\"Engineering\"",[5303,10865,6362],{"class":5313},[5303,10867,10868,10870,10872,10875,10877,10879,10881,10883],{"class":5305,"line":5558},[5303,10869,10836],{"class":5443},[5303,10871,5470],{"class":5313},[5303,10873,10874],{"class":5343},"\"#e74c3c\"",[5303,10876,5347],{"class":5313},[5303,10878,5478],{"class":5443},[5303,10880,5470],{"class":5313},[5303,10882,6237],{"class":5343},[5303,10884,5486],{"class":5313},[5303,10886,10887,10890,10892,10894,10897],{"class":5305,"line":5563},[5303,10888,10889],{"class":5313},"bars3 = ax.bar(x + width, math_scores, width, ",[5303,10891,6214],{"class":5443},[5303,10893,5470],{"class":5313},[5303,10895,10896],{"class":5343},"\"Mathematics\"",[5303,10898,6362],{"class":5313},[5303,10900,10901,10903,10905,10908,10910,10912,10914,10916],{"class":5305,"line":5568},[5303,10902,10836],{"class":5443},[5303,10904,5470],{"class":5313},[5303,10906,10907],{"class":5343},"\"#2ecc71\"",[5303,10909,5347],{"class":5313},[5303,10911,5478],{"class":5443},[5303,10913,5470],{"class":5313},[5303,10915,6237],{"class":5343},[5303,10917,5486],{"class":5313},[5303,10919,10920],{"class":5305,"line":5574},[5303,10921,5327],{"emptyLinePlaceholder":5326},[5303,10923,10924,10926,10929],{"class":5305,"line":5593},[5303,10925,5514],{"class":5313},[5303,10927,10928],{"class":5343},"\"Середні бали студентів за спеціальностями\"",[5303,10930,6362],{"class":5313},[5303,10932,10933,10935,10937,10939,10941,10943,10945,10947],{"class":5305,"line":5598},[5303,10934,6367],{"class":5443},[5303,10936,5470],{"class":5313},[5303,10938,6372],{"class":5377},[5303,10940,5347],{"class":5313},[5303,10942,5706],{"class":5443},[5303,10944,5470],{"class":5313},[5303,10946,6381],{"class":5343},[5303,10948,5486],{"class":5313},[5303,10950,10951,10953,10956,10958,10960,10962,10964],{"class":5305,"line":5604},[5303,10952,5503],{"class":5313},[5303,10954,10955],{"class":5343},"\"Середній бал (0–100)\"",[5303,10957,5347],{"class":5313},[5303,10959,5716],{"class":5443},[5303,10961,5470],{"class":5313},[5303,10963,5378],{"class":5377},[5303,10965,5486],{"class":5313},[5303,10967,10968,10970,10973,10975,10977,10979,10981],{"class":5305,"line":5640},[5303,10969,5492],{"class":5313},[5303,10971,10972],{"class":5343},"\"Предмет\"",[5303,10974,5347],{"class":5313},[5303,10976,5716],{"class":5443},[5303,10978,5470],{"class":5313},[5303,10980,5378],{"class":5377},[5303,10982,5486],{"class":5313},[5303,10984,10985],{"class":5305,"line":5679},[5303,10986,6422],{"class":5313},[5303,10988,10989],{"class":5305,"line":5684},[5303,10990,10991],{"class":5313},"ax.set_xticklabels(subjects)\n",[5303,10993,10994,10996,10998,11000,11002,11004,11006,11008,11011],{"class":5305,"line":5690},[5303,10995,6432],{"class":5313},[5303,10997,5716],{"class":5443},[5303,10999,5470],{"class":5313},[5303,11001,6449],{"class":5377},[5303,11003,5347],{"class":5313},[5303,11005,6435],{"class":5443},[5303,11007,5470],{"class":5313},[5303,11009,11010],{"class":5343},"\"upper right\"",[5303,11012,5486],{"class":5313},[5303,11014,11015,11017,11019,11021,11023,11025,11027,11029,11031],{"class":5305,"line":5735},[5303,11016,5525],{"class":5313},[5303,11018,5528],{"class":5443},[5303,11020,5470],{"class":5313},[5303,11022,6462],{"class":5343},[5303,11024,5347],{"class":5313},[5303,11026,5548],{"class":5443},[5303,11028,5470],{"class":5313},[5303,11030,6471],{"class":5377},[5303,11032,5486],{"class":5313},[5303,11034,11035,11037,11039,11041,11043],{"class":5305,"line":5740},[5303,11036,5804],{"class":5313},[5303,11038,5807],{"class":5377},[5303,11040,5347],{"class":5313},[5303,11042,6943],{"class":5377},[5303,11044,5486],{"class":5313},[5303,11046,11047],{"class":5305,"line":5766},[5303,11048,5327],{"emptyLinePlaceholder":5326},[5303,11050,11051],{"class":5305,"line":5784},[5303,11052,6482],{"class":5313},[5303,11054,11055],{"class":5305,"line":5801},[5303,11056,5423],{"class":5313},[5850,11058,11059],{"v-slot:output":5298},[5853,11060],{"alt":11061,"className":11062,"src":11063},"Групові bar charts",[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F05.png",[5253,11065],{},[5256,11067,11069],{"id":11068},"stacked-bar-charts-складені-стовпці","Stacked bar charts (складені стовпці)",[5261,11071,11072,11073,11076],{},"Показують ",[5224,11074,11075],{},"склад"," кожної категорії та загальну суму.",[5272,11078,11080],{"title":11079},"stacked_bars.ipynb",[5277,11081,11082,11476],{"execution-count":5290},[5293,11083,11085],{"className":5295,"code":11084,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\n# Дані: джерела енергії в різних країнах (%)\ncountries = [\"Україна\", \"Німеччина\", \"Франція\", \"Норвегія\"]\nfossil = [60, 40, 10, 5]      # Викопне паливо\nnuclear = [25, 10, 70, 0]     # Ядерна\nrenewable = [15, 50, 20, 95]  # Відновлювані\n\nfig, ax = plt.subplots(figsize=(10, 7))\n\nax.bar(countries, fossil, label=\"Викопне паливо\", color=\"#D35400\", edgecolor=\"black\")\nax.bar(countries, nuclear, bottom=fossil, label=\"Ядерна енергія\", \n       color=\"#9B59B6\", edgecolor=\"black\")\n\n# Для третього шару потрібна сума попередніх\nbottom_renewable = np.array(fossil) + np.array(nuclear)\nax.bar(countries, renewable, bottom=bottom_renewable, \n       label=\"Відновлювані джерела\", color=\"#27AE60\", edgecolor=\"black\")\n\nax.set_title(\"Структура енергетики за країнами (%)\", \n             fontsize=14, fontweight=\"bold\")\nax.set_ylabel(\"Частка (%)\", fontsize=12)\nax.set_ylim(0, 100)\nax.legend(loc=\"upper left\", fontsize=11)\nax.grid(axis=\"y\", alpha=0.3)\n\nplt.tight_layout()\nplt.show()\n",[5300,11086,11087,11097,11107,11111,11116,11141,11166,11191,11217,11221,11237,11241,11272,11291,11311,11315,11320,11325,11335,11364,11368,11377,11395,11412,11424,11444,11464,11468,11472],{"__ignoreMap":5298},[5303,11088,11089,11091,11093,11095],{"class":5305,"line":5306},[5303,11090,5310],{"class":5309},[5303,11092,5314],{"class":5313},[5303,11094,5317],{"class":5309},[5303,11096,5320],{"class":5313},[5303,11098,11099,11101,11103,11105],{"class":5305,"line":5323},[5303,11100,5310],{"class":5309},[5303,11102,6042],{"class":5313},[5303,11104,5317],{"class":5309},[5303,11106,6047],{"class":5313},[5303,11108,11109],{"class":5305,"line":5330},[5303,11110,5327],{"emptyLinePlaceholder":5326},[5303,11112,11113],{"class":5305,"line":5337},[5303,11114,11115],{"class":5333},"# Дані: джерела енергії в різних країнах (%)\n",[5303,11117,11118,11121,11124,11126,11129,11131,11134,11136,11139],{"class":5305,"line":5371},[5303,11119,11120],{"class":5313},"countries = [",[5303,11122,11123],{"class":5343},"\"Україна\"",[5303,11125,5347],{"class":5313},[5303,11127,11128],{"class":5343},"\"Німеччина\"",[5303,11130,5347],{"class":5313},[5303,11132,11133],{"class":5343},"\"Франція\"",[5303,11135,5347],{"class":5313},[5303,11137,11138],{"class":5343},"\"Норвегія\"",[5303,11140,5368],{"class":5313},[5303,11142,11143,11146,11148,11150,11152,11154,11156,11158,11160,11163],{"class":5305,"line":5403},[5303,11144,11145],{"class":5313},"fossil = [",[5303,11147,6708],{"class":5377},[5303,11149,5347],{"class":5313},[5303,11151,5619],{"class":5377},[5303,11153,5347],{"class":5313},[5303,11155,5779],{"class":5377},[5303,11157,5347],{"class":5313},[5303,11159,7615],{"class":5377},[5303,11161,11162],{"class":5313},"]      ",[5303,11164,11165],{"class":5333},"# Викопне паливо\n",[5303,11167,11168,11171,11173,11175,11177,11179,11181,11183,11185,11188],{"class":5305,"line":5408},[5303,11169,11170],{"class":5313},"nuclear = [",[5303,11172,8433],{"class":5377},[5303,11174,5347],{"class":5313},[5303,11176,5779],{"class":5377},[5303,11178,5347],{"class":5313},[5303,11180,10713],{"class":5377},[5303,11182,5347],{"class":5313},[5303,11184,5807],{"class":5377},[5303,11186,11187],{"class":5313},"]     ",[5303,11189,11190],{"class":5333},"# Ядерна\n",[5303,11192,11193,11196,11198,11200,11203,11205,11207,11209,11211,11214],{"class":5305,"line":5414},[5303,11194,11195],{"class":5313},"renewable = [",[5303,11197,8419],{"class":5377},[5303,11199,5347],{"class":5313},[5303,11201,11202],{"class":5377},"50",[5303,11204,5347],{"class":5313},[5303,11206,8424],{"class":5377},[5303,11208,5347],{"class":5313},[5303,11210,6104],{"class":5377},[5303,11212,11213],{"class":5313},"]  ",[5303,11215,11216],{"class":5333},"# Відновлювані\n",[5303,11218,11219],{"class":5305,"line":5420},[5303,11220,5327],{"emptyLinePlaceholder":5326},[5303,11222,11223,11225,11227,11229,11231,11233,11235],{"class":5305,"line":5426},[5303,11224,5440],{"class":5313},[5303,11226,5444],{"class":5443},[5303,11228,5447],{"class":5313},[5303,11230,5779],{"class":5377},[5303,11232,5347],{"class":5313},[5303,11234,5583],{"class":5377},[5303,11236,5458],{"class":5313},[5303,11238,11239],{"class":5305,"line":5431},[5303,11240,5327],{"emptyLinePlaceholder":5326},[5303,11242,11243,11246,11248,11250,11253,11255,11257,11259,11262,11264,11266,11268,11270],{"class":5305,"line":5437},[5303,11244,11245],{"class":5313},"ax.bar(countries, fossil, ",[5303,11247,6214],{"class":5443},[5303,11249,5470],{"class":5313},[5303,11251,11252],{"class":5343},"\"Викопне паливо\"",[5303,11254,5347],{"class":5313},[5303,11256,5467],{"class":5443},[5303,11258,5470],{"class":5313},[5303,11260,11261],{"class":5343},"\"#D35400\"",[5303,11263,5347],{"class":5313},[5303,11265,5478],{"class":5443},[5303,11267,5470],{"class":5313},[5303,11269,6237],{"class":5343},[5303,11271,5486],{"class":5313},[5303,11273,11274,11277,11279,11282,11284,11286,11289],{"class":5305,"line":5461},[5303,11275,11276],{"class":5313},"ax.bar(countries, nuclear, ",[5303,11278,7311],{"class":5443},[5303,11280,11281],{"class":5313},"=fossil, ",[5303,11283,6214],{"class":5443},[5303,11285,5470],{"class":5313},[5303,11287,11288],{"class":5343},"\"Ядерна енергія\"",[5303,11290,6362],{"class":5313},[5303,11292,11293,11296,11298,11301,11303,11305,11307,11309],{"class":5305,"line":5489},[5303,11294,11295],{"class":5443},"       color",[5303,11297,5470],{"class":5313},[5303,11299,11300],{"class":5343},"\"#9B59B6\"",[5303,11302,5347],{"class":5313},[5303,11304,5478],{"class":5443},[5303,11306,5470],{"class":5313},[5303,11308,6237],{"class":5343},[5303,11310,5486],{"class":5313},[5303,11312,11313],{"class":5305,"line":5500},[5303,11314,5327],{"emptyLinePlaceholder":5326},[5303,11316,11317],{"class":5305,"line":5511},[5303,11318,11319],{"class":5333},"# Для третього шару потрібна сума попередніх\n",[5303,11321,11322],{"class":5305,"line":5522},[5303,11323,11324],{"class":5313},"bottom_renewable = np.array(fossil) + np.array(nuclear)\n",[5303,11326,11327,11330,11332],{"class":5305,"line":5558},[5303,11328,11329],{"class":5313},"ax.bar(countries, renewable, ",[5303,11331,7311],{"class":5443},[5303,11333,11334],{"class":5313},"=bottom_renewable, \n",[5303,11336,11337,11340,11342,11345,11347,11349,11351,11354,11356,11358,11360,11362],{"class":5305,"line":5563},[5303,11338,11339],{"class":5443},"       label",[5303,11341,5470],{"class":5313},[5303,11343,11344],{"class":5343},"\"Відновлювані джерела\"",[5303,11346,5347],{"class":5313},[5303,11348,5467],{"class":5443},[5303,11350,5470],{"class":5313},[5303,11352,11353],{"class":5343},"\"#27AE60\"",[5303,11355,5347],{"class":5313},[5303,11357,5478],{"class":5443},[5303,11359,5470],{"class":5313},[5303,11361,6237],{"class":5343},[5303,11363,5486],{"class":5313},[5303,11365,11366],{"class":5305,"line":5568},[5303,11367,5327],{"emptyLinePlaceholder":5326},[5303,11369,11370,11372,11375],{"class":5305,"line":5574},[5303,11371,5514],{"class":5313},[5303,11373,11374],{"class":5343},"\"Структура енергетики за країнами (%)\"",[5303,11376,6362],{"class":5313},[5303,11378,11379,11381,11383,11385,11387,11389,11391,11393],{"class":5305,"line":5593},[5303,11380,6367],{"class":5443},[5303,11382,5470],{"class":5313},[5303,11384,6372],{"class":5377},[5303,11386,5347],{"class":5313},[5303,11388,5706],{"class":5443},[5303,11390,5470],{"class":5313},[5303,11392,6381],{"class":5343},[5303,11394,5486],{"class":5313},[5303,11396,11397,11399,11402,11404,11406,11408,11410],{"class":5305,"line":5598},[5303,11398,5503],{"class":5313},[5303,11400,11401],{"class":5343},"\"Частка (%)\"",[5303,11403,5347],{"class":5313},[5303,11405,5716],{"class":5443},[5303,11407,5470],{"class":5313},[5303,11409,5378],{"class":5377},[5303,11411,5486],{"class":5313},[5303,11413,11414,11416,11418,11420,11422],{"class":5305,"line":5604},[5303,11415,5804],{"class":5313},[5303,11417,5807],{"class":5377},[5303,11419,5347],{"class":5313},[5303,11421,6943],{"class":5377},[5303,11423,5486],{"class":5313},[5303,11425,11426,11428,11430,11432,11434,11436,11438,11440,11442],{"class":5305,"line":5640},[5303,11427,6432],{"class":5313},[5303,11429,6435],{"class":5443},[5303,11431,5470],{"class":5313},[5303,11433,6440],{"class":5343},[5303,11435,5347],{"class":5313},[5303,11437,5716],{"class":5443},[5303,11439,5470],{"class":5313},[5303,11441,6449],{"class":5377},[5303,11443,5486],{"class":5313},[5303,11445,11446,11448,11450,11452,11454,11456,11458,11460,11462],{"class":5305,"line":5679},[5303,11447,5525],{"class":5313},[5303,11449,5528],{"class":5443},[5303,11451,5470],{"class":5313},[5303,11453,6462],{"class":5343},[5303,11455,5347],{"class":5313},[5303,11457,5548],{"class":5443},[5303,11459,5470],{"class":5313},[5303,11461,6471],{"class":5377},[5303,11463,5486],{"class":5313},[5303,11465,11466],{"class":5305,"line":5684},[5303,11467,5327],{"emptyLinePlaceholder":5326},[5303,11469,11470],{"class":5305,"line":5690},[5303,11471,6482],{"class":5313},[5303,11473,11474],{"class":5305,"line":5735},[5303,11475,5423],{"class":5313},[5850,11477,11478],{"v-slot:output":5298},[5853,11479],{"alt":11480,"className":11481,"src":11482},"Stacked bar charts",[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F06.png",[11484,11485,11486,11491,11511],"warning",{},[5261,11487,11488],{},[5224,11489,11490],{},"Обмеження stacked bar charts:",[5866,11492,11493,11499,11505],{},[5201,11494,11495,11498],{},[5224,11496,11497],{},"Важко порівнювати середні шари"," — лише нижній шар має спільну базову лінію. Верхні шари «плавають» на різних висотах.",[5201,11500,11501,11504],{},[5224,11502,11503],{},"Не показує абсолютні значення"," — лише відсотки або частки. Якщо потрібні абсолютні числа → grouped bars.",[5201,11506,11507,11510],{},[5224,11508,11509],{},"Максимум 3–4 шари"," — більше стає нечитабельним.",[5261,11512,11513,11516],{},[5224,11514,11515],{},"Альтернатива:"," 100% stacked bars (усі стовпці однакової висоти, показують тільки пропорції) або grouped bars, якщо потрібне точне порівняння.",[5281,11518,11520],{"id":11519},"математика-позиціонування-групові-складені-та-100-нормовані-стовпці","Математика позиціонування: Групові, Складені та 100% нормовані стовпці",[5261,11522,11523],{},"Побудова складних категоріальних порівнянь у чистому Matplotlib базується на простій векторній арифметиці масивів NumPy:",[5866,11525,11526,11532,11545],{},[5201,11527,11528,11531],{},[5224,11529,11530],{},"Групові стовпці (Grouped):"," щоб стовпці не накладалися, кожна група зміщується вздовж осі X на фіксований крок. Для $K$ груп із шириною стовпця $w$:\n$$x_k = x + \\left(k - \\frac{K-1}{2}\\right) \\cdot w$$",[5201,11533,11534,11537,11538,11540,11541,11544],{},[5224,11535,11536],{},"Складені стовпці (Stacked):"," координата X залишається однаковою, але кожен новий шар опирається на суму висот попередніх шарів через параметр ",[5300,11539,7311],{},":\n$$\\text{bottom}",[7258,11542,11543],{"j":5807},"k = \\sum","^{k-1} \\text{height}_j$$",[5201,11546,11547,11550],{},[5224,11548,11549],{},"100% нормовані стовпці (Normalized Stacked):"," абсолютні значення діляться на суму категорії $\\text{totals} = \\sum y_i$, що перетворює стовпці на стабільну шкалу 0–100%.",[5272,11552,11554,11563],{"title":11553,"kernel":5275},"grouped_stacked_math.ipynb",[5277,11555,11556,11560],{"type":5279},[5281,11557,11559],{"id":11558},"практичне-порівняння-grouped-stacked-100-normalized-та-сумарні-підписи","Практичне порівняння: Grouped, Stacked, 100% Normalized та сумарні підписи",[5261,11561,11562],{},"Аналіз витрат на хмарну інфраструктуру за 4 місяці",[5277,11564,11566,13022],{"execution-count":5290,"execution-time":11565},"0.26s",[5293,11567,11569],{"className":5295,"code":11568,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport numpy as np\n\nmonths = [\"Січ\", \"Лют\", \"Бер\", \"Кві\"]\nx_m = np.arange(len(months))\nw = 0.25\n\ncompute = np.array([45, 52, 60, 75])\nstorage = np.array([20, 22, 25, 30])\nnetwork = np.array([15, 18, 22, 28])\ntotals = compute + storage + network\n\nfig, axes = plt.subplots(2, 2, figsize=(14, 10))\n\n# 1. Grouped Bar Chart (3 групи з точним зміщенням)\naxes[0, 0].bar(x_m - w, compute, width=w, label=\"Compute (EC2)\", color='#3b82f6', edgecolor='black', linewidth=0.8)\naxes[0, 0].bar(x_m, storage, width=w, label=\"Storage (S3)\", color='#10b981', edgecolor='black', linewidth=0.8)\naxes[0, 0].bar(x_m + w, network, width=w, label=\"Network (Egress)\", color='#f59e0b', edgecolor='black', linewidth=0.8)\naxes[0, 0].set_xticks(x_m)\naxes[0, 0].set_xticklabels(months)\naxes[0, 0].set_ylabel(\"Витрати ($ тис.)\")\naxes[0, 0].set_title(\"Груповий Bar Chart: детальне порівняння категорій\\nЗсув: x - w, x, x + w\", fontweight='bold')\naxes[0, 0].legend()\naxes[0, 0].grid(axis='y', linestyle=':', alpha=0.6)\n\n# 2. Stacked Bar Chart (абсолютний бюджет через bottom)\naxes[0, 1].bar(months, compute, label=\"Compute (EC2)\", color='#3b82f6', edgecolor='black', linewidth=0.8, width=0.55)\naxes[0, 1].bar(months, storage, bottom=compute, label=\"Storage (S3)\", color='#10b981', edgecolor='black', linewidth=0.8, width=0.55)\naxes[0, 1].bar(months, network, bottom=compute + storage, label=\"Network (Egress)\", color='#f59e0b', edgecolor='black', linewidth=0.8, width=0.55)\naxes[0, 1].set_ylabel(\"Загальний бюджет ($ тис.)\")\naxes[0, 1].set_title(\"Складений Bar Chart: загальний обсяг і частка\\nНакопичення: bottom=compute, bottom=compute+storage\", fontweight='bold')\naxes[0, 1].legend()\naxes[0, 1].grid(axis='y', linestyle=':', alpha=0.6)\n\n# 3. 100% Normalized Stacked Bar Chart (відносні частки)\np_comp = compute \u002F totals * 100\np_stor = storage \u002F totals * 100\np_net = network \u002F totals * 100\n\naxes[1, 0].bar(months, p_comp, label=\"Compute (%)\", color='#3b82f6', edgecolor='black', linewidth=0.8, width=0.55)\naxes[1, 0].bar(months, p_stor, bottom=p_comp, label=\"Storage (%)\", color='#10b981', edgecolor='black', linewidth=0.8, width=0.55)\naxes[1, 0].bar(months, p_net, bottom=p_comp + p_stor, label=\"Network (%)\", color='#f59e0b', edgecolor='black', linewidth=0.8, width=0.55)\naxes[1, 0].set_ylabel(\"Частка у бюджеті (%)\")\naxes[1, 0].set_ylim(0, 100)\naxes[1, 0].set_title(\"100% Нормований Stacked: зміна пропорцій компонентів\\nВісь Y завжди фіксована на 100%\", fontweight='bold')\naxes[1, 0].legend(loc='lower right')\naxes[1, 0].grid(axis='y', linestyle=':', alpha=0.6)\n\n# 4. Складений Bar Chart із загальними підписами над стовпцями\naxes[1, 1].bar(months, compute, label=\"Compute\", color='#3b82f6', edgecolor='black', linewidth=0.8, width=0.55)\naxes[1, 1].bar(months, storage, bottom=compute, label=\"Storage\", color='#10b981', edgecolor='black', linewidth=0.8, width=0.55)\naxes[1, 1].bar(months, network, bottom=compute + storage, label=\"Network\", color='#f59e0b', edgecolor='black', linewidth=0.8, width=0.55)\nfor i, tot in enumerate(totals):\n    axes[1, 1].text(i, tot + 2, f\"${tot}k\", ha='center', va='bottom', fontweight='bold', fontsize=9.5)\naxes[1, 1].set_ylabel(\"Витрати ($ тис.)\")\naxes[1, 1].set_ylim(0, 155)\naxes[1, 1].set_title(\"Stacked Bar з числовими підписами сум зверху\\nax.text(i, total + offset, f'${total}k')\", fontweight='bold')\naxes[1, 1].legend()\naxes[1, 1].grid(axis='y', linestyle=':', alpha=0.6)\n\nplt.tight_layout()\nplt.show()\n",[5300,11570,11571,11581,11591,11595,11620,11630,11637,11641,11663,11684,11705,11710,11714,11738,11742,11747,11799,11849,11899,11912,11925,11942,11974,11986,12022,12026,12031,12084,12142,12200,12217,12247,12259,12295,12299,12304,12312,12319,12326,12330,12384,12443,12502,12519,12539,12569,12589,12625,12629,12634,12687,12744,12801,12815,12884,12900,12921,12957,12970,13007,13012,13017],{"__ignoreMap":5298},[5303,11572,11573,11575,11577,11579],{"class":5305,"line":5306},[5303,11574,5310],{"class":5309},[5303,11576,5314],{"class":5313},[5303,11578,5317],{"class":5309},[5303,11580,5320],{"class":5313},[5303,11582,11583,11585,11587,11589],{"class":5305,"line":5323},[5303,11584,5310],{"class":5309},[5303,11586,6042],{"class":5313},[5303,11588,5317],{"class":5309},[5303,11590,6047],{"class":5313},[5303,11592,11593],{"class":5305,"line":5330},[5303,11594,5327],{"emptyLinePlaceholder":5326},[5303,11596,11597,11600,11603,11605,11608,11610,11613,11615,11618],{"class":5305,"line":5337},[5303,11598,11599],{"class":5313},"months = [",[5303,11601,11602],{"class":5343},"\"Січ\"",[5303,11604,5347],{"class":5313},[5303,11606,11607],{"class":5343},"\"Лют\"",[5303,11609,5347],{"class":5313},[5303,11611,11612],{"class":5343},"\"Бер\"",[5303,11614,5347],{"class":5313},[5303,11616,11617],{"class":5343},"\"Кві\"",[5303,11619,5368],{"class":5313},[5303,11621,11622,11625,11627],{"class":5305,"line":5371},[5303,11623,11624],{"class":5313},"x_m = np.arange(",[5303,11626,6164],{"class":6163},[5303,11628,11629],{"class":5313},"(months))\n",[5303,11631,11632,11635],{"class":5305,"line":5403},[5303,11633,11634],{"class":5313},"w = ",[5303,11636,10793],{"class":5377},[5303,11638,11639],{"class":5305,"line":5408},[5303,11640,5327],{"emptyLinePlaceholder":5326},[5303,11642,11643,11646,11648,11650,11652,11654,11656,11658,11660],{"class":5305,"line":5414},[5303,11644,11645],{"class":5313},"compute = np.array([",[5303,11647,5383],{"class":5377},[5303,11649,5347],{"class":5313},[5303,11651,5812],{"class":5377},[5303,11653,5347],{"class":5313},[5303,11655,6708],{"class":5377},[5303,11657,5347],{"class":5313},[5303,11659,10736],{"class":5377},[5303,11661,11662],{"class":5313},"])\n",[5303,11664,11665,11668,11670,11672,11674,11676,11678,11680,11682],{"class":5305,"line":5420},[5303,11666,11667],{"class":5313},"storage = np.array([",[5303,11669,8424],{"class":5377},[5303,11671,5347],{"class":5313},[5303,11673,9466],{"class":5377},[5303,11675,5347],{"class":5313},[5303,11677,8433],{"class":5377},[5303,11679,5347],{"class":5313},[5303,11681,9990],{"class":5377},[5303,11683,11662],{"class":5313},[5303,11685,11686,11689,11691,11693,11695,11697,11699,11701,11703],{"class":5305,"line":5426},[5303,11687,11688],{"class":5313},"network = np.array([",[5303,11690,8419],{"class":5377},[5303,11692,5347],{"class":5313},[5303,11694,9456],{"class":5377},[5303,11696,5347],{"class":5313},[5303,11698,9466],{"class":5377},[5303,11700,5347],{"class":5313},[5303,11702,10003],{"class":5377},[5303,11704,11662],{"class":5313},[5303,11706,11707],{"class":5305,"line":5431},[5303,11708,11709],{"class":5313},"totals = compute + storage + network\n",[5303,11711,11712],{"class":5305,"line":5437},[5303,11713,5327],{"emptyLinePlaceholder":5326},[5303,11715,11716,11718,11720,11722,11724,11726,11728,11730,11732,11734,11736],{"class":5305,"line":5461},[5303,11717,7639],{"class":5313},[5303,11719,6800],{"class":5377},[5303,11721,5347],{"class":5313},[5303,11723,6800],{"class":5377},[5303,11725,5347],{"class":5313},[5303,11727,5444],{"class":5443},[5303,11729,5447],{"class":5313},[5303,11731,6372],{"class":5377},[5303,11733,5347],{"class":5313},[5303,11735,5779],{"class":5377},[5303,11737,5458],{"class":5313},[5303,11739,11740],{"class":5305,"line":5489},[5303,11741,5327],{"emptyLinePlaceholder":5326},[5303,11743,11744],{"class":5305,"line":5500},[5303,11745,11746],{"class":5333},"# 1. Grouped Bar Chart (3 групи з точним зміщенням)\n",[5303,11748,11749,11751,11753,11755,11757,11760,11762,11765,11767,11769,11772,11774,11776,11778,11780,11782,11784,11786,11789,11791,11793,11795,11797],{"class":5305,"line":5511},[5303,11750,7674],{"class":5313},[5303,11752,5807],{"class":5377},[5303,11754,5347],{"class":5313},[5303,11756,5807],{"class":5377},[5303,11758,11759],{"class":5313},"].bar(x_m - w, compute, ",[5303,11761,5670],{"class":5443},[5303,11763,11764],{"class":5313},"=w, ",[5303,11766,6214],{"class":5443},[5303,11768,5470],{"class":5313},[5303,11770,11771],{"class":5343},"\"Compute (EC2)\"",[5303,11773,5347],{"class":5313},[5303,11775,5467],{"class":5443},[5303,11777,5470],{"class":5313},[5303,11779,10106],{"class":5343},[5303,11781,5347],{"class":5313},[5303,11783,5478],{"class":5443},[5303,11785,5470],{"class":5313},[5303,11787,11788],{"class":5343},"'black'",[5303,11790,5347],{"class":5313},[5303,11792,5660],{"class":5443},[5303,11794,5470],{"class":5313},[5303,11796,7163],{"class":5377},[5303,11798,5486],{"class":5313},[5303,11800,11801,11803,11805,11807,11809,11812,11814,11816,11818,11820,11823,11825,11827,11829,11831,11833,11835,11837,11839,11841,11843,11845,11847],{"class":5305,"line":5522},[5303,11802,7674],{"class":5313},[5303,11804,5807],{"class":5377},[5303,11806,5347],{"class":5313},[5303,11808,5807],{"class":5377},[5303,11810,11811],{"class":5313},"].bar(x_m, storage, ",[5303,11813,5670],{"class":5443},[5303,11815,11764],{"class":5313},[5303,11817,6214],{"class":5443},[5303,11819,5470],{"class":5313},[5303,11821,11822],{"class":5343},"\"Storage (S3)\"",[5303,11824,5347],{"class":5313},[5303,11826,5467],{"class":5443},[5303,11828,5470],{"class":5313},[5303,11830,8216],{"class":5343},[5303,11832,5347],{"class":5313},[5303,11834,5478],{"class":5443},[5303,11836,5470],{"class":5313},[5303,11838,11788],{"class":5343},[5303,11840,5347],{"class":5313},[5303,11842,5660],{"class":5443},[5303,11844,5470],{"class":5313},[5303,11846,7163],{"class":5377},[5303,11848,5486],{"class":5313},[5303,11850,11851,11853,11855,11857,11859,11862,11864,11866,11868,11870,11873,11875,11877,11879,11881,11883,11885,11887,11889,11891,11893,11895,11897],{"class":5305,"line":5558},[5303,11852,7674],{"class":5313},[5303,11854,5807],{"class":5377},[5303,11856,5347],{"class":5313},[5303,11858,5807],{"class":5377},[5303,11860,11861],{"class":5313},"].bar(x_m + w, network, ",[5303,11863,5670],{"class":5443},[5303,11865,11764],{"class":5313},[5303,11867,6214],{"class":5443},[5303,11869,5470],{"class":5313},[5303,11871,11872],{"class":5343},"\"Network (Egress)\"",[5303,11874,5347],{"class":5313},[5303,11876,5467],{"class":5443},[5303,11878,5470],{"class":5313},[5303,11880,8517],{"class":5343},[5303,11882,5347],{"class":5313},[5303,11884,5478],{"class":5443},[5303,11886,5470],{"class":5313},[5303,11888,11788],{"class":5343},[5303,11890,5347],{"class":5313},[5303,11892,5660],{"class":5443},[5303,11894,5470],{"class":5313},[5303,11896,7163],{"class":5377},[5303,11898,5486],{"class":5313},[5303,11900,11901,11903,11905,11907,11909],{"class":5305,"line":5563},[5303,11902,7674],{"class":5313},[5303,11904,5807],{"class":5377},[5303,11906,5347],{"class":5313},[5303,11908,5807],{"class":5377},[5303,11910,11911],{"class":5313},"].set_xticks(x_m)\n",[5303,11913,11914,11916,11918,11920,11922],{"class":5305,"line":5568},[5303,11915,7674],{"class":5313},[5303,11917,5807],{"class":5377},[5303,11919,5347],{"class":5313},[5303,11921,5807],{"class":5377},[5303,11923,11924],{"class":5313},"].set_xticklabels(months)\n",[5303,11926,11927,11929,11931,11933,11935,11937,11940],{"class":5305,"line":5574},[5303,11928,7674],{"class":5313},[5303,11930,5807],{"class":5377},[5303,11932,5347],{"class":5313},[5303,11934,5807],{"class":5377},[5303,11936,7873],{"class":5313},[5303,11938,11939],{"class":5343},"\"Витрати ($ тис.)\"",[5303,11941,5486],{"class":5313},[5303,11943,11944,11946,11948,11950,11952,11954,11957,11961,11964,11966,11968,11970,11972],{"class":5305,"line":5593},[5303,11945,7674],{"class":5313},[5303,11947,5807],{"class":5377},[5303,11949,5347],{"class":5313},[5303,11951,5807],{"class":5377},[5303,11953,7821],{"class":5313},[5303,11955,11956],{"class":5343},"\"Груповий Bar Chart: детальне порівняння категорій",[5303,11958,11960],{"class":11959},"sjcCO","\\n",[5303,11962,11963],{"class":5343},"Зсув: x - w, x, x + w\"",[5303,11965,5347],{"class":5313},[5303,11967,5706],{"class":5443},[5303,11969,5470],{"class":5313},[5303,11971,5711],{"class":5343},[5303,11973,5486],{"class":5313},[5303,11975,11976,11978,11980,11982,11984],{"class":5305,"line":5598},[5303,11977,7674],{"class":5313},[5303,11979,5807],{"class":5377},[5303,11981,5347],{"class":5313},[5303,11983,5807],{"class":5377},[5303,11985,7891],{"class":5313},[5303,11987,11988,11990,11992,11994,11996,11998,12000,12002,12004,12006,12008,12010,12012,12014,12016,12018,12020],{"class":5305,"line":5604},[5303,11989,7674],{"class":5313},[5303,11991,5807],{"class":5377},[5303,11993,5347],{"class":5313},[5303,11995,5807],{"class":5377},[5303,11997,7904],{"class":5313},[5303,11999,5528],{"class":5443},[5303,12001,5470],{"class":5313},[5303,12003,5533],{"class":5343},[5303,12005,5347],{"class":5313},[5303,12007,5538],{"class":5443},[5303,12009,5470],{"class":5313},[5303,12011,5543],{"class":5343},[5303,12013,5347],{"class":5313},[5303,12015,5548],{"class":5443},[5303,12017,5470],{"class":5313},[5303,12019,5553],{"class":5377},[5303,12021,5486],{"class":5313},[5303,12023,12024],{"class":5305,"line":5640},[5303,12025,5327],{"emptyLinePlaceholder":5326},[5303,12027,12028],{"class":5305,"line":5679},[5303,12029,12030],{"class":5333},"# 2. Stacked Bar Chart (абсолютний бюджет через bottom)\n",[5303,12032,12033,12035,12037,12039,12041,12044,12046,12048,12050,12052,12054,12056,12058,12060,12062,12064,12066,12068,12070,12072,12074,12076,12078,12080,12082],{"class":5305,"line":5684},[5303,12034,7674],{"class":5313},[5303,12036,5807],{"class":5377},[5303,12038,5347],{"class":5313},[5303,12040,5290],{"class":5377},[5303,12042,12043],{"class":5313},"].bar(months, compute, ",[5303,12045,6214],{"class":5443},[5303,12047,5470],{"class":5313},[5303,12049,11771],{"class":5343},[5303,12051,5347],{"class":5313},[5303,12053,5467],{"class":5443},[5303,12055,5470],{"class":5313},[5303,12057,10106],{"class":5343},[5303,12059,5347],{"class":5313},[5303,12061,5478],{"class":5443},[5303,12063,5470],{"class":5313},[5303,12065,11788],{"class":5343},[5303,12067,5347],{"class":5313},[5303,12069,5660],{"class":5443},[5303,12071,5470],{"class":5313},[5303,12073,7163],{"class":5377},[5303,12075,5347],{"class":5313},[5303,12077,5670],{"class":5443},[5303,12079,5470],{"class":5313},[5303,12081,8242],{"class":5377},[5303,12083,5486],{"class":5313},[5303,12085,12086,12088,12090,12092,12094,12097,12099,12102,12104,12106,12108,12110,12112,12114,12116,12118,12120,12122,12124,12126,12128,12130,12132,12134,12136,12138,12140],{"class":5305,"line":5690},[5303,12087,7674],{"class":5313},[5303,12089,5807],{"class":5377},[5303,12091,5347],{"class":5313},[5303,12093,5290],{"class":5377},[5303,12095,12096],{"class":5313},"].bar(months, storage, ",[5303,12098,7311],{"class":5443},[5303,12100,12101],{"class":5313},"=compute, ",[5303,12103,6214],{"class":5443},[5303,12105,5470],{"class":5313},[5303,12107,11822],{"class":5343},[5303,12109,5347],{"class":5313},[5303,12111,5467],{"class":5443},[5303,12113,5470],{"class":5313},[5303,12115,8216],{"class":5343},[5303,12117,5347],{"class":5313},[5303,12119,5478],{"class":5443},[5303,12121,5470],{"class":5313},[5303,12123,11788],{"class":5343},[5303,12125,5347],{"class":5313},[5303,12127,5660],{"class":5443},[5303,12129,5470],{"class":5313},[5303,12131,7163],{"class":5377},[5303,12133,5347],{"class":5313},[5303,12135,5670],{"class":5443},[5303,12137,5470],{"class":5313},[5303,12139,8242],{"class":5377},[5303,12141,5486],{"class":5313},[5303,12143,12144,12146,12148,12150,12152,12155,12157,12160,12162,12164,12166,12168,12170,12172,12174,12176,12178,12180,12182,12184,12186,12188,12190,12192,12194,12196,12198],{"class":5305,"line":5735},[5303,12145,7674],{"class":5313},[5303,12147,5807],{"class":5377},[5303,12149,5347],{"class":5313},[5303,12151,5290],{"class":5377},[5303,12153,12154],{"class":5313},"].bar(months, network, ",[5303,12156,7311],{"class":5443},[5303,12158,12159],{"class":5313},"=compute + storage, ",[5303,12161,6214],{"class":5443},[5303,12163,5470],{"class":5313},[5303,12165,11872],{"class":5343},[5303,12167,5347],{"class":5313},[5303,12169,5467],{"class":5443},[5303,12171,5470],{"class":5313},[5303,12173,8517],{"class":5343},[5303,12175,5347],{"class":5313},[5303,12177,5478],{"class":5443},[5303,12179,5470],{"class":5313},[5303,12181,11788],{"class":5343},[5303,12183,5347],{"class":5313},[5303,12185,5660],{"class":5443},[5303,12187,5470],{"class":5313},[5303,12189,7163],{"class":5377},[5303,12191,5347],{"class":5313},[5303,12193,5670],{"class":5443},[5303,12195,5470],{"class":5313},[5303,12197,8242],{"class":5377},[5303,12199,5486],{"class":5313},[5303,12201,12202,12204,12206,12208,12210,12212,12215],{"class":5305,"line":5740},[5303,12203,7674],{"class":5313},[5303,12205,5807],{"class":5377},[5303,12207,5347],{"class":5313},[5303,12209,5290],{"class":5377},[5303,12211,7873],{"class":5313},[5303,12213,12214],{"class":5343},"\"Загальний бюджет ($ тис.)\"",[5303,12216,5486],{"class":5313},[5303,12218,12219,12221,12223,12225,12227,12229,12232,12234,12237,12239,12241,12243,12245],{"class":5305,"line":5766},[5303,12220,7674],{"class":5313},[5303,12222,5807],{"class":5377},[5303,12224,5347],{"class":5313},[5303,12226,5290],{"class":5377},[5303,12228,7821],{"class":5313},[5303,12230,12231],{"class":5343},"\"Складений Bar Chart: загальний обсяг і частка",[5303,12233,11960],{"class":11959},[5303,12235,12236],{"class":5343},"Накопичення: bottom=compute, bottom=compute+storage\"",[5303,12238,5347],{"class":5313},[5303,12240,5706],{"class":5443},[5303,12242,5470],{"class":5313},[5303,12244,5711],{"class":5343},[5303,12246,5486],{"class":5313},[5303,12248,12249,12251,12253,12255,12257],{"class":5305,"line":5784},[5303,12250,7674],{"class":5313},[5303,12252,5807],{"class":5377},[5303,12254,5347],{"class":5313},[5303,12256,5290],{"class":5377},[5303,12258,7891],{"class":5313},[5303,12260,12261,12263,12265,12267,12269,12271,12273,12275,12277,12279,12281,12283,12285,12287,12289,12291,12293],{"class":5305,"line":5801},[5303,12262,7674],{"class":5313},[5303,12264,5807],{"class":5377},[5303,12266,5347],{"class":5313},[5303,12268,5290],{"class":5377},[5303,12270,7904],{"class":5313},[5303,12272,5528],{"class":5443},[5303,12274,5470],{"class":5313},[5303,12276,5533],{"class":5343},[5303,12278,5347],{"class":5313},[5303,12280,5538],{"class":5443},[5303,12282,5470],{"class":5313},[5303,12284,5543],{"class":5343},[5303,12286,5347],{"class":5313},[5303,12288,5548],{"class":5443},[5303,12290,5470],{"class":5313},[5303,12292,5553],{"class":5377},[5303,12294,5486],{"class":5313},[5303,12296,12297],{"class":5305,"line":5817},[5303,12298,5327],{"emptyLinePlaceholder":5326},[5303,12300,12301],{"class":5305,"line":5846},[5303,12302,12303],{"class":5333},"# 3. 100% Normalized Stacked Bar Chart (відносні частки)\n",[5303,12305,12306,12309],{"class":5305,"line":8324},[5303,12307,12308],{"class":5313},"p_comp = compute \u002F totals * ",[5303,12310,12311],{"class":5377},"100\n",[5303,12313,12314,12317],{"class":5305,"line":8342},[5303,12315,12316],{"class":5313},"p_stor = storage \u002F totals * ",[5303,12318,12311],{"class":5377},[5303,12320,12321,12324],{"class":5305,"line":8365},[5303,12322,12323],{"class":5313},"p_net = network \u002F totals * ",[5303,12325,12311],{"class":5377},[5303,12327,12328],{"class":5305,"line":8402},[5303,12329,5327],{"emptyLinePlaceholder":5326},[5303,12331,12332,12334,12336,12338,12340,12343,12345,12347,12350,12352,12354,12356,12358,12360,12362,12364,12366,12368,12370,12372,12374,12376,12378,12380,12382],{"class":5305,"line":8407},[5303,12333,7674],{"class":5313},[5303,12335,5290],{"class":5377},[5303,12337,5347],{"class":5313},[5303,12339,5807],{"class":5377},[5303,12341,12342],{"class":5313},"].bar(months, p_comp, ",[5303,12344,6214],{"class":5443},[5303,12346,5470],{"class":5313},[5303,12348,12349],{"class":5343},"\"Compute (%)\"",[5303,12351,5347],{"class":5313},[5303,12353,5467],{"class":5443},[5303,12355,5470],{"class":5313},[5303,12357,10106],{"class":5343},[5303,12359,5347],{"class":5313},[5303,12361,5478],{"class":5443},[5303,12363,5470],{"class":5313},[5303,12365,11788],{"class":5343},[5303,12367,5347],{"class":5313},[5303,12369,5660],{"class":5443},[5303,12371,5470],{"class":5313},[5303,12373,7163],{"class":5377},[5303,12375,5347],{"class":5313},[5303,12377,5670],{"class":5443},[5303,12379,5470],{"class":5313},[5303,12381,8242],{"class":5377},[5303,12383,5486],{"class":5313},[5303,12385,12386,12388,12390,12392,12394,12397,12399,12402,12404,12406,12409,12411,12413,12415,12417,12419,12421,12423,12425,12427,12429,12431,12433,12435,12437,12439,12441],{"class":5305,"line":8413},[5303,12387,7674],{"class":5313},[5303,12389,5290],{"class":5377},[5303,12391,5347],{"class":5313},[5303,12393,5807],{"class":5377},[5303,12395,12396],{"class":5313},"].bar(months, p_stor, ",[5303,12398,7311],{"class":5443},[5303,12400,12401],{"class":5313},"=p_comp, ",[5303,12403,6214],{"class":5443},[5303,12405,5470],{"class":5313},[5303,12407,12408],{"class":5343},"\"Storage (%)\"",[5303,12410,5347],{"class":5313},[5303,12412,5467],{"class":5443},[5303,12414,5470],{"class":5313},[5303,12416,8216],{"class":5343},[5303,12418,5347],{"class":5313},[5303,12420,5478],{"class":5443},[5303,12422,5470],{"class":5313},[5303,12424,11788],{"class":5343},[5303,12426,5347],{"class":5313},[5303,12428,5660],{"class":5443},[5303,12430,5470],{"class":5313},[5303,12432,7163],{"class":5377},[5303,12434,5347],{"class":5313},[5303,12436,5670],{"class":5443},[5303,12438,5470],{"class":5313},[5303,12440,8242],{"class":5377},[5303,12442,5486],{"class":5313},[5303,12444,12445,12447,12449,12451,12453,12456,12458,12461,12463,12465,12468,12470,12472,12474,12476,12478,12480,12482,12484,12486,12488,12490,12492,12494,12496,12498,12500],{"class":5305,"line":8438},[5303,12446,7674],{"class":5313},[5303,12448,5290],{"class":5377},[5303,12450,5347],{"class":5313},[5303,12452,5807],{"class":5377},[5303,12454,12455],{"class":5313},"].bar(months, p_net, ",[5303,12457,7311],{"class":5443},[5303,12459,12460],{"class":5313},"=p_comp + p_stor, ",[5303,12462,6214],{"class":5443},[5303,12464,5470],{"class":5313},[5303,12466,12467],{"class":5343},"\"Network (%)\"",[5303,12469,5347],{"class":5313},[5303,12471,5467],{"class":5443},[5303,12473,5470],{"class":5313},[5303,12475,8517],{"class":5343},[5303,12477,5347],{"class":5313},[5303,12479,5478],{"class":5443},[5303,12481,5470],{"class":5313},[5303,12483,11788],{"class":5343},[5303,12485,5347],{"class":5313},[5303,12487,5660],{"class":5443},[5303,12489,5470],{"class":5313},[5303,12491,7163],{"class":5377},[5303,12493,5347],{"class":5313},[5303,12495,5670],{"class":5443},[5303,12497,5470],{"class":5313},[5303,12499,8242],{"class":5377},[5303,12501,5486],{"class":5313},[5303,12503,12504,12506,12508,12510,12512,12514,12517],{"class":5305,"line":8495},[5303,12505,7674],{"class":5313},[5303,12507,5290],{"class":5377},[5303,12509,5347],{"class":5313},[5303,12511,5807],{"class":5377},[5303,12513,7873],{"class":5313},[5303,12515,12516],{"class":5343},"\"Частка у бюджеті (%)\"",[5303,12518,5486],{"class":5313},[5303,12520,12521,12523,12525,12527,12529,12531,12533,12535,12537],{"class":5305,"line":8566},[5303,12522,7674],{"class":5313},[5303,12524,5290],{"class":5377},[5303,12526,5347],{"class":5313},[5303,12528,5807],{"class":5377},[5303,12530,8353],{"class":5313},[5303,12532,5807],{"class":5377},[5303,12534,5347],{"class":5313},[5303,12536,6943],{"class":5377},[5303,12538,5486],{"class":5313},[5303,12540,12541,12543,12545,12547,12549,12551,12554,12556,12559,12561,12563,12565,12567],{"class":5305,"line":8592},[5303,12542,7674],{"class":5313},[5303,12544,5290],{"class":5377},[5303,12546,5347],{"class":5313},[5303,12548,5807],{"class":5377},[5303,12550,7821],{"class":5313},[5303,12552,12553],{"class":5343},"\"100% Нормований Stacked: зміна пропорцій компонентів",[5303,12555,11960],{"class":11959},[5303,12557,12558],{"class":5343},"Вісь Y завжди фіксована на 100%\"",[5303,12560,5347],{"class":5313},[5303,12562,5706],{"class":5443},[5303,12564,5470],{"class":5313},[5303,12566,5711],{"class":5343},[5303,12568,5486],{"class":5313},[5303,12570,12571,12573,12575,12577,12579,12581,12583,12585,12587],{"class":5305,"line":8610},[5303,12572,7674],{"class":5313},[5303,12574,5290],{"class":5377},[5303,12576,5347],{"class":5313},[5303,12578,5807],{"class":5377},[5303,12580,10221],{"class":5313},[5303,12582,6435],{"class":5443},[5303,12584,5470],{"class":5313},[5303,12586,10228],{"class":5343},[5303,12588,5486],{"class":5313},[5303,12590,12591,12593,12595,12597,12599,12601,12603,12605,12607,12609,12611,12613,12615,12617,12619,12621,12623],{"class":5305,"line":8623},[5303,12592,7674],{"class":5313},[5303,12594,5290],{"class":5377},[5303,12596,5347],{"class":5313},[5303,12598,5807],{"class":5377},[5303,12600,7904],{"class":5313},[5303,12602,5528],{"class":5443},[5303,12604,5470],{"class":5313},[5303,12606,5533],{"class":5343},[5303,12608,5347],{"class":5313},[5303,12610,5538],{"class":5443},[5303,12612,5470],{"class":5313},[5303,12614,5543],{"class":5343},[5303,12616,5347],{"class":5313},[5303,12618,5548],{"class":5443},[5303,12620,5470],{"class":5313},[5303,12622,5553],{"class":5377},[5303,12624,5486],{"class":5313},[5303,12626,12627],{"class":5305,"line":8660},[5303,12628,5327],{"emptyLinePlaceholder":5326},[5303,12630,12631],{"class":5305,"line":8665},[5303,12632,12633],{"class":5333},"# 4. Складений Bar Chart із загальними підписами над стовпцями\n",[5303,12635,12636,12638,12640,12642,12644,12646,12648,12650,12653,12655,12657,12659,12661,12663,12665,12667,12669,12671,12673,12675,12677,12679,12681,12683,12685],{"class":5305,"line":8670},[5303,12637,7674],{"class":5313},[5303,12639,5290],{"class":5377},[5303,12641,5347],{"class":5313},[5303,12643,5290],{"class":5377},[5303,12645,12043],{"class":5313},[5303,12647,6214],{"class":5443},[5303,12649,5470],{"class":5313},[5303,12651,12652],{"class":5343},"\"Compute\"",[5303,12654,5347],{"class":5313},[5303,12656,5467],{"class":5443},[5303,12658,5470],{"class":5313},[5303,12660,10106],{"class":5343},[5303,12662,5347],{"class":5313},[5303,12664,5478],{"class":5443},[5303,12666,5470],{"class":5313},[5303,12668,11788],{"class":5343},[5303,12670,5347],{"class":5313},[5303,12672,5660],{"class":5443},[5303,12674,5470],{"class":5313},[5303,12676,7163],{"class":5377},[5303,12678,5347],{"class":5313},[5303,12680,5670],{"class":5443},[5303,12682,5470],{"class":5313},[5303,12684,8242],{"class":5377},[5303,12686,5486],{"class":5313},[5303,12688,12689,12691,12693,12695,12697,12699,12701,12703,12705,12707,12710,12712,12714,12716,12718,12720,12722,12724,12726,12728,12730,12732,12734,12736,12738,12740,12742],{"class":5305,"line":10502},[5303,12690,7674],{"class":5313},[5303,12692,5290],{"class":5377},[5303,12694,5347],{"class":5313},[5303,12696,5290],{"class":5377},[5303,12698,12096],{"class":5313},[5303,12700,7311],{"class":5443},[5303,12702,12101],{"class":5313},[5303,12704,6214],{"class":5443},[5303,12706,5470],{"class":5313},[5303,12708,12709],{"class":5343},"\"Storage\"",[5303,12711,5347],{"class":5313},[5303,12713,5467],{"class":5443},[5303,12715,5470],{"class":5313},[5303,12717,8216],{"class":5343},[5303,12719,5347],{"class":5313},[5303,12721,5478],{"class":5443},[5303,12723,5470],{"class":5313},[5303,12725,11788],{"class":5343},[5303,12727,5347],{"class":5313},[5303,12729,5660],{"class":5443},[5303,12731,5470],{"class":5313},[5303,12733,7163],{"class":5377},[5303,12735,5347],{"class":5313},[5303,12737,5670],{"class":5443},[5303,12739,5470],{"class":5313},[5303,12741,8242],{"class":5377},[5303,12743,5486],{"class":5313},[5303,12745,12746,12748,12750,12752,12754,12756,12758,12760,12762,12764,12767,12769,12771,12773,12775,12777,12779,12781,12783,12785,12787,12789,12791,12793,12795,12797,12799],{"class":5305,"line":10528},[5303,12747,7674],{"class":5313},[5303,12749,5290],{"class":5377},[5303,12751,5347],{"class":5313},[5303,12753,5290],{"class":5377},[5303,12755,12154],{"class":5313},[5303,12757,7311],{"class":5443},[5303,12759,12159],{"class":5313},[5303,12761,6214],{"class":5443},[5303,12763,5470],{"class":5313},[5303,12765,12766],{"class":5343},"\"Network\"",[5303,12768,5347],{"class":5313},[5303,12770,5467],{"class":5443},[5303,12772,5470],{"class":5313},[5303,12774,8517],{"class":5343},[5303,12776,5347],{"class":5313},[5303,12778,5478],{"class":5443},[5303,12780,5470],{"class":5313},[5303,12782,11788],{"class":5343},[5303,12784,5347],{"class":5313},[5303,12786,5660],{"class":5443},[5303,12788,5470],{"class":5313},[5303,12790,7163],{"class":5377},[5303,12792,5347],{"class":5313},[5303,12794,5670],{"class":5443},[5303,12796,5470],{"class":5313},[5303,12798,8242],{"class":5377},[5303,12800,5486],{"class":5313},[5303,12802,12803,12805,12808,12810,12812],{"class":5305,"line":10550},[5303,12804,6779],{"class":5309},[5303,12806,12807],{"class":5313}," i, tot ",[5303,12809,5634],{"class":5309},[5303,12811,8877],{"class":6163},[5303,12813,12814],{"class":5313},"(totals):\n",[5303,12816,12817,12820,12822,12824,12826,12829,12831,12833,12836,12839,12841,12844,12846,12849,12851,12853,12855,12857,12859,12861,12863,12866,12868,12870,12872,12874,12876,12878,12880,12882],{"class":5305,"line":10563},[5303,12818,12819],{"class":5313},"    axes[",[5303,12821,5290],{"class":5377},[5303,12823,5347],{"class":5313},[5303,12825,5290],{"class":5377},[5303,12827,12828],{"class":5313},"].text(i, tot + ",[5303,12830,6800],{"class":5377},[5303,12832,5347],{"class":5313},[5303,12834,12835],{"class":6813},"f",[5303,12837,12838],{"class":5343},"\"$",[5303,12840,6820],{"class":6813},[5303,12842,12843],{"class":5313},"tot",[5303,12845,6826],{"class":6813},[5303,12847,12848],{"class":5343},"k\"",[5303,12850,5347],{"class":5313},[5303,12852,6834],{"class":5443},[5303,12854,5470],{"class":5313},[5303,12856,7192],{"class":5343},[5303,12858,5347],{"class":5313},[5303,12860,6844],{"class":5443},[5303,12862,5470],{"class":5313},[5303,12864,12865],{"class":5343},"'bottom'",[5303,12867,5347],{"class":5313},[5303,12869,5706],{"class":5443},[5303,12871,5470],{"class":5313},[5303,12873,5711],{"class":5343},[5303,12875,5347],{"class":5313},[5303,12877,5716],{"class":5443},[5303,12879,5470],{"class":5313},[5303,12881,5721],{"class":5377},[5303,12883,5486],{"class":5313},[5303,12885,12886,12888,12890,12892,12894,12896,12898],{"class":5305,"line":10600},[5303,12887,7674],{"class":5313},[5303,12889,5290],{"class":5377},[5303,12891,5347],{"class":5313},[5303,12893,5290],{"class":5377},[5303,12895,7873],{"class":5313},[5303,12897,11939],{"class":5343},[5303,12899,5486],{"class":5313},[5303,12901,12902,12904,12906,12908,12910,12912,12914,12916,12919],{"class":5305,"line":10605},[5303,12903,7674],{"class":5313},[5303,12905,5290],{"class":5377},[5303,12907,5347],{"class":5313},[5303,12909,5290],{"class":5377},[5303,12911,8353],{"class":5313},[5303,12913,5807],{"class":5377},[5303,12915,5347],{"class":5313},[5303,12917,12918],{"class":5377},"155",[5303,12920,5486],{"class":5313},[5303,12922,12923,12925,12927,12929,12931,12933,12936,12938,12941,12944,12947,12949,12951,12953,12955],{"class":5305,"line":10610},[5303,12924,7674],{"class":5313},[5303,12926,5290],{"class":5377},[5303,12928,5347],{"class":5313},[5303,12930,5290],{"class":5377},[5303,12932,7821],{"class":5313},[5303,12934,12935],{"class":5343},"\"Stacked Bar з числовими підписами сум зверху",[5303,12937,11960],{"class":11959},[5303,12939,12940],{"class":5343},"ax.text(i, total + offset, f'$",[5303,12942,12943],{"class":6813},"{total}",[5303,12945,12946],{"class":5343},"k')\"",[5303,12948,5347],{"class":5313},[5303,12950,5706],{"class":5443},[5303,12952,5470],{"class":5313},[5303,12954,5711],{"class":5343},[5303,12956,5486],{"class":5313},[5303,12958,12960,12962,12964,12966,12968],{"class":5305,"line":12959},58,[5303,12961,7674],{"class":5313},[5303,12963,5290],{"class":5377},[5303,12965,5347],{"class":5313},[5303,12967,5290],{"class":5377},[5303,12969,7891],{"class":5313},[5303,12971,12973,12975,12977,12979,12981,12983,12985,12987,12989,12991,12993,12995,12997,12999,13001,13003,13005],{"class":5305,"line":12972},59,[5303,12974,7674],{"class":5313},[5303,12976,5290],{"class":5377},[5303,12978,5347],{"class":5313},[5303,12980,5290],{"class":5377},[5303,12982,7904],{"class":5313},[5303,12984,5528],{"class":5443},[5303,12986,5470],{"class":5313},[5303,12988,5533],{"class":5343},[5303,12990,5347],{"class":5313},[5303,12992,5538],{"class":5443},[5303,12994,5470],{"class":5313},[5303,12996,5543],{"class":5343},[5303,12998,5347],{"class":5313},[5303,13000,5548],{"class":5443},[5303,13002,5470],{"class":5313},[5303,13004,5553],{"class":5377},[5303,13006,5486],{"class":5313},[5303,13008,13010],{"class":5305,"line":13009},60,[5303,13011,5327],{"emptyLinePlaceholder":5326},[5303,13013,13015],{"class":5305,"line":13014},61,[5303,13016,6482],{"class":5313},[5303,13018,13020],{"class":5305,"line":13019},62,[5303,13021,5423],{"class":5313},[5850,13023,13024],{"v-slot:output":5298},[5853,13025],{"alt":13026,"className":13027,"src":13028},"Математика Grouped та Stacked стовпців",[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F13.png",[5253,13030],{},[5256,13032,13034],{"id":13033},"pie-charts-кругові-діаграми","Pie Charts — кругові діаграми",[5261,13036,13037,13038,13041,13042,5267],{},"Pie charts показують ",[5224,13039,13040],{},"частки цілого",". Але більшість Data Scientists їх ",[5224,13043,13044],{},"уникають",[5272,13046,13048],{"title":13047},"pie_chart.ipynb",[5277,13049,13050,13354],{"execution-count":5290},[5293,13051,13053],{"className":5295,"code":13052,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\n\n# Дані: розподіл бюджету компанії\ncategories = [\"Зарплати\", \"Оренда\", \"Маркетинг\", \"R&D\", \"Інше\"]\nexpenses = [50, 15, 20, 10, 5]\n\nfig, ax = plt.subplots(figsize=(8, 8))\n\ncolors = [\"#FF6B6B\", \"#4ECDC4\", \"#95E1D3\", \"#FFD93D\", \"#C7CEEA\"]\nexplode = (0.1, 0, 0, 0, 0)  # \"Витягуємо\" перший сектор\n\nwedges, texts, autotexts = ax.pie(expenses, labels=categories, autopct=\"%1.1f%%\",\n                                    startangle=90, colors=colors, explode=explode,\n                                    textprops={\"fontsize\": 12, \"weight\": \"bold\"},\n                                    wedgeprops={\"edgecolor\": \"black\", \"linewidth\": 1.5})\n\nax.set_title(\"Розподіл бюджету компанії\", fontsize=14, fontweight=\"bold\")\n\nplt.tight_layout()\nplt.show()\n",[5300,13054,13055,13065,13069,13074,13104,13129,13133,13149,13153,13178,13208,13212,13237,13259,13287,13313,13317,13342,13346,13350],{"__ignoreMap":5298},[5303,13056,13057,13059,13061,13063],{"class":5305,"line":5306},[5303,13058,5310],{"class":5309},[5303,13060,5314],{"class":5313},[5303,13062,5317],{"class":5309},[5303,13064,5320],{"class":5313},[5303,13066,13067],{"class":5305,"line":5323},[5303,13068,5327],{"emptyLinePlaceholder":5326},[5303,13070,13071],{"class":5305,"line":5330},[5303,13072,13073],{"class":5333},"# Дані: розподіл бюджету компанії\n",[5303,13075,13076,13079,13082,13084,13087,13089,13092,13094,13097,13099,13102],{"class":5305,"line":5337},[5303,13077,13078],{"class":5313},"categories = [",[5303,13080,13081],{"class":5343},"\"Зарплати\"",[5303,13083,5347],{"class":5313},[5303,13085,13086],{"class":5343},"\"Оренда\"",[5303,13088,5347],{"class":5313},[5303,13090,13091],{"class":5343},"\"Маркетинг\"",[5303,13093,5347],{"class":5313},[5303,13095,13096],{"class":5343},"\"R&D\"",[5303,13098,5347],{"class":5313},[5303,13100,13101],{"class":5343},"\"Інше\"",[5303,13103,5368],{"class":5313},[5303,13105,13106,13109,13111,13113,13115,13117,13119,13121,13123,13125,13127],{"class":5305,"line":5371},[5303,13107,13108],{"class":5313},"expenses = [",[5303,13110,11202],{"class":5377},[5303,13112,5347],{"class":5313},[5303,13114,8419],{"class":5377},[5303,13116,5347],{"class":5313},[5303,13118,8424],{"class":5377},[5303,13120,5347],{"class":5313},[5303,13122,5779],{"class":5377},[5303,13124,5347],{"class":5313},[5303,13126,7615],{"class":5377},[5303,13128,5368],{"class":5313},[5303,13130,13131],{"class":5305,"line":5403},[5303,13132,5327],{"emptyLinePlaceholder":5326},[5303,13134,13135,13137,13139,13141,13143,13145,13147],{"class":5305,"line":5408},[5303,13136,5440],{"class":5313},[5303,13138,5444],{"class":5443},[5303,13140,5447],{"class":5313},[5303,13142,5388],{"class":5377},[5303,13144,5347],{"class":5313},[5303,13146,5388],{"class":5377},[5303,13148,5458],{"class":5313},[5303,13150,13151],{"class":5305,"line":5414},[5303,13152,5327],{"emptyLinePlaceholder":5326},[5303,13154,13155,13157,13159,13161,13163,13165,13167,13169,13171,13173,13176],{"class":5305,"line":5420},[5303,13156,5607],{"class":5313},[5303,13158,6228],{"class":5343},[5303,13160,5347],{"class":5313},[5303,13162,6266],{"class":5343},[5303,13164,5347],{"class":5313},[5303,13166,6302],{"class":5343},[5303,13168,5347],{"class":5313},[5303,13170,6338],{"class":5343},[5303,13172,5347],{"class":5313},[5303,13174,13175],{"class":5343},"\"#C7CEEA\"",[5303,13177,5368],{"class":5313},[5303,13179,13180,13183,13186,13188,13190,13192,13194,13196,13198,13200,13202,13205],{"class":5305,"line":5426},[5303,13181,13182],{"class":5313},"explode = (",[5303,13184,13185],{"class":5377},"0.1",[5303,13187,5347],{"class":5313},[5303,13189,5807],{"class":5377},[5303,13191,5347],{"class":5313},[5303,13193,5807],{"class":5377},[5303,13195,5347],{"class":5313},[5303,13197,5807],{"class":5377},[5303,13199,5347],{"class":5313},[5303,13201,5807],{"class":5377},[5303,13203,13204],{"class":5313},")  ",[5303,13206,13207],{"class":5333},"# \"Витягуємо\" перший сектор\n",[5303,13209,13210],{"class":5305,"line":5431},[5303,13211,5327],{"emptyLinePlaceholder":5326},[5303,13213,13214,13217,13220,13223,13226,13228,13230,13233,13235],{"class":5305,"line":5437},[5303,13215,13216],{"class":5313},"wedges, texts, autotexts = ax.pie(expenses, ",[5303,13218,13219],{"class":5443},"labels",[5303,13221,13222],{"class":5313},"=categories, ",[5303,13224,13225],{"class":5443},"autopct",[5303,13227,5470],{"class":5313},[5303,13229,6817],{"class":5343},[5303,13231,13232],{"class":6813},"%1.1f%%",[5303,13234,6817],{"class":5343},[5303,13236,6808],{"class":5313},[5303,13238,13239,13242,13244,13246,13248,13251,13253,13256],{"class":5305,"line":5461},[5303,13240,13241],{"class":5443},"                                    startangle",[5303,13243,5470],{"class":5313},[5303,13245,10759],{"class":5377},[5303,13247,5347],{"class":5313},[5303,13249,13250],{"class":5443},"colors",[5303,13252,5648],{"class":5313},[5303,13254,13255],{"class":5443},"explode",[5303,13257,13258],{"class":5313},"=explode,\n",[5303,13260,13261,13264,13267,13270,13273,13275,13277,13280,13282,13284],{"class":5305,"line":5489},[5303,13262,13263],{"class":5443},"                                    textprops",[5303,13265,13266],{"class":5313},"={",[5303,13268,13269],{"class":5343},"\"fontsize\"",[5303,13271,13272],{"class":5313},": ",[5303,13274,5378],{"class":5377},[5303,13276,5347],{"class":5313},[5303,13278,13279],{"class":5343},"\"weight\"",[5303,13281,13272],{"class":5313},[5303,13283,6381],{"class":5343},[5303,13285,13286],{"class":5313},"},\n",[5303,13288,13289,13292,13294,13297,13299,13301,13303,13306,13308,13310],{"class":5305,"line":5500},[5303,13290,13291],{"class":5443},"                                    wedgeprops",[5303,13293,13266],{"class":5313},[5303,13295,13296],{"class":5343},"\"edgecolor\"",[5303,13298,13272],{"class":5313},[5303,13300,6237],{"class":5343},[5303,13302,5347],{"class":5313},[5303,13304,13305],{"class":5343},"\"linewidth\"",[5303,13307,13272],{"class":5313},[5303,13309,6208],{"class":5377},[5303,13311,13312],{"class":5313},"})\n",[5303,13314,13315],{"class":5305,"line":5511},[5303,13316,5327],{"emptyLinePlaceholder":5326},[5303,13318,13319,13321,13324,13326,13328,13330,13332,13334,13336,13338,13340],{"class":5305,"line":5522},[5303,13320,5514],{"class":5313},[5303,13322,13323],{"class":5343},"\"Розподіл бюджету компанії\"",[5303,13325,5347],{"class":5313},[5303,13327,5716],{"class":5443},[5303,13329,5470],{"class":5313},[5303,13331,6372],{"class":5377},[5303,13333,5347],{"class":5313},[5303,13335,5706],{"class":5443},[5303,13337,5470],{"class":5313},[5303,13339,6381],{"class":5343},[5303,13341,5486],{"class":5313},[5303,13343,13344],{"class":5305,"line":5558},[5303,13345,5327],{"emptyLinePlaceholder":5326},[5303,13347,13348],{"class":5305,"line":5563},[5303,13349,6482],{"class":5313},[5303,13351,13352],{"class":5305,"line":5568},[5303,13353,5423],{"class":5313},[5850,13355,13356],{"v-slot:output":5298},[5853,13357],{"alt":13358,"className":13359,"src":13360},"Pie chart з витягнутим сектором",[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F07.png",[5281,13362,13364],{"id":13363},"чому-pie-charts-погані-майже-завжди","Чому pie charts погані (майже завжди)",[5272,13366,13368,13377,13705],{"title":13367},"pie_vs_bar.ipynb",[5277,13369,13370,13374],{"type":5279},[5281,13371,13373],{"id":13372},"експеримент-порівняйте-дві-візуалізації","Експеримент: порівняйте дві візуалізації",[5261,13375,13376],{},"Що швидше і точніше: pie chart чи bar chart?",[5277,13378,13379,13698],{"execution-count":5290},[5293,13380,13382],{"className":5295,"code":13381,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\n\nproducts = [\"Продукт A\", \"Продукт B\", \"Продукт C\", \"Продукт D\", \"Продукт E\"]\nsales = [23, 19, 21, 18, 19]\n\nfig, (ax1, ax2) = plt.subplots(1, 2, figsize=(14, 6))\n\n# Ліворуч: Pie chart\ncolors = [\"#FF6B6B\", \"#4ECDC4\", \"#95E1D3\", \"#FFD93D\", \"#C7CEEA\"]\nax1.pie(sales, labels=products, autopct=\"%1.1f%%\", startangle=90, colors=colors)\nax1.set_title(\"Pie Chart\\n❓ Який продукт другий за продажами?\", \n              fontsize=12, fontweight=\"bold\")\n\n# Праворуч: Bar chart\nax2.bar(products, sales, color=colors, edgecolor=\"black\", linewidth=1.5)\nax2.set_title(\"Bar Chart\\n✅ Відповідь очевидна: Продукт C\", \n              fontsize=12, fontweight=\"bold\")\nax2.set_ylabel(\"Продажі (тис. одиниць)\")\nax2.grid(axis=\"y\", alpha=0.3)\n\nplt.tight_layout()\nplt.show()\n",[5300,13383,13384,13394,13398,13428,13456,13460,13485,13489,13494,13518,13554,13569,13588,13592,13597,13622,13637,13655,13665,13686,13690,13694],{"__ignoreMap":5298},[5303,13385,13386,13388,13390,13392],{"class":5305,"line":5306},[5303,13387,5310],{"class":5309},[5303,13389,5314],{"class":5313},[5303,13391,5317],{"class":5309},[5303,13393,5320],{"class":5313},[5303,13395,13396],{"class":5305,"line":5323},[5303,13397,5327],{"emptyLinePlaceholder":5326},[5303,13399,13400,13403,13406,13408,13411,13413,13416,13418,13421,13423,13426],{"class":5305,"line":5330},[5303,13401,13402],{"class":5313},"products = [",[5303,13404,13405],{"class":5343},"\"Продукт A\"",[5303,13407,5347],{"class":5313},[5303,13409,13410],{"class":5343},"\"Продукт B\"",[5303,13412,5347],{"class":5313},[5303,13414,13415],{"class":5343},"\"Продукт C\"",[5303,13417,5347],{"class":5313},[5303,13419,13420],{"class":5343},"\"Продукт D\"",[5303,13422,5347],{"class":5313},[5303,13424,13425],{"class":5343},"\"Продукт E\"",[5303,13427,5368],{"class":5313},[5303,13429,13430,13433,13436,13438,13441,13443,13446,13448,13450,13452,13454],{"class":5305,"line":5337},[5303,13431,13432],{"class":5313},"sales = [",[5303,13434,13435],{"class":5377},"23",[5303,13437,5347],{"class":5313},[5303,13439,13440],{"class":5377},"19",[5303,13442,5347],{"class":5313},[5303,13444,13445],{"class":5377},"21",[5303,13447,5347],{"class":5313},[5303,13449,9456],{"class":5377},[5303,13451,5347],{"class":5313},[5303,13453,13440],{"class":5377},[5303,13455,5368],{"class":5313},[5303,13457,13458],{"class":5305,"line":5371},[5303,13459,5327],{"emptyLinePlaceholder":5326},[5303,13461,13462,13465,13467,13469,13471,13473,13475,13477,13479,13481,13483],{"class":5305,"line":5403},[5303,13463,13464],{"class":5313},"fig, (ax1, ax2) = plt.subplots(",[5303,13466,5290],{"class":5377},[5303,13468,5347],{"class":5313},[5303,13470,6800],{"class":5377},[5303,13472,5347],{"class":5313},[5303,13474,5444],{"class":5443},[5303,13476,5447],{"class":5313},[5303,13478,6372],{"class":5377},[5303,13480,5347],{"class":5313},[5303,13482,6194],{"class":5377},[5303,13484,5458],{"class":5313},[5303,13486,13487],{"class":5305,"line":5408},[5303,13488,5327],{"emptyLinePlaceholder":5326},[5303,13490,13491],{"class":5305,"line":5414},[5303,13492,13493],{"class":5333},"# Ліворуч: Pie chart\n",[5303,13495,13496,13498,13500,13502,13504,13506,13508,13510,13512,13514,13516],{"class":5305,"line":5420},[5303,13497,5607],{"class":5313},[5303,13499,6228],{"class":5343},[5303,13501,5347],{"class":5313},[5303,13503,6266],{"class":5343},[5303,13505,5347],{"class":5313},[5303,13507,6302],{"class":5343},[5303,13509,5347],{"class":5313},[5303,13511,6338],{"class":5343},[5303,13513,5347],{"class":5313},[5303,13515,13175],{"class":5343},[5303,13517,5368],{"class":5313},[5303,13519,13520,13523,13525,13528,13530,13532,13534,13536,13538,13540,13543,13545,13547,13549,13551],{"class":5305,"line":5426},[5303,13521,13522],{"class":5313},"ax1.pie(sales, ",[5303,13524,13219],{"class":5443},[5303,13526,13527],{"class":5313},"=products, ",[5303,13529,13225],{"class":5443},[5303,13531,5470],{"class":5313},[5303,13533,6817],{"class":5343},[5303,13535,13232],{"class":6813},[5303,13537,6817],{"class":5343},[5303,13539,5347],{"class":5313},[5303,13541,13542],{"class":5443},"startangle",[5303,13544,5470],{"class":5313},[5303,13546,10759],{"class":5377},[5303,13548,5347],{"class":5313},[5303,13550,13250],{"class":5443},[5303,13552,13553],{"class":5313},"=colors)\n",[5303,13555,13556,13559,13562,13564,13567],{"class":5305,"line":5431},[5303,13557,13558],{"class":5313},"ax1.set_title(",[5303,13560,13561],{"class":5343},"\"Pie Chart",[5303,13563,11960],{"class":11959},[5303,13565,13566],{"class":5343},"❓ Який продукт другий за продажами?\"",[5303,13568,6362],{"class":5313},[5303,13570,13571,13574,13576,13578,13580,13582,13584,13586],{"class":5305,"line":5437},[5303,13572,13573],{"class":5443},"              fontsize",[5303,13575,5470],{"class":5313},[5303,13577,5378],{"class":5377},[5303,13579,5347],{"class":5313},[5303,13581,5706],{"class":5443},[5303,13583,5470],{"class":5313},[5303,13585,6381],{"class":5343},[5303,13587,5486],{"class":5313},[5303,13589,13590],{"class":5305,"line":5461},[5303,13591,5327],{"emptyLinePlaceholder":5326},[5303,13593,13594],{"class":5305,"line":5489},[5303,13595,13596],{"class":5333},"# Праворуч: Bar chart\n",[5303,13598,13599,13602,13604,13606,13608,13610,13612,13614,13616,13618,13620],{"class":5305,"line":5500},[5303,13600,13601],{"class":5313},"ax2.bar(products, sales, ",[5303,13603,5467],{"class":5443},[5303,13605,5648],{"class":5313},[5303,13607,5478],{"class":5443},[5303,13609,5470],{"class":5313},[5303,13611,6237],{"class":5343},[5303,13613,5347],{"class":5313},[5303,13615,5660],{"class":5443},[5303,13617,5470],{"class":5313},[5303,13619,6208],{"class":5377},[5303,13621,5486],{"class":5313},[5303,13623,13624,13627,13630,13632,13635],{"class":5305,"line":5511},[5303,13625,13626],{"class":5313},"ax2.set_title(",[5303,13628,13629],{"class":5343},"\"Bar Chart",[5303,13631,11960],{"class":11959},[5303,13633,13634],{"class":5343},"✅ Відповідь очевидна: Продукт C\"",[5303,13636,6362],{"class":5313},[5303,13638,13639,13641,13643,13645,13647,13649,13651,13653],{"class":5305,"line":5522},[5303,13640,13573],{"class":5443},[5303,13642,5470],{"class":5313},[5303,13644,5378],{"class":5377},[5303,13646,5347],{"class":5313},[5303,13648,5706],{"class":5443},[5303,13650,5470],{"class":5313},[5303,13652,6381],{"class":5343},[5303,13654,5486],{"class":5313},[5303,13656,13657,13660,13663],{"class":5305,"line":5558},[5303,13658,13659],{"class":5313},"ax2.set_ylabel(",[5303,13661,13662],{"class":5343},"\"Продажі (тис. одиниць)\"",[5303,13664,5486],{"class":5313},[5303,13666,13667,13670,13672,13674,13676,13678,13680,13682,13684],{"class":5305,"line":5563},[5303,13668,13669],{"class":5313},"ax2.grid(",[5303,13671,5528],{"class":5443},[5303,13673,5470],{"class":5313},[5303,13675,6462],{"class":5343},[5303,13677,5347],{"class":5313},[5303,13679,5548],{"class":5443},[5303,13681,5470],{"class":5313},[5303,13683,6471],{"class":5377},[5303,13685,5486],{"class":5313},[5303,13687,13688],{"class":5305,"line":5568},[5303,13689,5327],{"emptyLinePlaceholder":5326},[5303,13691,13692],{"class":5305,"line":5574},[5303,13693,6482],{"class":5313},[5303,13695,13696],{"class":5305,"line":5593},[5303,13697,5423],{"class":5313},[5850,13699,13700],{"v-slot:output":5298},[5853,13701],{"alt":13702,"className":13703,"src":13704},"Порівняння pie vs bar",[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F08.png",[5277,13706,13707,13712,13738],{"type":5279},[5261,13708,13709],{},[5224,13710,13711],{},"Проблеми pie charts:",[5866,13713,13714,13720,13726,13732],{},[5201,13715,13716,13719],{},[5224,13717,13718],{},"Людський мозок погано оцінює кути"," — важко порівняти 23% та 21% візуально",[5201,13721,13722,13725],{},[5224,13723,13724],{},"Порівняння складне"," — «Який сектор більший: 2-й чи 4-й?» — потрібно вдивлятися",[5201,13727,13728,13731],{},[5224,13729,13730],{},"Багато категорій = хаос"," — >6 секторів стають нечитабельними",[5201,13733,13734,13737],{},[5224,13735,13736],{},"3D pie charts = катастрофа"," — перспектива спотворює пропорції",[5261,13739,13740,13743],{},[5224,13741,13742],{},"Bar chart вирішує всі ці проблеми:"," довжину порівнювати легко, порядок зрозумілий, масштабується на 20+ категорій.",[13745,13746,13747,13752,13772],"caution",{},[5261,13748,13749],{},[5224,13750,13751],{},"Коли pie chart виправданий (рідкісні випадки):",[5866,13753,13754,13760,13766],{},[5201,13755,13756,13759],{},[5224,13757,13758],{},"Дві категорії"," (50\u002F50, 60\u002F40) — «Так» vs «Ні», «Чоловіки» vs «Жінки»",[5201,13761,13762,13765],{},[5224,13763,13764],{},"Одна категорія домінує"," (наприклад, 80% vs 20%) — це видно одразу",[5201,13767,13768,13771],{},[5224,13769,13770],{},"Презентація для нетехнічної аудиторії"," — pie chart «інтуїтивніший» для людей, які не працюють з даними",[5261,13773,13774,13775,5267],{},"В усіх інших випадках → ",[5224,13776,6004],{},[5281,13778,13780,13781,13784],{"id":13779},"повна-сигнатура-axpie-та-створення-сучасного-donut-chart","Повна сигнатура ",[5300,13782,13783],{},"ax.pie()"," та створення сучасного Donut Chart",[5261,13786,13787,13788,13790,13791,13794,13795,13798,13799,13801,13802,5900],{},"Кругова діаграма будується методом ",[5300,13789,13783],{},". Вона ділить круг на сектори, кутова площа яких пропорційна величинам масиву $x$. Метод повертає кортеж із трьох списків: об'єктів секторів ",[5300,13792,13793],{},"Wedge",", текстових міток категорій ",[5300,13796,13797],{},"Text"," та числових міток відсотків ",[5300,13800,13797],{}," (якщо задано ",[5300,13803,13225],{},[5293,13805,13807],{"className":5295,"code":13806,"language":5297,"meta":5298,"style":5298},"ax.pie(\n    x,\n    explode=None,\n    labels=None,\n    colors=None,\n    autopct=None,\n    pctdistance=0.6,\n    shadow=False,\n    labeldistance=1.1,\n    startangle=0,\n    radius=1,\n    counterclock=True,\n    wedgeprops=None,\n    textprops=None,\n    center=(0, 0),\n    frame=False,\n    rotatelabels=False,\n    *,\n    normalize=True,\n    hatch=None,\n    data=None\n) -> tuple[list[Wedge], list[Text], list[Text]]\n",[5300,13808,13809,13814,13818,13829,13840,13851,13862,13873,13885,13897,13908,13919,13931,13942,13953,13969,13980,13991,13995,14006,14017,14026],{"__ignoreMap":5298},[5303,13810,13811],{"class":5305,"line":5306},[5303,13812,13813],{"class":5313},"ax.pie(\n",[5303,13815,13816],{"class":5305,"line":5323},[5303,13817,7148],{"class":5313},[5303,13819,13820,13823,13825,13827],{"class":5305,"line":5330},[5303,13821,13822],{"class":5443},"    explode",[5303,13824,5470],{"class":5313},[5303,13826,7175],{"class":6813},[5303,13828,6808],{"class":5313},[5303,13830,13831,13834,13836,13838],{"class":5305,"line":5337},[5303,13832,13833],{"class":5443},"    labels",[5303,13835,5470],{"class":5313},[5303,13837,7175],{"class":6813},[5303,13839,6808],{"class":5313},[5303,13841,13842,13845,13847,13849],{"class":5305,"line":5371},[5303,13843,13844],{"class":5443},"    colors",[5303,13846,5470],{"class":5313},[5303,13848,7175],{"class":6813},[5303,13850,6808],{"class":5313},[5303,13852,13853,13856,13858,13860],{"class":5305,"line":5403},[5303,13854,13855],{"class":5443},"    autopct",[5303,13857,5470],{"class":5313},[5303,13859,7175],{"class":6813},[5303,13861,6808],{"class":5313},[5303,13863,13864,13867,13869,13871],{"class":5305,"line":5408},[5303,13865,13866],{"class":5443},"    pctdistance",[5303,13868,5470],{"class":5313},[5303,13870,5553],{"class":5377},[5303,13872,6808],{"class":5313},[5303,13874,13875,13878,13880,13883],{"class":5305,"line":5414},[5303,13876,13877],{"class":5443},"    shadow",[5303,13879,5470],{"class":5313},[5303,13881,13882],{"class":6813},"False",[5303,13884,6808],{"class":5313},[5303,13886,13887,13890,13892,13895],{"class":5305,"line":5420},[5303,13888,13889],{"class":5443},"    labeldistance",[5303,13891,5470],{"class":5313},[5303,13893,13894],{"class":5377},"1.1",[5303,13896,6808],{"class":5313},[5303,13898,13899,13902,13904,13906],{"class":5305,"line":5426},[5303,13900,13901],{"class":5443},"    startangle",[5303,13903,5470],{"class":5313},[5303,13905,5807],{"class":5377},[5303,13907,6808],{"class":5313},[5303,13909,13910,13913,13915,13917],{"class":5305,"line":5431},[5303,13911,13912],{"class":5443},"    radius",[5303,13914,5470],{"class":5313},[5303,13916,5290],{"class":5377},[5303,13918,6808],{"class":5313},[5303,13920,13921,13924,13926,13929],{"class":5305,"line":5437},[5303,13922,13923],{"class":5443},"    counterclock",[5303,13925,5470],{"class":5313},[5303,13927,13928],{"class":6813},"True",[5303,13930,6808],{"class":5313},[5303,13932,13933,13936,13938,13940],{"class":5305,"line":5461},[5303,13934,13935],{"class":5443},"    wedgeprops",[5303,13937,5470],{"class":5313},[5303,13939,7175],{"class":6813},[5303,13941,6808],{"class":5313},[5303,13943,13944,13947,13949,13951],{"class":5305,"line":5489},[5303,13945,13946],{"class":5443},"    textprops",[5303,13948,5470],{"class":5313},[5303,13950,7175],{"class":6813},[5303,13952,6808],{"class":5313},[5303,13954,13955,13958,13960,13962,13964,13966],{"class":5305,"line":5500},[5303,13956,13957],{"class":5443},"    center",[5303,13959,5447],{"class":5313},[5303,13961,5807],{"class":5377},[5303,13963,5347],{"class":5313},[5303,13965,5807],{"class":5377},[5303,13967,13968],{"class":5313},"),\n",[5303,13970,13971,13974,13976,13978],{"class":5305,"line":5511},[5303,13972,13973],{"class":5443},"    frame",[5303,13975,5470],{"class":5313},[5303,13977,13882],{"class":6813},[5303,13979,6808],{"class":5313},[5303,13981,13982,13985,13987,13989],{"class":5305,"line":5522},[5303,13983,13984],{"class":5443},"    rotatelabels",[5303,13986,5470],{"class":5313},[5303,13988,13882],{"class":6813},[5303,13990,6808],{"class":5313},[5303,13992,13993],{"class":5305,"line":5558},[5303,13994,7182],{"class":5313},[5303,13996,13997,14000,14002,14004],{"class":5305,"line":5563},[5303,13998,13999],{"class":5443},"    normalize",[5303,14001,5470],{"class":5313},[5303,14003,13928],{"class":6813},[5303,14005,6808],{"class":5313},[5303,14007,14008,14011,14013,14015],{"class":5305,"line":5568},[5303,14009,14010],{"class":5443},"    hatch",[5303,14012,5470],{"class":5313},[5303,14014,7175],{"class":6813},[5303,14016,6808],{"class":5313},[5303,14018,14019,14021,14023],{"class":5305,"line":5574},[5303,14020,7199],{"class":5443},[5303,14022,5470],{"class":5313},[5303,14024,14025],{"class":6813},"None\n",[5303,14027,14028,14030,14032],{"class":5305,"line":5593},[5303,14029,7215],{"class":5313},[5303,14031,7219],{"class":7218},[5303,14033,14034],{"class":5313}," tuple[list[Wedge], list[Text], list[Text]]\n",[6541,14036,14037,14049],{},[6544,14038,14039],{},[6547,14040,14041,14043,14045,14047],{},[6550,14042,7231],{"align":6552},[6550,14044,7234],{"align":6552},[6550,14046,7237],{"align":6552},[6550,14048,7240],{"align":6552},[6558,14050,14051,14069,14091,14109,14127,14148,14166,14186,14213],{},[6547,14052,14053,14057,14062,14066],{},[6563,14054,14055],{"align":6552},[5300,14056,7249],{},[6563,14058,14059],{"align":6552},[5300,14060,14061],{},"ArrayLike",[6563,14063,14064],{"align":6552},[7258,14065,7260],{},[6563,14067,14068],{"align":6552},"Масив числових значень часток або кількостей.",[6547,14070,14071,14075,14080,14084],{},[6563,14072,14073],{"align":6552},[5300,14074,13255],{},[6563,14076,14077],{"align":6552},[5300,14078,14079],{},"Sequence[float] | None",[6563,14081,14082],{"align":6552},[5300,14083,7175],{},[6563,14085,14086,14087,14090],{"align":6552},"Зсув кожного сектора від центру (наприклад, ",[5300,14088,14089],{},"(0.1, 0, 0)"," висуває перший сектор).",[6547,14092,14093,14097,14102,14106],{},[6563,14094,14095],{"align":6552},[5300,14096,13219],{},[6563,14098,14099],{"align":6552},[5300,14100,14101],{},"Sequence[str] | None",[6563,14103,14104],{"align":6552},[5300,14105,7175],{},[6563,14107,14108],{"align":6552},"Список текстових підписів категорій навколо діаграми.",[6547,14110,14111,14115,14120,14124],{},[6563,14112,14113],{"align":6552},[5300,14114,13250],{},[6563,14116,14117],{"align":6552},[5300,14118,14119],{},"Sequence[color] | None",[6563,14121,14122],{"align":6552},[5300,14123,7175],{},[6563,14125,14126],{"align":6552},"Кольори секторів.",[6547,14128,14129,14133,14138,14142],{},[6563,14130,14131],{"align":6552},[5300,14132,13225],{},[6563,14134,14135],{"align":6552},[5300,14136,14137],{},"str | Callable | None",[6563,14139,14140],{"align":6552},[5300,14141,7175],{},[6563,14143,14144,14145,5900],{"align":6552},"Формат відображення відсотків всередині сектора (наприклад, ",[5300,14146,14147],{},"'%1.1f%%'",[6547,14149,14150,14155,14159,14163],{},[6563,14151,14152],{"align":6552},[5300,14153,14154],{},"pctdistance",[6563,14156,14157],{"align":6552},[5300,14158,7391],{},[6563,14160,14161],{"align":6552},[5300,14162,5553],{},[6563,14164,14165],{"align":6552},"Радіальна відстань від центру до тексту відсотків (0 — центр, 1 — зовнішній край).",[6547,14167,14168,14172,14176,14180],{},[6563,14169,14170],{"align":6552},[5300,14171,13542],{},[6563,14173,14174],{"align":6552},[5300,14175,7391],{},[6563,14177,14178],{"align":6552},[5300,14179,5807],{},[6563,14181,14182,14183,14185],{"align":6552},"Кут повороту першого сектора в градусах (рекомендується ",[5300,14184,10759],{}," для початку зверху).",[6547,14187,14188,14193,14198,14202],{},[6563,14189,14190],{"align":6552},[5300,14191,14192],{},"wedgeprops",[6563,14194,14195],{"align":6552},[5300,14196,14197],{},"dict | None",[6563,14199,14200],{"align":6552},[5300,14201,7175],{},[6563,14203,14204,14205,14208,14209,14212],{"align":6552},"Словник параметрів ліній та форми. ",[5224,14206,14207],{},"Ключовий трюк:"," ",[5300,14210,14211],{},"{'width': 0.4}"," перетворює коло на Donut Chart!",[6547,14214,14215,14220,14224,14228],{},[6563,14216,14217],{"align":6552},[5300,14218,14219],{},"textprops",[6563,14221,14222],{"align":6552},[5300,14223,14197],{},[6563,14225,14226],{"align":6552},[5300,14227,7175],{},[6563,14229,14230],{"align":6552},"Словник параметрів шрифту (розмір, жирність, колір).",[6985,14232,14233,14238,14245,14248],{},[5261,14234,14235],{},[5224,14236,14237],{},"Donut Chart (кільцева діаграма): сучасна альтернатива Pie Chart",[5261,14239,14240,14241,14244],{},"У дашбордах суцільні кругові діаграми часто замінюють на ",[5224,14242,14243],{},"Donut Chart",". Завдяки порожньому центру погляд менше фокусується на викривлених кутах, а вільне місце всередині використовують для розміщення загальної суми (KPI, 100% або назви метрики).",[5261,14246,14247],{},"Створити Donut Chart у Matplotlib надзвичайно просто:",[5293,14249,14251],{"className":5295,"code":14250,"language":5297,"meta":5298,"style":5298},"ax.pie(values, labels=labels, wedgeprops={'width': 0.4, 'edgecolor': 'white', 'linewidth': 2})\nax.text(0, 0, \"Total\\n100%\", ha='center', va='center', fontweight='bold', fontsize=12)\n",[5300,14252,14253,14295],{"__ignoreMap":5298},[5303,14254,14255,14258,14260,14263,14265,14267,14270,14272,14274,14276,14279,14281,14284,14286,14289,14291,14293],{"class":5305,"line":5306},[5303,14256,14257],{"class":5313},"ax.pie(values, ",[5303,14259,13219],{"class":5443},[5303,14261,14262],{"class":5313},"=labels, ",[5303,14264,14192],{"class":5443},[5303,14266,13266],{"class":5313},[5303,14268,14269],{"class":5343},"'width'",[5303,14271,13272],{"class":5313},[5303,14273,7797],{"class":5377},[5303,14275,5347],{"class":5313},[5303,14277,14278],{"class":5343},"'edgecolor'",[5303,14280,13272],{"class":5313},[5303,14282,14283],{"class":5343},"'white'",[5303,14285,5347],{"class":5313},[5303,14287,14288],{"class":5343},"'linewidth'",[5303,14290,13272],{"class":5313},[5303,14292,6800],{"class":5377},[5303,14294,13312],{"class":5313},[5303,14296,14297,14300,14302,14304,14306,14308,14311,14313,14316,14318,14320,14322,14324,14326,14328,14330,14332,14334,14336,14338,14340,14342,14344,14346,14348],{"class":5305,"line":5323},[5303,14298,14299],{"class":5313},"ax.text(",[5303,14301,5807],{"class":5377},[5303,14303,5347],{"class":5313},[5303,14305,5807],{"class":5377},[5303,14307,5347],{"class":5313},[5303,14309,14310],{"class":5343},"\"Total",[5303,14312,11960],{"class":11959},[5303,14314,14315],{"class":5343},"100%\"",[5303,14317,5347],{"class":5313},[5303,14319,6834],{"class":5443},[5303,14321,5470],{"class":5313},[5303,14323,7192],{"class":5343},[5303,14325,5347],{"class":5313},[5303,14327,6844],{"class":5443},[5303,14329,5470],{"class":5313},[5303,14331,7192],{"class":5343},[5303,14333,5347],{"class":5313},[5303,14335,5706],{"class":5443},[5303,14337,5470],{"class":5313},[5303,14339,5711],{"class":5343},[5303,14341,5347],{"class":5313},[5303,14343,5716],{"class":5443},[5303,14345,5470],{"class":5313},[5303,14347,5378],{"class":5377},[5303,14349,5486],{"class":5313},[5272,14351,14353,14362],{"title":14352,"kernel":5275},"pie_parameters_donut.ipynb",[5277,14354,14355,14359],{"type":5279},[5281,14356,14358],{"id":14357},"дослідження-параметрів-axpie-та-створення-donut-chart","Дослідження параметрів ax.pie() та створення Donut Chart",[5261,14360,14361],{},"Порівняння стандартного кола, висування сектору (explode), кільцевої діаграми (Donut) та винесення легенди назовні",[5277,14363,14365,15223],{"execution-count":5290,"execution-time":14364},"0.25s",[5293,14366,14368],{"className":5295,"code":14367,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\n\nshares = [45, 25, 18, 12]\nlabels = [\"Frontend (Next.js)\", \"Backend (Go)\", \"Database (PG)\", \"Queue (Kafka)\"]\ncolors_pie = [\"#3b82f6\", \"#10b981\", \"#f59e0b\", \"#8b5cf6\"]\n\nfig, axes = plt.subplots(2, 2, figsize=(13, 11))\n\n# 1. Стандартний Pie Chart\naxes[0, 0].pie(shares, labels=labels, autopct='%1.1f%%', startangle=90, colors=colors_pie,\n               wedgeprops={'edgecolor': 'black', 'linewidth': 1})\naxes[0, 0].set_title(\"Класичний Pie Chart: autopct='%1.1f%%', startangle=90\", fontweight='bold')\n\n# 2. Pie Chart з explode (виділення головного компонента)\nexplode = (0.1, 0, 0, 0)\naxes[0, 1].pie(shares, labels=labels, autopct='%1.1f%%', explode=explode, startangle=140, colors=colors_pie,\n               wedgeprops={'edgecolor': 'black', 'linewidth': 1})\naxes[0, 1].set_title(\"Параметр explode=(0.1, 0, 0, 0): фокус на лідері\", fontweight='bold')\n\n# 3. Donut Chart (бублик через wedgeprops width=0.4)\nwedges, texts, autotexts = axes[1, 0].pie(shares, labels=labels, autopct='%1.1f%%', pctdistance=0.75, startangle=90,\n                                         colors=colors_pie, wedgeprops={'width': 0.4, 'edgecolor': 'white', 'linewidth': 2})\nfor autotext in autotexts:\n    autotext.set_color('white')\n    autotext.set_fontweight('bold')\naxes[1, 0].text(0, 0, \"CPU\\nLoad\", ha='center', va='center', fontsize=13, fontweight='bold', color='#1e293b')\naxes[1, 0].set_title(\"Donut Chart: wedgeprops={'width': 0.4}\\nСучасний стиль із KPI в центрі\", fontweight='bold')\n\n# 4. Donut Chart з винесеною легендою (Dashboard-ready)\nwedges, texts = axes[1, 1].pie(shares, startangle=90, colors=colors_pie,\n                               wedgeprops={'width': 0.35, 'edgecolor': 'white', 'linewidth': 2})\naxes[1, 1].legend(wedges, [f\"{l}: {s}%\" for l, s in zip(labels, shares)],\n                  title=\"Компоненти системи\", loc=\"center left\", bbox_to_anchor=(1, 0, 0.5, 1),\n                  frameon=True, facecolor='#f8fafc', fontsize=9)\naxes[1, 1].text(0, 0, \"100%\", ha='center', va='center', fontsize=14, fontweight='bold', color='#1e293b')\naxes[1, 1].set_title(\"Donut з окремою легендою (bbox_to_anchor):\\nЧистий інтерфейс без нагромадження тексту\", fontweight='bold')\n\nplt.tight_layout()\nplt.show()\n",[5300,14369,14370,14380,14384,14405,14430,14455,14459,14483,14487,14492,14534,14557,14587,14591,14596,14616,14662,14684,14709,14713,14718,14764,14800,14812,14821,14830,14901,14931,14935,14940,14965,14997,15045,15087,15116,15181,15211,15215,15219],{"__ignoreMap":5298},[5303,14371,14372,14374,14376,14378],{"class":5305,"line":5306},[5303,14373,5310],{"class":5309},[5303,14375,5314],{"class":5313},[5303,14377,5317],{"class":5309},[5303,14379,5320],{"class":5313},[5303,14381,14382],{"class":5305,"line":5323},[5303,14383,5327],{"emptyLinePlaceholder":5326},[5303,14385,14386,14389,14391,14393,14395,14397,14399,14401,14403],{"class":5305,"line":5330},[5303,14387,14388],{"class":5313},"shares = [",[5303,14390,5383],{"class":5377},[5303,14392,5347],{"class":5313},[5303,14394,8433],{"class":5377},[5303,14396,5347],{"class":5313},[5303,14398,9456],{"class":5377},[5303,14400,5347],{"class":5313},[5303,14402,5378],{"class":5377},[5303,14404,5368],{"class":5313},[5303,14406,14407,14410,14413,14415,14418,14420,14423,14425,14428],{"class":5305,"line":5337},[5303,14408,14409],{"class":5313},"labels = [",[5303,14411,14412],{"class":5343},"\"Frontend (Next.js)\"",[5303,14414,5347],{"class":5313},[5303,14416,14417],{"class":5343},"\"Backend (Go)\"",[5303,14419,5347],{"class":5313},[5303,14421,14422],{"class":5343},"\"Database (PG)\"",[5303,14424,5347],{"class":5313},[5303,14426,14427],{"class":5343},"\"Queue (Kafka)\"",[5303,14429,5368],{"class":5313},[5303,14431,14432,14435,14438,14440,14443,14445,14448,14450,14453],{"class":5305,"line":5371},[5303,14433,14434],{"class":5313},"colors_pie = [",[5303,14436,14437],{"class":5343},"\"#3b82f6\"",[5303,14439,5347],{"class":5313},[5303,14441,14442],{"class":5343},"\"#10b981\"",[5303,14444,5347],{"class":5313},[5303,14446,14447],{"class":5343},"\"#f59e0b\"",[5303,14449,5347],{"class":5313},[5303,14451,14452],{"class":5343},"\"#8b5cf6\"",[5303,14454,5368],{"class":5313},[5303,14456,14457],{"class":5305,"line":5403},[5303,14458,5327],{"emptyLinePlaceholder":5326},[5303,14460,14461,14463,14465,14467,14469,14471,14473,14475,14477,14479,14481],{"class":5305,"line":5408},[5303,14462,7639],{"class":5313},[5303,14464,6800],{"class":5377},[5303,14466,5347],{"class":5313},[5303,14468,6800],{"class":5377},[5303,14470,5347],{"class":5313},[5303,14472,5444],{"class":5443},[5303,14474,5447],{"class":5313},[5303,14476,7654],{"class":5377},[5303,14478,5347],{"class":5313},[5303,14480,6449],{"class":5377},[5303,14482,5458],{"class":5313},[5303,14484,14485],{"class":5305,"line":5414},[5303,14486,5327],{"emptyLinePlaceholder":5326},[5303,14488,14489],{"class":5305,"line":5420},[5303,14490,14491],{"class":5333},"# 1. Стандартний Pie Chart\n",[5303,14493,14494,14496,14498,14500,14502,14505,14507,14509,14511,14513,14515,14517,14519,14521,14523,14525,14527,14529,14531],{"class":5305,"line":5426},[5303,14495,7674],{"class":5313},[5303,14497,5807],{"class":5377},[5303,14499,5347],{"class":5313},[5303,14501,5807],{"class":5377},[5303,14503,14504],{"class":5313},"].pie(shares, ",[5303,14506,13219],{"class":5443},[5303,14508,14262],{"class":5313},[5303,14510,13225],{"class":5443},[5303,14512,5470],{"class":5313},[5303,14514,8272],{"class":5343},[5303,14516,13232],{"class":6813},[5303,14518,8272],{"class":5343},[5303,14520,5347],{"class":5313},[5303,14522,13542],{"class":5443},[5303,14524,5470],{"class":5313},[5303,14526,10759],{"class":5377},[5303,14528,5347],{"class":5313},[5303,14530,13250],{"class":5443},[5303,14532,14533],{"class":5313},"=colors_pie,\n",[5303,14535,14536,14539,14541,14543,14545,14547,14549,14551,14553,14555],{"class":5305,"line":5431},[5303,14537,14538],{"class":5443},"               wedgeprops",[5303,14540,13266],{"class":5313},[5303,14542,14278],{"class":5343},[5303,14544,13272],{"class":5313},[5303,14546,11788],{"class":5343},[5303,14548,5347],{"class":5313},[5303,14550,14288],{"class":5343},[5303,14552,13272],{"class":5313},[5303,14554,5290],{"class":5377},[5303,14556,13312],{"class":5313},[5303,14558,14559,14561,14563,14565,14567,14569,14572,14574,14577,14579,14581,14583,14585],{"class":5305,"line":5437},[5303,14560,7674],{"class":5313},[5303,14562,5807],{"class":5377},[5303,14564,5347],{"class":5313},[5303,14566,5807],{"class":5377},[5303,14568,7821],{"class":5313},[5303,14570,14571],{"class":5343},"\"Класичний Pie Chart: autopct='",[5303,14573,13232],{"class":6813},[5303,14575,14576],{"class":5343},"', startangle=90\"",[5303,14578,5347],{"class":5313},[5303,14580,5706],{"class":5443},[5303,14582,5470],{"class":5313},[5303,14584,5711],{"class":5343},[5303,14586,5486],{"class":5313},[5303,14588,14589],{"class":5305,"line":5461},[5303,14590,5327],{"emptyLinePlaceholder":5326},[5303,14592,14593],{"class":5305,"line":5489},[5303,14594,14595],{"class":5333},"# 2. Pie Chart з explode (виділення головного компонента)\n",[5303,14597,14598,14600,14602,14604,14606,14608,14610,14612,14614],{"class":5305,"line":5500},[5303,14599,13182],{"class":5313},[5303,14601,13185],{"class":5377},[5303,14603,5347],{"class":5313},[5303,14605,5807],{"class":5377},[5303,14607,5347],{"class":5313},[5303,14609,5807],{"class":5377},[5303,14611,5347],{"class":5313},[5303,14613,5807],{"class":5377},[5303,14615,5486],{"class":5313},[5303,14617,14618,14620,14622,14624,14626,14628,14630,14632,14634,14636,14638,14640,14642,14644,14646,14649,14651,14653,14656,14658,14660],{"class":5305,"line":5511},[5303,14619,7674],{"class":5313},[5303,14621,5807],{"class":5377},[5303,14623,5347],{"class":5313},[5303,14625,5290],{"class":5377},[5303,14627,14504],{"class":5313},[5303,14629,13219],{"class":5443},[5303,14631,14262],{"class":5313},[5303,14633,13225],{"class":5443},[5303,14635,5470],{"class":5313},[5303,14637,8272],{"class":5343},[5303,14639,13232],{"class":6813},[5303,14641,8272],{"class":5343},[5303,14643,5347],{"class":5313},[5303,14645,13255],{"class":5443},[5303,14647,14648],{"class":5313},"=explode, ",[5303,14650,13542],{"class":5443},[5303,14652,5470],{"class":5313},[5303,14654,14655],{"class":5377},"140",[5303,14657,5347],{"class":5313},[5303,14659,13250],{"class":5443},[5303,14661,14533],{"class":5313},[5303,14663,14664,14666,14668,14670,14672,14674,14676,14678,14680,14682],{"class":5305,"line":5522},[5303,14665,14538],{"class":5443},[5303,14667,13266],{"class":5313},[5303,14669,14278],{"class":5343},[5303,14671,13272],{"class":5313},[5303,14673,11788],{"class":5343},[5303,14675,5347],{"class":5313},[5303,14677,14288],{"class":5343},[5303,14679,13272],{"class":5313},[5303,14681,5290],{"class":5377},[5303,14683,13312],{"class":5313},[5303,14685,14686,14688,14690,14692,14694,14696,14699,14701,14703,14705,14707],{"class":5305,"line":5558},[5303,14687,7674],{"class":5313},[5303,14689,5807],{"class":5377},[5303,14691,5347],{"class":5313},[5303,14693,5290],{"class":5377},[5303,14695,7821],{"class":5313},[5303,14697,14698],{"class":5343},"\"Параметр explode=(0.1, 0, 0, 0): фокус на лідері\"",[5303,14700,5347],{"class":5313},[5303,14702,5706],{"class":5443},[5303,14704,5470],{"class":5313},[5303,14706,5711],{"class":5343},[5303,14708,5486],{"class":5313},[5303,14710,14711],{"class":5305,"line":5563},[5303,14712,5327],{"emptyLinePlaceholder":5326},[5303,14714,14715],{"class":5305,"line":5568},[5303,14716,14717],{"class":5333},"# 3. Donut Chart (бублик через wedgeprops width=0.4)\n",[5303,14719,14720,14723,14725,14727,14729,14731,14733,14735,14737,14739,14741,14743,14745,14747,14749,14751,14754,14756,14758,14760,14762],{"class":5305,"line":5574},[5303,14721,14722],{"class":5313},"wedges, texts, autotexts = axes[",[5303,14724,5290],{"class":5377},[5303,14726,5347],{"class":5313},[5303,14728,5807],{"class":5377},[5303,14730,14504],{"class":5313},[5303,14732,13219],{"class":5443},[5303,14734,14262],{"class":5313},[5303,14736,13225],{"class":5443},[5303,14738,5470],{"class":5313},[5303,14740,8272],{"class":5343},[5303,14742,13232],{"class":6813},[5303,14744,8272],{"class":5343},[5303,14746,5347],{"class":5313},[5303,14748,14154],{"class":5443},[5303,14750,5470],{"class":5313},[5303,14752,14753],{"class":5377},"0.75",[5303,14755,5347],{"class":5313},[5303,14757,13542],{"class":5443},[5303,14759,5470],{"class":5313},[5303,14761,10759],{"class":5377},[5303,14763,6808],{"class":5313},[5303,14765,14766,14769,14772,14774,14776,14778,14780,14782,14784,14786,14788,14790,14792,14794,14796,14798],{"class":5305,"line":5593},[5303,14767,14768],{"class":5443},"                                         colors",[5303,14770,14771],{"class":5313},"=colors_pie, ",[5303,14773,14192],{"class":5443},[5303,14775,13266],{"class":5313},[5303,14777,14269],{"class":5343},[5303,14779,13272],{"class":5313},[5303,14781,7797],{"class":5377},[5303,14783,5347],{"class":5313},[5303,14785,14278],{"class":5343},[5303,14787,13272],{"class":5313},[5303,14789,14283],{"class":5343},[5303,14791,5347],{"class":5313},[5303,14793,14288],{"class":5343},[5303,14795,13272],{"class":5313},[5303,14797,6800],{"class":5377},[5303,14799,13312],{"class":5313},[5303,14801,14802,14804,14807,14809],{"class":5305,"line":5598},[5303,14803,6779],{"class":5309},[5303,14805,14806],{"class":5313}," autotext ",[5303,14808,5634],{"class":5309},[5303,14810,14811],{"class":5313}," autotexts:\n",[5303,14813,14814,14817,14819],{"class":5305,"line":5604},[5303,14815,14816],{"class":5313},"    autotext.set_color(",[5303,14818,14283],{"class":5343},[5303,14820,5486],{"class":5313},[5303,14822,14823,14826,14828],{"class":5305,"line":5640},[5303,14824,14825],{"class":5313},"    autotext.set_fontweight(",[5303,14827,5711],{"class":5343},[5303,14829,5486],{"class":5313},[5303,14831,14832,14834,14836,14838,14840,14843,14845,14847,14849,14851,14854,14856,14859,14861,14863,14865,14867,14869,14871,14873,14875,14877,14879,14881,14883,14885,14887,14889,14891,14893,14895,14897,14899],{"class":5305,"line":5679},[5303,14833,7674],{"class":5313},[5303,14835,5290],{"class":5377},[5303,14837,5347],{"class":5313},[5303,14839,5807],{"class":5377},[5303,14841,14842],{"class":5313},"].text(",[5303,14844,5807],{"class":5377},[5303,14846,5347],{"class":5313},[5303,14848,5807],{"class":5377},[5303,14850,5347],{"class":5313},[5303,14852,14853],{"class":5343},"\"CPU",[5303,14855,11960],{"class":11959},[5303,14857,14858],{"class":5343},"Load\"",[5303,14860,5347],{"class":5313},[5303,14862,6834],{"class":5443},[5303,14864,5470],{"class":5313},[5303,14866,7192],{"class":5343},[5303,14868,5347],{"class":5313},[5303,14870,6844],{"class":5443},[5303,14872,5470],{"class":5313},[5303,14874,7192],{"class":5343},[5303,14876,5347],{"class":5313},[5303,14878,5716],{"class":5443},[5303,14880,5470],{"class":5313},[5303,14882,7654],{"class":5377},[5303,14884,5347],{"class":5313},[5303,14886,5706],{"class":5443},[5303,14888,5470],{"class":5313},[5303,14890,5711],{"class":5343},[5303,14892,5347],{"class":5313},[5303,14894,5467],{"class":5443},[5303,14896,5470],{"class":5313},[5303,14898,5730],{"class":5343},[5303,14900,5486],{"class":5313},[5303,14902,14903,14905,14907,14909,14911,14913,14916,14918,14921,14923,14925,14927,14929],{"class":5305,"line":5684},[5303,14904,7674],{"class":5313},[5303,14906,5290],{"class":5377},[5303,14908,5347],{"class":5313},[5303,14910,5807],{"class":5377},[5303,14912,7821],{"class":5313},[5303,14914,14915],{"class":5343},"\"Donut Chart: wedgeprops={'width': 0.4}",[5303,14917,11960],{"class":11959},[5303,14919,14920],{"class":5343},"Сучасний стиль із KPI в центрі\"",[5303,14922,5347],{"class":5313},[5303,14924,5706],{"class":5443},[5303,14926,5470],{"class":5313},[5303,14928,5711],{"class":5343},[5303,14930,5486],{"class":5313},[5303,14932,14933],{"class":5305,"line":5690},[5303,14934,5327],{"emptyLinePlaceholder":5326},[5303,14936,14937],{"class":5305,"line":5735},[5303,14938,14939],{"class":5333},"# 4. Donut Chart з винесеною легендою (Dashboard-ready)\n",[5303,14941,14942,14945,14947,14949,14951,14953,14955,14957,14959,14961,14963],{"class":5305,"line":5740},[5303,14943,14944],{"class":5313},"wedges, texts = axes[",[5303,14946,5290],{"class":5377},[5303,14948,5347],{"class":5313},[5303,14950,5290],{"class":5377},[5303,14952,14504],{"class":5313},[5303,14954,13542],{"class":5443},[5303,14956,5470],{"class":5313},[5303,14958,10759],{"class":5377},[5303,14960,5347],{"class":5313},[5303,14962,13250],{"class":5443},[5303,14964,14533],{"class":5313},[5303,14966,14967,14970,14972,14974,14976,14979,14981,14983,14985,14987,14989,14991,14993,14995],{"class":5305,"line":5766},[5303,14968,14969],{"class":5443},"                               wedgeprops",[5303,14971,13266],{"class":5313},[5303,14973,14269],{"class":5343},[5303,14975,13272],{"class":5313},[5303,14977,14978],{"class":5377},"0.35",[5303,14980,5347],{"class":5313},[5303,14982,14278],{"class":5343},[5303,14984,13272],{"class":5313},[5303,14986,14283],{"class":5343},[5303,14988,5347],{"class":5313},[5303,14990,14288],{"class":5343},[5303,14992,13272],{"class":5313},[5303,14994,6800],{"class":5377},[5303,14996,13312],{"class":5313},[5303,14998,14999,15001,15003,15005,15007,15010,15012,15014,15016,15019,15021,15023,15025,15028,15030,15032,15034,15037,15039,15042],{"class":5305,"line":5784},[5303,15000,7674],{"class":5313},[5303,15002,5290],{"class":5377},[5303,15004,5347],{"class":5313},[5303,15006,5290],{"class":5377},[5303,15008,15009],{"class":5313},"].legend(wedges, [",[5303,15011,12835],{"class":6813},[5303,15013,6817],{"class":5343},[5303,15015,6820],{"class":6813},[5303,15017,15018],{"class":5313},"l",[5303,15020,6826],{"class":6813},[5303,15022,13272],{"class":5343},[5303,15024,6820],{"class":6813},[5303,15026,15027],{"class":5313},"s",[5303,15029,6826],{"class":6813},[5303,15031,6829],{"class":5343},[5303,15033,5628],{"class":5309},[5303,15035,15036],{"class":5313}," l, s ",[5303,15038,5634],{"class":5309},[5303,15040,15041],{"class":6163}," zip",[5303,15043,15044],{"class":5313},"(labels, shares)],\n",[5303,15046,15047,15050,15052,15055,15057,15059,15061,15064,15066,15069,15071,15073,15075,15077,15079,15081,15083,15085],{"class":5305,"line":5801},[5303,15048,15049],{"class":5443},"                  title",[5303,15051,5470],{"class":5313},[5303,15053,15054],{"class":5343},"\"Компоненти системи\"",[5303,15056,5347],{"class":5313},[5303,15058,6435],{"class":5443},[5303,15060,5470],{"class":5313},[5303,15062,15063],{"class":5343},"\"center left\"",[5303,15065,5347],{"class":5313},[5303,15067,15068],{"class":5443},"bbox_to_anchor",[5303,15070,5447],{"class":5313},[5303,15072,5290],{"class":5377},[5303,15074,5347],{"class":5313},[5303,15076,5807],{"class":5377},[5303,15078,5347],{"class":5313},[5303,15080,6247],{"class":5377},[5303,15082,5347],{"class":5313},[5303,15084,5290],{"class":5377},[5303,15086,13968],{"class":5313},[5303,15088,15089,15092,15094,15096,15098,15101,15103,15106,15108,15110,15112,15114],{"class":5305,"line":5817},[5303,15090,15091],{"class":5443},"                  frameon",[5303,15093,5470],{"class":5313},[5303,15095,13928],{"class":6813},[5303,15097,5347],{"class":5313},[5303,15099,15100],{"class":5443},"facecolor",[5303,15102,5470],{"class":5313},[5303,15104,15105],{"class":5343},"'#f8fafc'",[5303,15107,5347],{"class":5313},[5303,15109,5716],{"class":5443},[5303,15111,5470],{"class":5313},[5303,15113,8294],{"class":5377},[5303,15115,5486],{"class":5313},[5303,15117,15118,15120,15122,15124,15126,15128,15130,15132,15134,15136,15139,15141,15143,15145,15147,15149,15151,15153,15155,15157,15159,15161,15163,15165,15167,15169,15171,15173,15175,15177,15179],{"class":5305,"line":5846},[5303,15119,7674],{"class":5313},[5303,15121,5290],{"class":5377},[5303,15123,5347],{"class":5313},[5303,15125,5290],{"class":5377},[5303,15127,14842],{"class":5313},[5303,15129,5807],{"class":5377},[5303,15131,5347],{"class":5313},[5303,15133,5807],{"class":5377},[5303,15135,5347],{"class":5313},[5303,15137,15138],{"class":5343},"\"100%\"",[5303,15140,5347],{"class":5313},[5303,15142,6834],{"class":5443},[5303,15144,5470],{"class":5313},[5303,15146,7192],{"class":5343},[5303,15148,5347],{"class":5313},[5303,15150,6844],{"class":5443},[5303,15152,5470],{"class":5313},[5303,15154,7192],{"class":5343},[5303,15156,5347],{"class":5313},[5303,15158,5716],{"class":5443},[5303,15160,5470],{"class":5313},[5303,15162,6372],{"class":5377},[5303,15164,5347],{"class":5313},[5303,15166,5706],{"class":5443},[5303,15168,5470],{"class":5313},[5303,15170,5711],{"class":5343},[5303,15172,5347],{"class":5313},[5303,15174,5467],{"class":5443},[5303,15176,5470],{"class":5313},[5303,15178,5730],{"class":5343},[5303,15180,5486],{"class":5313},[5303,15182,15183,15185,15187,15189,15191,15193,15196,15198,15201,15203,15205,15207,15209],{"class":5305,"line":8324},[5303,15184,7674],{"class":5313},[5303,15186,5290],{"class":5377},[5303,15188,5347],{"class":5313},[5303,15190,5290],{"class":5377},[5303,15192,7821],{"class":5313},[5303,15194,15195],{"class":5343},"\"Donut з окремою легендою (bbox_to_anchor):",[5303,15197,11960],{"class":11959},[5303,15199,15200],{"class":5343},"Чистий інтерфейс без нагромадження тексту\"",[5303,15202,5347],{"class":5313},[5303,15204,5706],{"class":5443},[5303,15206,5470],{"class":5313},[5303,15208,5711],{"class":5343},[5303,15210,5486],{"class":5313},[5303,15212,15213],{"class":5305,"line":8342},[5303,15214,5327],{"emptyLinePlaceholder":5326},[5303,15216,15217],{"class":5305,"line":8365},[5303,15218,6482],{"class":5313},[5303,15220,15221],{"class":5305,"line":8402},[5303,15222,5423],{"class":5313},[5850,15224,15225],{"v-slot:output":5298},[5853,15226],{"alt":15227,"className":15228,"src":15229},"Анатомія ax.pie та Donut Chart",[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F14.png",[5253,15231],{},[5256,15233,15235],{"id":15234},"сортування-стовпців","Сортування стовпців",[5261,15237,15238,15239,15242],{},"Порядок категорій ",[5224,15240,15241],{},"має значення",". Завжди сортуйте, якщо немає природного порядку.",[5272,15244,15246],{"title":15245},"sorted_bars.ipynb",[5277,15247,15248,15582],{"execution-count":5290},[5293,15249,15251],{"className":5295,"code":15250,"language":5297,"meta":5298,"style":5298},"import matplotlib.pyplot as plt\nimport pandas as pd\n\n# Дані: зарплати за спеціальностями\ndata = {\n    \"Спеціальність\": [\"Вчитель\", \"Лікар\", \"Інженер\", \"Програміст\", \"Юрист\"],\n    \"Зарплата ($)\": [35000, 75000, 60000, 90000, 55000]\n}\ndf = pd.DataFrame(data)\n\nfig, (ax1, ax2) = plt.subplots(1, 2, figsize=(14, 6))\n\n# Ліворуч: без сортування (погано)\nax1.barh(df[\"Спеціальність\"], df[\"Зарплата ($)\"], color=\"gray\")\nax1.set_title(\"❌ Без сортування\\n(важко порівнювати)\", fontsize=12, fontweight=\"bold\")\nax1.set_xlabel(\"Зарплата ($)\")\n\n# Праворуч: відсортовано за спаданням (добре)\ndf_sorted = df.sort_values(\"Зарплата ($)\", ascending=True)  # True для горизонтальних\nax2.barh(df_sorted[\"Спеціальність\"], df_sorted[\"Зарплата ($)\"], \n         color=\"steelblue\", edgecolor=\"navy\")\nax2.set_title(\"✅ Відсортовано\\n(порівняння миттєве)\", fontsize=12, fontweight=\"bold\")\nax2.set_xlabel(\"Зарплата ($)\")\n\nplt.tight_layout()\nplt.show()\n",[5300,15252,15253,15263,15275,15279,15284,15289,15323,15355,15360,15365,15369,15393,15397,15402,15428,15458,15467,15471,15476,15497,15512,15531,15561,15570,15574,15578],{"__ignoreMap":5298},[5303,15254,15255,15257,15259,15261],{"class":5305,"line":5306},[5303,15256,5310],{"class":5309},[5303,15258,5314],{"class":5313},[5303,15260,5317],{"class":5309},[5303,15262,5320],{"class":5313},[5303,15264,15265,15267,15270,15272],{"class":5305,"line":5323},[5303,15266,5310],{"class":5309},[5303,15268,15269],{"class":5313}," pandas ",[5303,15271,5317],{"class":5309},[5303,15273,15274],{"class":5313}," pd\n",[5303,15276,15277],{"class":5305,"line":5330},[5303,15278,5327],{"emptyLinePlaceholder":5326},[5303,15280,15281],{"class":5305,"line":5337},[5303,15282,15283],{"class":5333},"# Дані: зарплати за спеціальностями\n",[5303,15285,15286],{"class":5305,"line":5371},[5303,15287,15288],{"class":5313},"data = {\n",[5303,15290,15291,15294,15297,15300,15302,15305,15307,15310,15312,15315,15317,15320],{"class":5305,"line":5403},[5303,15292,15293],{"class":5343},"    \"Спеціальність\"",[5303,15295,15296],{"class":5313},": [",[5303,15298,15299],{"class":5343},"\"Вчитель\"",[5303,15301,5347],{"class":5313},[5303,15303,15304],{"class":5343},"\"Лікар\"",[5303,15306,5347],{"class":5313},[5303,15308,15309],{"class":5343},"\"Інженер\"",[5303,15311,5347],{"class":5313},[5303,15313,15314],{"class":5343},"\"Програміст\"",[5303,15316,5347],{"class":5313},[5303,15318,15319],{"class":5343},"\"Юрист\"",[5303,15321,15322],{"class":5313},"],\n",[5303,15324,15325,15328,15330,15333,15335,15338,15340,15343,15345,15348,15350,15353],{"class":5305,"line":5408},[5303,15326,15327],{"class":5343},"    \"Зарплата ($)\"",[5303,15329,15296],{"class":5313},[5303,15331,15332],{"class":5377},"35000",[5303,15334,5347],{"class":5313},[5303,15336,15337],{"class":5377},"75000",[5303,15339,5347],{"class":5313},[5303,15341,15342],{"class":5377},"60000",[5303,15344,5347],{"class":5313},[5303,15346,15347],{"class":5377},"90000",[5303,15349,5347],{"class":5313},[5303,15351,15352],{"class":5377},"55000",[5303,15354,5368],{"class":5313},[5303,15356,15357],{"class":5305,"line":5414},[5303,15358,15359],{"class":5313},"}\n",[5303,15361,15362],{"class":5305,"line":5420},[5303,15363,15364],{"class":5313},"df = pd.DataFrame(data)\n",[5303,15366,15367],{"class":5305,"line":5426},[5303,15368,5327],{"emptyLinePlaceholder":5326},[5303,15370,15371,15373,15375,15377,15379,15381,15383,15385,15387,15389,15391],{"class":5305,"line":5431},[5303,15372,13464],{"class":5313},[5303,15374,5290],{"class":5377},[5303,15376,5347],{"class":5313},[5303,15378,6800],{"class":5377},[5303,15380,5347],{"class":5313},[5303,15382,5444],{"class":5443},[5303,15384,5447],{"class":5313},[5303,15386,6372],{"class":5377},[5303,15388,5347],{"class":5313},[5303,15390,6194],{"class":5377},[5303,15392,5458],{"class":5313},[5303,15394,15395],{"class":5305,"line":5437},[5303,15396,5327],{"emptyLinePlaceholder":5326},[5303,15398,15399],{"class":5305,"line":5461},[5303,15400,15401],{"class":5333},"# Ліворуч: без сортування (погано)\n",[5303,15403,15404,15407,15410,15413,15416,15419,15421,15423,15426],{"class":5305,"line":5489},[5303,15405,15406],{"class":5313},"ax1.barh(df[",[5303,15408,15409],{"class":5343},"\"Спеціальність\"",[5303,15411,15412],{"class":5313},"], df[",[5303,15414,15415],{"class":5343},"\"Зарплата ($)\"",[5303,15417,15418],{"class":5313},"], ",[5303,15420,5467],{"class":5443},[5303,15422,5470],{"class":5313},[5303,15424,15425],{"class":5343},"\"gray\"",[5303,15427,5486],{"class":5313},[5303,15429,15430,15432,15435,15437,15440,15442,15444,15446,15448,15450,15452,15454,15456],{"class":5305,"line":5500},[5303,15431,13558],{"class":5313},[5303,15433,15434],{"class":5343},"\"❌ Без сортування",[5303,15436,11960],{"class":11959},[5303,15438,15439],{"class":5343},"(важко порівнювати)\"",[5303,15441,5347],{"class":5313},[5303,15443,5716],{"class":5443},[5303,15445,5470],{"class":5313},[5303,15447,5378],{"class":5377},[5303,15449,5347],{"class":5313},[5303,15451,5706],{"class":5443},[5303,15453,5470],{"class":5313},[5303,15455,6381],{"class":5343},[5303,15457,5486],{"class":5313},[5303,15459,15460,15463,15465],{"class":5305,"line":5511},[5303,15461,15462],{"class":5313},"ax1.set_xlabel(",[5303,15464,15415],{"class":5343},[5303,15466,5486],{"class":5313},[5303,15468,15469],{"class":5305,"line":5522},[5303,15470,5327],{"emptyLinePlaceholder":5326},[5303,15472,15473],{"class":5305,"line":5558},[5303,15474,15475],{"class":5333},"# Праворуч: відсортовано за спаданням (добре)\n",[5303,15477,15478,15481,15483,15485,15488,15490,15492,15494],{"class":5305,"line":5563},[5303,15479,15480],{"class":5313},"df_sorted = df.sort_values(",[5303,15482,15415],{"class":5343},[5303,15484,5347],{"class":5313},[5303,15486,15487],{"class":5443},"ascending",[5303,15489,5470],{"class":5313},[5303,15491,13928],{"class":6813},[5303,15493,13204],{"class":5313},[5303,15495,15496],{"class":5333},"# True для горизонтальних\n",[5303,15498,15499,15502,15504,15507,15509],{"class":5305,"line":5568},[5303,15500,15501],{"class":5313},"ax2.barh(df_sorted[",[5303,15503,15409],{"class":5343},[5303,15505,15506],{"class":5313},"], df_sorted[",[5303,15508,15415],{"class":5343},[5303,15510,15511],{"class":5313},"], \n",[5303,15513,15514,15517,15519,15521,15523,15525,15527,15529],{"class":5305,"line":5574},[5303,15515,15516],{"class":5443},"         color",[5303,15518,5470],{"class":5313},[5303,15520,6746],{"class":5343},[5303,15522,5347],{"class":5313},[5303,15524,5478],{"class":5443},[5303,15526,5470],{"class":5313},[5303,15528,6755],{"class":5343},[5303,15530,5486],{"class":5313},[5303,15532,15533,15535,15538,15540,15543,15545,15547,15549,15551,15553,15555,15557,15559],{"class":5305,"line":5593},[5303,15534,13626],{"class":5313},[5303,15536,15537],{"class":5343},"\"✅ Відсортовано",[5303,15539,11960],{"class":11959},[5303,15541,15542],{"class":5343},"(порівняння миттєве)\"",[5303,15544,5347],{"class":5313},[5303,15546,5716],{"class":5443},[5303,15548,5470],{"class":5313},[5303,15550,5378],{"class":5377},[5303,15552,5347],{"class":5313},[5303,15554,5706],{"class":5443},[5303,15556,5470],{"class":5313},[5303,15558,6381],{"class":5343},[5303,15560,5486],{"class":5313},[5303,15562,15563,15566,15568],{"class":5305,"line":5598},[5303,15564,15565],{"class":5313},"ax2.set_xlabel(",[5303,15567,15415],{"class":5343},[5303,15569,5486],{"class":5313},[5303,15571,15572],{"class":5305,"line":5604},[5303,15573,5327],{"emptyLinePlaceholder":5326},[5303,15575,15576],{"class":5305,"line":5640},[5303,15577,6482],{"class":5313},[5303,15579,15580],{"class":5305,"line":5679},[5303,15581,5423],{"class":5313},[5850,15583,15584],{"v-slot:output":5298},[5853,15585],{"alt":15586,"className":15587,"src":15588},"Ефект сортування",[5857],"\u002Fimages\u002Fai-python\u002Fdata-visualization\u002Fcategorical\u002F09.png",[6985,15590,15591,15596,15622],{},[5261,15592,15593],{},[5224,15594,15595],{},"Правила сортування:",[5866,15597,15598,15604,15610,15616],{},[5201,15599,15600,15603],{},[5224,15601,15602],{},"Числові дані"," — завжди сортуйте за значенням (зростання або спадання)",[5201,15605,15606,15609],{},[5224,15607,15608],{},"Часові дані"," — залишайте хронологічний порядок (січень, лютий, березень...)",[5201,15611,15612,15615],{},[5224,15613,15614],{},"Природний порядок"," — зберігайте (низький\u002Fсередній\u002Fвисокий, понеділок\u002Fвівторок...)",[5201,15617,15618,15621],{},[5224,15619,15620],{},"Без природного порядку"," — сортуйте за алфавітом або за значенням",[5261,15623,15624,15627],{},[5224,15625,15626],{},"Мета:"," мінімізувати когнітивне навантаження на читача.",[5253,15629],{},[5256,15631,15633],{"id":15632},"практичні-завдання","Практичні завдання",[5190,15635,15636,15658,15690],{},[5193,15637,15640,15646,15652],{"icon":15638,"title":15639},"i-lucide-pencil","📝 Рівень 1: Базові навички",[5261,15641,15642,15645],{},[5224,15643,15644],{},"Завдання 1.1:"," Створіть вертикальний bar chart для топ-5 улюблених фруктів (придумайте дані). Додайте підписи над стовпцями.",[5261,15647,15648,15651],{},[5224,15649,15650],{},"Завдання 1.2:"," Побудуйте горизонтальний bar chart для часу виконання різних алгоритмів сортування (дані у мілісекундах). Відсортуйте від найшвидшого до найповільнішого.",[5261,15653,15654,15657],{},[5224,15655,15656],{},"Завдання 1.3:"," Створіть pie chart для розподілу часу протягом дня (сон, робота, дозвілля, тощо). Спробуйте замінити на bar chart. Що зручніше?",[5193,15659,15661,15667,15673],{"icon":2990,"title":15660},"🧮 Рівень 2: Аналіз даних",[5261,15662,15663,15666],{},[5224,15664,15665],{},"Завдання 2.1:"," Завантажте датасет Titanic. Побудуйте bar chart: кількість пасажирів у кожному класі (1st, 2nd, 3rd). Додайте другий bar chart: кількість тих, хто вижив, у кожному класі.",[5261,15668,15669,15672],{},[5224,15670,15671],{},"Завдання 2.2:"," Побудуйте групові bar charts: порівняйте середній вік чоловіків та жінок у трьох класах Titanic.",[5261,15674,15675,15678,15679,15682,15683,15686,15687,5900],{},[5224,15676,15677],{},"Завдання 2.3:"," Створіть stacked bar chart для датасету Tips (",[5300,15680,15681],{},"seaborn.load_dataset(\"tips\")","): для кожного дня тижня покажіть склад — скільки було обідів (",[5300,15684,15685],{},"time==\"Lunch\"",") та скільки вечерь (",[5300,15688,15689],{},"time==\"Dinner\"",[5193,15691,15693,15699],{"icon":4749,"title":15692},"🚀 Рівень 3: Дослідницький проєкт",[5261,15694,15695,15698],{},[5224,15696,15697],{},"Проєкт:"," Порівняння типів візуалізацій",[5866,15700,15701,15704,15724],{},[5201,15702,15703],{},"Створіть датасет: продажі 8 продуктів за 3 квартали (24 значення)",[5201,15705,15706,15707,15710],{},"Візуалізуйте ",[5224,15708,15709],{},"чотирма способами:",[5198,15711,15712,15715,15718,15721],{},[5201,15713,15714],{},"Grouped bars (3 групи стовпців для кожного продукту)",[5201,15716,15717],{},"Stacked bars (стовпці з 3 шарами)",[5201,15719,15720],{},"3 окремі bar charts (по одному для кожного кварталу)",[5201,15722,15723],{},"Heatmap (рядки = продукти, стовпці = квартали)",[5201,15725,15726,15727],{},"Напишіть короткий висновок: який спосіб найкраще показує:",[5198,15728,15729,15732,15735],{},[5201,15730,15731],{},"Лідера серед продуктів?",[5201,15733,15734],{},"Динаміку зростання\u002Fспаду?",[5201,15736,15737],{},"Загальну суму за всі квартали?",[5253,15739],{},[5256,15741,15743],{"id":15742},"резюме-підтеми","Резюме підтеми",[5190,15745,15746,15778,15805],{},[5193,15747,15750],{"icon":15748,"title":15749},"i-lucide-bar-chart","📊 Bar Charts",[5198,15751,15752,15757,15762,15769,15772,15775],{},[5201,15753,15754,15756],{},[5300,15755,7120],{}," — вертикальні стовпці",[5201,15758,15759,15761],{},[5300,15760,9095],{}," — горизонтальні стовпці",[5201,15763,15764,15765,15768],{},"Завжди ",[5224,15766,15767],{},"сортуйте",", якщо немає природного порядку",[5201,15770,15771],{},"Додавайте підписи над\u002Fправоруч від стовпців для точності",[5201,15773,15774],{},"Grouped bars → порівняння груп",[5201,15776,15777],{},"Stacked bars → склад категорій",[5193,15779,15782],{"icon":15780,"title":15781},"i-lucide-pie-chart","🥧 Pie Charts (уникайте!)",[5198,15783,15784,15786,15789,15797,15802],{},[5201,15785,13718],{},[5201,15787,15788],{},"Важко порівняти сектори схожого розміру",[5201,15790,15791],{},[15792,15793,15794],"blockquote",{},[5261,15795,15796],{},"5 секторів = нечитабельно",[5201,15798,15799],{},[5224,15800,15801],{},"Bar chart майже завжди кращий",[5201,15803,15804],{},"Виправдані лише для 2 категорій або домінування однієї (80\u002F20)",[5193,15806,15808],{"icon":5195,"title":15807},"🎯 Вибір типу графіка",[5198,15809,15810,15816,15822,15828,15834],{},[5201,15811,15812,15815],{},[5224,15813,15814],{},"Порівняння категорій"," → bar chart",[5201,15817,15818,15821],{},[5224,15819,15820],{},"Частки цілого"," → bar chart (не pie!)",[5201,15823,15824,15827],{},[5224,15825,15826],{},"Порівняння груп"," → grouped bars",[5201,15829,15830,15833],{},[5224,15831,15832],{},"Склад категорій"," → stacked bars",[5201,15835,15836,15838],{},[5224,15837,15608],{}," → line chart (не bar!)",[6985,15840,15841,15846],{},[5261,15842,15843],{},[5224,15844,15845],{},"Чек-лист bar chart:",[5866,15847,15850,15859,15865,15871,15877,15883],{"className":15848},[15849],"contains-task-list",[5201,15851,15854,15858],{"className":15852},[15853],"task-list-item",[15855,15856],"input",{"disabled":5326,"type":15857},"checkbox"," Відсортували категорії (за значенням або за алфавітом)",[5201,15860,15862,15864],{"className":15861},[15853],[15855,15863],{"disabled":5326,"type":15857}," Вибрали орієнтацію: вертикальну (для часових даних, малої кількості категорій) або горизонтальну (для довгих назв, багатьох категорій)",[5201,15866,15868,15870],{"className":15867},[15853],[15855,15869],{"disabled":5326,"type":15857}," Додали підписи значень над\u002Fбіля стовпців",[5201,15872,15874,15876],{"className":15873},[15853],[15855,15875],{"disabled":5326,"type":15857}," Використали контрастні кольори (але не більше 3–4)",[5201,15878,15880,15882],{"className":15879},[15853],[15855,15881],{"disabled":5326,"type":15857}," Додали сітку по осі значень (alpha=0.3)",[5201,15884,15886,15888],{"className":15885},[15853],[15855,15887],{"disabled":5326,"type":15857}," Почали вісь Y з 0 (не обрізали, щоб не спотворити пропорції)",[5253,15890],{},[5261,15892,15893,14208,15896,15901,14208,15904],{},[5224,15894,15895],{},"Попередня підтема:",[15897,15898,15900],"a",{"href":15899},".\u002F03.relationships","Візуалізація залежностей",[5224,15902,15903],{},"Наступна підтема:",[15897,15905,3773],{"href":15906},".\u002F05.subplots-styling",[15908,15909,15910],"style",{},"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 .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}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":15912},[15913,15914,15915,15919,15923,15924,15927,15932,15933,15934],{"id":5258,"depth":5323,"text":5259},{"id":5972,"depth":5323,"text":5973},{"id":6617,"depth":5323,"text":6618,"children":15916},[15917],{"id":7116,"depth":5330,"text":15918},"Повна сигнатура та анатомія параметрів ax.bar()",{"id":8684,"depth":5323,"text":8685,"children":15920},[15921],{"id":9092,"depth":5330,"text":15922},"Повна сигнатура та анатомія параметрів ax.barh()",{"id":10624,"depth":5323,"text":10625},{"id":11068,"depth":5323,"text":11069,"children":15925},[15926],{"id":11519,"depth":5330,"text":11520},{"id":13033,"depth":5323,"text":13034,"children":15928},[15929,15930],{"id":13363,"depth":5330,"text":13364},{"id":13779,"depth":5330,"text":15931},"Повна сигнатура ax.pie() та створення сучасного Donut Chart",{"id":15234,"depth":5323,"text":15235},{"id":15632,"depth":5323,"text":15633},{"id":15742,"depth":5323,"text":15743},"Стовпчасті діаграми для порівняння категорій, горизонтальні та вертикальні bar charts, групові та stacked bars, pie charts та коли їх уникати","md",null,{},{"title":3769,"description":15935},"vTKqIUp4GjCSaQeB1Lpetp3lxhHMik1uldPZOfwHxJI",[15942,15944],{"title":3765,"path":3766,"stem":3767,"description":15943,"children":-1},"Точкові діаграми для виявлення кореляцій, візуалізація лінійних та нелінійних залежностей, regression lines, scatter matrices",{"title":3773,"path":3774,"stem":3775,"description":15945,"children":-1},"Побудова кількох графіків на одній фігурі, GridSpec для складних компоновок, кольорові схеми, теми, стилізація для публікацій та презентацій",1792055050675]