[{"data":1,"prerenderedAt":17658},["ShallowReactive",2],{"navigation_docs":3,"-web-development-nodejs-platform-module-systems":5074,"-web-development-nodejs-platform-module-systems-surround":17653},[4,1707,2040,2512,2693,2819,3026,3148,3198,3255,3289,3415,3492,3506,3645,3939,4016,4749,4924,5017,5070],{"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],{"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},"Конструктори, деструктори та порядок ініціалізації в ієрархіях","\u002Fcpp\u002Finheritance-constructors-destructors","02.cpp\u002F71.inheritance-constructors-destructors",{"title":1997,"path":1998,"stem":1999},"Специфікатор `protected` та види наслідування","\u002Fcpp\u002Finheritance-access-specifiers","02.cpp\u002F72.inheritance-access-specifiers",{"title":2001,"path":2002,"stem":2003},"Перевизначення методів та приховування імен","\u002Fcpp\u002Fmethod-overriding-hiding","02.cpp\u002F73.method-overriding-hiding",{"title":2005,"path":2006,"stem":2007},"Множинне наслідування та проблема ромба","\u002Fcpp\u002Fmultiple-inheritance-diamond","02.cpp\u002F74.multiple-inheritance-diamond",{"title":2009,"path":2010,"stem":2011},"Вказівники на базовий клас та віртуальні функції","\u002Fcpp\u002Fvirtual-functions-polymorphism","02.cpp\u002F75.virtual-functions-polymorphism",{"title":2013,"path":2014,"stem":2015},"Специфікатори override, final та віртуальні деструктори","\u002Fcpp\u002Foverride-final-virtual-destructors","02.cpp\u002F76.override-final-virtual-destructors",{"title":2017,"path":2018,"stem":2019},"Внутрішні механізми поліморфізму: vtable, vptr та зв'язування","\u002Fcpp\u002Fvirtual-table-binding","02.cpp\u002F77.virtual-table-binding",{"title":2021,"path":2022,"stem":2023},"Абстрактні класи та чисті віртуальні функції","\u002Fcpp\u002Fabstract-classes-interfaces","02.cpp\u002F78.abstract-classes-interfaces",{"title":2025,"path":2026,"stem":2027},"Зрізка об'єктів, віртуальне наслідування та поліморфний вивід","\u002Fcpp\u002Fslicing-virtual-base-io","02.cpp\u002F79.slicing-virtual-base-io",{"title":2029,"path":2030,"stem":2031},"Динамічне приведення типів (`dynamic_cast`) та RTTI","\u002Fcpp\u002Fdynamic-cast-rtti","02.cpp\u002F80.dynamic-cast-rtti",{"title":2033,"path":2034,"stem":2035},"Шаблони функцій: узагальнене програмування","\u002Fcpp\u002Ffunction-templates","02.cpp\u002F81.function-templates",{"title":2037,"path":2038,"stem":2039},"Шаблони класів та NTTP-параметри","\u002Fcpp\u002Fclass-templates-nttp","02.cpp\u002F82.class-templates-nttp",{"title":2041,"icon":2042,"path":2043,"stem":2044,"children":2045,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[2046,2072,2126,2148,2452,2490,2508],{"title":2047,"icon":2048,"path":2049,"stem":2050,"children":2051,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[2052,2056,2060,2064,2068],{"title":2053,"path":2054,"stem":2055},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":2057,"path":2058,"stem":2059},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":2061,"path":2062,"stem":2063},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":2065,"path":2066,"stem":2067},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":2069,"path":2070,"stem":2071},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":2073,"icon":2074,"path":2075,"stem":2076,"children":2077,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[2078,2082,2086,2090,2094,2098,2102,2106,2110,2114,2118,2122],{"title":2079,"path":2080,"stem":2081},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":2083,"path":2084,"stem":2085},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":2087,"path":2088,"stem":2089},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":2091,"path":2092,"stem":2093},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":2095,"path":2096,"stem":2097},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":2099,"path":2100,"stem":2101},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":2103,"path":2104,"stem":2105},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":2107,"path":2108,"stem":2109},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":2111,"path":2112,"stem":2113},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":2115,"path":2116,"stem":2117},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":2119,"path":2120,"stem":2121},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":2123,"path":2124,"stem":2125},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":2127,"icon":2128,"path":2129,"stem":2130,"children":2131,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2132,2136,2140,2144],{"title":2133,"path":2134,"stem":2135},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2137,"path":2138,"stem":2139},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2141,"path":2142,"stem":2143},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2145,"path":2146,"stem":2147},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2149,"icon":2150,"path":2151,"stem":2152,"children":2153},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2154,2155,2159,2163,2167,2171,2234,2269,2421],{"title":2149,"path":2151,"stem":2152},{"title":2156,"path":2157,"stem":2158},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2160,"path":2161,"stem":2162},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2164,"path":2165,"stem":2166},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2168,"path":2169,"stem":2170},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2172,"icon":132,"path":2173,"stem":2174,"children":2175},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2176,2178,2182,2186,2190,2194,2198,2202,2206,2210,2214,2218,2222,2226,2230],{"title":2177,"path":2173,"stem":2174},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2179,"path":2180,"stem":2181},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2183,"path":2184,"stem":2185},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2187,"path":2188,"stem":2189},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2191,"path":2192,"stem":2193},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2195,"path":2196,"stem":2197},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2199,"path":2200,"stem":2201},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2203,"path":2204,"stem":2205},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2207,"path":2208,"stem":2209},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2211,"path":2212,"stem":2213},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2215,"path":2216,"stem":2217},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2219,"path":2220,"stem":2221},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2223,"path":2224,"stem":2225},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2227,"path":2228,"stem":2229},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2231,"path":2232,"stem":2233},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2235,"icon":2150,"path":2236,"stem":2237,"children":2238},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2239,2241,2245,2249,2253,2257,2261,2265],{"title":2240,"path":2236,"stem":2237},"React Router: Навігаційна система сучасного вебу",{"title":2242,"path":2243,"stem":2244},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2246,"path":2247,"stem":2248},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2250,"path":2251,"stem":2252},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2254,"path":2255,"stem":2256},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2258,"path":2259,"stem":2260},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2262,"path":2263,"stem":2264},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2266,"path":2267,"stem":2268},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2270,"icon":132,"path":2271,"stem":2272,"children":2273},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2274,2276,2292,2321,2330,2351,2367,2396],{"title":2275,"path":2271,"stem":2272},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2277,"stem":2278,"children":2279,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2280,2284,2288],{"title":2281,"path":2282,"stem":2283},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2285,"path":2286,"stem":2287},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2289,"path":2290,"stem":2291},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2293,"icon":132,"path":2294,"stem":2295,"children":2296,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2297,2301,2305,2309,2313,2317],{"title":2298,"path":2299,"stem":2300},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2302,"path":2303,"stem":2304},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2306,"path":2307,"stem":2308},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2310,"path":2311,"stem":2312},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2314,"path":2315,"stem":2316},"Підключення до 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":2318,"path":2319,"stem":2320},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2322,"icon":132,"path":2323,"stem":2324,"children":2325,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2326],{"title":2327,"path":2328,"stem":2329},"Проблеми класичного 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":2331,"icon":132,"path":2332,"stem":2333,"children":2334,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2335,2339,2343,2347],{"title":2336,"path":2337,"stem":2338},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2340,"path":2341,"stem":2342},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2344,"path":2345,"stem":2346},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2348,"path":2349,"stem":2350},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2352,"icon":92,"path":2353,"stem":2354,"children":2355,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2356,2360,2364],{"title":2357,"path":2358,"stem":2359},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2361,"path":2362,"stem":2363},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2211,"path":2365,"stem":2366},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2368,"icon":132,"path":2369,"stem":2370,"children":2371,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2372,2376,2380,2384,2388,2392],{"title":2373,"path":2374,"stem":2375},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2377,"path":2378,"stem":2379},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2381,"path":2382,"stem":2383},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2385,"path":2386,"stem":2387},"Логіка 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":2389,"path":2390,"stem":2391},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2393,"path":2394,"stem":2395},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2397,"icon":132,"path":2398,"stem":2399,"children":2400,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2401,2405,2409,2413,2417],{"title":2402,"path":2403,"stem":2404},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2406,"path":2407,"stem":2408},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2410,"path":2411,"stem":2412},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2414,"path":2415,"stem":2416},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2418,"path":2419,"stem":2420},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2422,"icon":132,"path":2423,"stem":2424,"children":2425},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2426,2428,2432,2436,2440,2444,2448],{"title":2427,"path":2423,"stem":2424},"UI Бібліотеки в React",{"title":2429,"path":2430,"stem":2431},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2433,"path":2434,"stem":2435},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2437,"path":2438,"stem":2439},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2441,"path":2442,"stem":2443},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2445,"path":2446,"stem":2447},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2449,"path":2450,"stem":2451},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2453,"icon":2454,"path":2455,"stem":2456,"children":2457,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2458,2462,2466,2470,2474,2478,2482,2486],{"title":2459,"path":2460,"stem":2461},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2463,"path":2464,"stem":2465},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2467,"path":2468,"stem":2469},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2471,"path":2472,"stem":2473},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2475,"path":2476,"stem":2477},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2479,"path":2480,"stem":2481},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2483,"path":2484,"stem":2485},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2487,"path":2488,"stem":2489},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2491,"icon":2492,"path":2493,"stem":2494,"children":2495,"page":59},"Асинхронність","i-lucide-refresh-cw","\u002Fjavascript\u002Fasync-programming","03.javascript\u002F06.async-programming",[2496,2500,2504],{"title":2497,"path":2498,"stem":2499},"Event Loop: серце асинхронності в JavaScript","\u002Fjavascript\u002Fasync-programming\u002Fevent-loop-fundamentals","03.javascript\u002F06.async-programming\u002F01.event-loop-fundamentals",{"title":2501,"path":2502,"stem":2503},"Task Queue та Microtask Queue: пріоритети виконання","\u002Fjavascript\u002Fasync-programming\u002Ftask-queues","03.javascript\u002F06.async-programming\u002F02.task-queues",{"title":2505,"path":2506,"stem":2507},"Асинхронні патерни: від Callbacks до Async\u002FAwait","\u002Fjavascript\u002Fasync-programming\u002Fasync-patterns","03.javascript\u002F06.async-programming\u002F03.async-patterns",{"title":2509,"path":2510,"stem":2511},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2513,"icon":2514,"path":2515,"stem":2516,"children":2517,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2518,2521,2524,2528,2532,2536,2540],{"title":162,"path":2519,"stem":2520},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2522,"stem":2523},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2525,"path":2526,"stem":2527},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2529,"path":2530,"stem":2531},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2533,"path":2534,"stem":2535},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2537,"path":2538,"stem":2539},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2541,"path":2542,"stem":2543,"children":2544,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2545,2549,2553,2557,2561,2565,2569,2573,2577,2581,2585,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],{"title":2546,"path":2547,"stem":2548},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2550,"path":2551,"stem":2552},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2554,"path":2555,"stem":2556},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2558,"path":2559,"stem":2560},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2562,"path":2563,"stem":2564},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2566,"path":2567,"stem":2568},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2570,"path":2571,"stem":2572},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2574,"path":2575,"stem":2576},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2578,"path":2579,"stem":2580},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2582,"path":2583,"stem":2584},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2586,"path":2587,"stem":2588},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2590,"path":2591,"stem":2592},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2594,"path":2595,"stem":2596},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2598,"path":2599,"stem":2600},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2602,"path":2603,"stem":2604},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2606,"path":2607,"stem":2608},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2610,"path":2611,"stem":2612},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2614,"path":2615,"stem":2616},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2618,"path":2619,"stem":2620},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2622,"path":2623,"stem":2624},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2626,"path":2627,"stem":2628},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2630,"path":2631,"stem":2632},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2634,"path":2635,"stem":2636},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2638,"path":2639,"stem":2640},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2642,"path":2643,"stem":2644},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2646,"path":2647,"stem":2648},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2650,"path":2651,"stem":2652},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2654,"path":2655,"stem":2656},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2658,"path":2659,"stem":2660},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2662,"path":2663,"stem":2664},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2666,"path":2667,"stem":2668},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2670,"path":2671,"stem":2672},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2674,"path":2675,"stem":2676},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2678,"path":2679,"stem":2680},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2682,"path":2683,"stem":2684},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2686,"path":2687,"stem":2688},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2690,"path":2691,"stem":2692},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2694,"icon":2695,"path":2696,"stem":2697,"children":2698,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2699,2703,2706,2710,2714,2718,2722,2726,2730,2734,2738,2742,2746,2750,2754,2815],{"title":2700,"path":2701,"stem":2702},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2704,"stem":2705},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2707,"path":2708,"stem":2709},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2711,"path":2712,"stem":2713},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2715,"path":2716,"stem":2717},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2719,"path":2720,"stem":2721},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2723,"path":2724,"stem":2725},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2727,"path":2728,"stem":2729},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2731,"path":2732,"stem":2733},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2735,"path":2736,"stem":2737},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2739,"path":2740,"stem":2741},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2743,"path":2744,"stem":2745},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2747,"path":2748,"stem":2749},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2751,"path":2752,"stem":2753},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2755,"icon":92,"path":2756,"stem":2757,"children":2758,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2759,2763,2767,2771,2775,2779,2783,2787,2791,2795,2799,2803,2807,2811],{"title":2760,"path":2761,"stem":2762},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2764,"path":2765,"stem":2766},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2768,"path":2769,"stem":2770},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2772,"path":2773,"stem":2774},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2776,"path":2777,"stem":2778},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2780,"path":2781,"stem":2782},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2784,"path":2785,"stem":2786},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2788,"path":2789,"stem":2790},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2792,"path":2793,"stem":2794},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2796,"path":2797,"stem":2798},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2800,"path":2801,"stem":2802},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2804,"path":2805,"stem":2806},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2808,"path":2809,"stem":2810},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2812,"path":2813,"stem":2814},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2816,"path":2817,"stem":2818},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2820,"icon":2821,"path":2822,"stem":2823,"children":2824,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2825,2855,2878,2915,2944,2962,2996,3008,3017],{"title":2826,"icon":2827,"path":2828,"stem":2829,"children":2830,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2831,2835,2839,2843,2847,2851],{"title":2832,"path":2833,"stem":2834},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2836,"path":2837,"stem":2838},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2840,"path":2841,"stem":2842},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2844,"path":2845,"stem":2846},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2848,"path":2849,"stem":2850},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2852,"path":2853,"stem":2854},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2856,"icon":2821,"path":2857,"stem":2858,"children":2859,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2860,2864,2870,2874],{"title":2861,"path":2862,"stem":2863},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2865,"path":2866,"stem":2867,"children":2868},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2869],{"title":2865,"path":2866,"stem":2867},{"title":2871,"path":2872,"stem":2873},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2875,"path":2876,"stem":2877},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2879,"icon":2821,"path":2880,"stem":2881,"children":2882,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2883,2887,2891,2895,2899,2903,2907,2911],{"title":2884,"path":2885,"stem":2886},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2888,"path":2889,"stem":2890},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2892,"path":2893,"stem":2894},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2896,"path":2897,"stem":2898},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2900,"path":2901,"stem":2902},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2904,"path":2905,"stem":2906},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2908,"path":2909,"stem":2910},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2912,"path":2913,"stem":2914},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2916,"icon":2821,"path":2917,"stem":2918,"children":2919,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2920,2924,2928,2932,2936,2940],{"title":2921,"path":2922,"stem":2923},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2925,"path":2926,"stem":2927},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2929,"path":2930,"stem":2931},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2933,"path":2934,"stem":2935},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2937,"path":2938,"stem":2939},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2941,"path":2942,"stem":2943},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2945,"icon":2946,"path":2947,"stem":2948,"children":2949,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2950,2954,2958],{"title":2951,"path":2952,"stem":2953},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2955,"path":2956,"stem":2957},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2959,"path":2960,"stem":2961},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2963,"icon":2964,"path":2965,"stem":2966,"children":2967,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2968,2972,2976,2980,2984,2988,2992],{"title":2969,"path":2970,"stem":2971},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2973,"path":2974,"stem":2975},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2977,"path":2978,"stem":2979},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2981,"path":2982,"stem":2983},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2985,"path":2986,"stem":2987},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2989,"path":2990,"stem":2991},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2993,"path":2994,"stem":2995},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2993,"icon":793,"path":2997,"stem":2998,"children":2999,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[3000,3004],{"title":3001,"path":3002,"stem":3003},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":3005,"path":3006,"stem":3007},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":3009,"icon":3010,"path":3011,"stem":3012,"children":3013,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[3014],{"title":3009,"path":3015,"stem":3016},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":3018,"icon":3019,"path":3020,"stem":3021,"children":3022,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[3023],{"title":3018,"path":3024,"stem":3025},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":3027,"icon":3028,"path":3029,"stem":3030,"children":3031,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[3032,3108],{"title":3033,"icon":3034,"path":3035,"stem":3036,"children":3037},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[3038,3040,3044,3048,3052,3056,3060,3064,3068,3072,3076,3080,3084,3088,3092,3096,3100,3104],{"title":3039,"path":3035,"stem":3036},"Docker: від нуля до production",{"title":3041,"path":3042,"stem":3043},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":3045,"path":3046,"stem":3047},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":3049,"path":3050,"stem":3051},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":3053,"path":3054,"stem":3055},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":3057,"path":3058,"stem":3059},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":3061,"path":3062,"stem":3063},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":3065,"path":3066,"stem":3067},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":3069,"path":3070,"stem":3071},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":3073,"path":3074,"stem":3075},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":3077,"path":3078,"stem":3079},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":3081,"path":3082,"stem":3083},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":3085,"path":3086,"stem":3087},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":3089,"path":3090,"stem":3091},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":3093,"path":3094,"stem":3095},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":3097,"path":3098,"stem":3099},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":3101,"path":3102,"stem":3103},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":3105,"path":3106,"stem":3107},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":3109,"icon":3110,"path":3111,"stem":3112,"children":3113},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[3114,3116,3120,3124,3128,3132,3136,3140,3144],{"title":3115,"path":3111,"stem":3112},"Kubernetes: від розробки до production",{"title":3117,"path":3118,"stem":3119},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":3121,"path":3122,"stem":3123},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":3125,"path":3126,"stem":3127},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":3129,"path":3130,"stem":3131},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":3133,"path":3134,"stem":3135},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":3137,"path":3138,"stem":3139},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":3141,"path":3142,"stem":3143},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":3145,"path":3146,"stem":3147},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3149,"icon":3150,"path":3151,"stem":3152,"children":3153,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3154,3158,3162,3166,3170,3174,3178,3182,3186,3190,3194],{"title":3155,"path":3156,"stem":3157},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3159,"path":3160,"stem":3161},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3163,"path":3164,"stem":3165},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3167,"path":3168,"stem":3169},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3171,"path":3172,"stem":3173},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3175,"path":3176,"stem":3177},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3179,"path":3180,"stem":3181},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3183,"path":3184,"stem":3185},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3187,"path":3188,"stem":3189},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3191,"path":3192,"stem":3193},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3195,"path":3196,"stem":3197},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3199,"icon":943,"path":3200,"stem":3201,"children":3202,"page":59},"DDD","\u002Fddd","10.ddd",[3203,3207,3211,3215,3219,3223,3227,3231,3235,3239,3243,3247,3251],{"title":3204,"path":3205,"stem":3206},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3208,"path":3209,"stem":3210},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3212,"path":3213,"stem":3214},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3216,"path":3217,"stem":3218},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3220,"path":3221,"stem":3222},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3224,"path":3225,"stem":3226},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3228,"path":3229,"stem":3230},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3232,"path":3233,"stem":3234},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3236,"path":3237,"stem":3238},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3240,"path":3241,"stem":3242},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3244,"path":3245,"stem":3246},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3248,"path":3249,"stem":3250},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3252,"path":3253,"stem":3254},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3256,"icon":3257,"path":3258,"stem":3259,"children":3260,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3261,3265,3269,3273,3277,3281,3285],{"title":3262,"path":3263,"stem":3264},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3266,"path":3267,"stem":3268},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3270,"path":3271,"stem":3272},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3274,"path":3275,"stem":3276},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3278,"path":3279,"stem":3280},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3282,"path":3283,"stem":3284},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3286,"path":3287,"stem":3288},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3290,"icon":3291,"path":3292,"stem":3293,"children":3294,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3295,3299,3303,3307,3311,3315,3319,3323,3327,3331,3335,3339,3343,3347,3351,3355,3359,3363,3367,3371,3375,3379,3383,3387,3391,3395,3399,3403,3407,3411],{"title":3296,"path":3297,"stem":3298},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3300,"path":3301,"stem":3302},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3304,"path":3305,"stem":3306},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3308,"path":3309,"stem":3310},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3312,"path":3313,"stem":3314},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3316,"path":3317,"stem":3318},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3320,"path":3321,"stem":3322},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3324,"path":3325,"stem":3326},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3328,"path":3329,"stem":3330},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3332,"path":3333,"stem":3334},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3336,"path":3337,"stem":3338},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3340,"path":3341,"stem":3342},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3344,"path":3345,"stem":3346},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3348,"path":3349,"stem":3350},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3352,"path":3353,"stem":3354},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3356,"path":3357,"stem":3358},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3360,"path":3361,"stem":3362},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3364,"path":3365,"stem":3366},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3368,"path":3369,"stem":3370},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3372,"path":3373,"stem":3374},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3376,"path":3377,"stem":3378},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3380,"path":3381,"stem":3382},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3384,"path":3385,"stem":3386},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3388,"path":3389,"stem":3390},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3392,"path":3393,"stem":3394},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3396,"path":3397,"stem":3398},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3400,"path":3401,"stem":3402},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3404,"path":3405,"stem":3406},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3408,"path":3409,"stem":3410},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3412,"path":3413,"stem":3414},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3416,"path":3417,"stem":3418,"children":3419,"page":59},"AWS","\u002Faws","13.aws",[3420,3424,3428,3432,3436,3440,3444,3448,3452,3456,3460,3464,3468,3472,3476,3480,3484,3488],{"title":3421,"path":3422,"stem":3423},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3425,"path":3426,"stem":3427},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3429,"path":3430,"stem":3431},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3433,"path":3434,"stem":3435},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3437,"path":3438,"stem":3439},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3441,"path":3442,"stem":3443},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3445,"path":3446,"stem":3447},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3449,"path":3450,"stem":3451},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3453,"path":3454,"stem":3455},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3457,"path":3458,"stem":3459},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3461,"path":3462,"stem":3463},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3465,"path":3466,"stem":3467},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3469,"path":3470,"stem":3471},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3473,"path":3474,"stem":3475},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3477,"path":3478,"stem":3479},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3481,"path":3482,"stem":3483},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3485,"path":3486,"stem":3487},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3489,"path":3490,"stem":3491},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3493,"path":3494,"stem":3495,"children":3496,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3497],{"title":3498,"path":3499,"stem":3500,"children":3501,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3502],{"title":3503,"path":3504,"stem":3505},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3507,"path":3508,"stem":3509,"children":3510,"page":59},"React Native","\u002Freact-native","15.react-native",[3511,3532],{"title":3512,"path":3513,"stem":3514,"children":3515,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3516,3520,3524,3528],{"title":3517,"path":3518,"stem":3519},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3521,"path":3522,"stem":3523},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3525,"path":3526,"stem":3527},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3529,"path":3530,"stem":3531},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3533,"path":3534,"stem":3535,"children":3536,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3537,3541,3545,3549,3553,3557,3561,3565,3569,3573,3577,3581,3585,3589,3593,3597,3601,3605,3609,3613,3617,3621,3625,3629,3633,3637,3641],{"title":3538,"path":3539,"stem":3540},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3542,"path":3543,"stem":3544},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3546,"path":3547,"stem":3548},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3550,"path":3551,"stem":3552},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3554,"path":3555,"stem":3556},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3558,"path":3559,"stem":3560},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3562,"path":3563,"stem":3564},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3566,"path":3567,"stem":3568},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3570,"path":3571,"stem":3572},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3574,"path":3575,"stem":3576},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3578,"path":3579,"stem":3580},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3582,"path":3583,"stem":3584},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3586,"path":3587,"stem":3588},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3590,"path":3591,"stem":3592},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3594,"path":3595,"stem":3596},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3598,"path":3599,"stem":3600},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3602,"path":3603,"stem":3604},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3606,"path":3607,"stem":3608},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3610,"path":3611,"stem":3612},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3614,"path":3615,"stem":3616},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3618,"path":3619,"stem":3620},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3622,"path":3623,"stem":3624},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3626,"path":3627,"stem":3628},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3630,"path":3631,"stem":3632},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3634,"path":3635,"stem":3636},"Інтернаціоналізація та доступність","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3638,"path":3639,"stem":3640},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3642,"path":3643,"stem":3644},"Публікація в App Store та Google Play","\u002Freact-native\u002Fversion2\u002Fapp-store-play-release","15.react-native\u002Fversion2\u002F30.app-store-play-release",{"title":3646,"path":3647,"stem":3648,"children":3649,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3650,3659,3668,3677,3706,3732,3757,3790,3807,3820,3829,3842,3851,3872,3885,3906],{"title":3651,"path":3652,"stem":3653,"children":3654,"page":59},"Intro To Ai","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",[3655],{"title":3656,"path":3657,"stem":3658},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai\u002F01.intro-to-ai",{"title":3660,"path":3661,"stem":3662,"children":3663,"page":59},"Jupyter Notebook","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",[3664],{"title":3665,"path":3666,"stem":3667},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook\u002F02.jupyter-notebook",{"title":3669,"path":3670,"stem":3671,"children":3672,"page":59},"Numpy Pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",[3673],{"title":3674,"path":3675,"stem":3676},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas\u002F03.numpy-pandas",{"title":3678,"path":3679,"stem":3680,"children":3681,"page":59},"Statistics Basics","\u002Fai-python\u002Fstatistics-basics","16.ai-python\u002F04.statistics-basics",[3682,3686,3690,3694,3698,3702],{"title":3683,"path":3684,"stem":3685},"Випадкові величини та їх типи","\u002Fai-python\u002Fstatistics-basics\u002Frandom-variables","16.ai-python\u002F04.statistics-basics\u002F01.random-variables",{"title":3687,"path":3688,"stem":3689},"Міри центральної тенденції","\u002Fai-python\u002Fstatistics-basics\u002Fcentral-tendency","16.ai-python\u002F04.statistics-basics\u002F02.central-tendency",{"title":3691,"path":3692,"stem":3693},"Міри варіації (розсіювання)","\u002Fai-python\u002Fstatistics-basics\u002Fvariability","16.ai-python\u002F04.statistics-basics\u002F03.variability",{"title":3695,"path":3696,"stem":3697},"Розподіли випадкових величин","\u002Fai-python\u002Fstatistics-basics\u002Fdistributions","16.ai-python\u002F04.statistics-basics\u002F04.distributions",{"title":3699,"path":3700,"stem":3701},"Кореляція та взаємозв'язки","\u002Fai-python\u002Fstatistics-basics\u002Fcorrelation","16.ai-python\u002F04.statistics-basics\u002F05.correlation",{"title":3703,"path":3704,"stem":3705},"Викиди та аномалії","\u002Fai-python\u002Fstatistics-basics\u002Foutliers","16.ai-python\u002F04.statistics-basics\u002F06.outliers",{"title":3707,"path":3708,"stem":3709,"children":3710},"Візуалізація даних за допомогою matplotlib","\u002Fai-python\u002Fdata-visualization","16.ai-python\u002F05.data-visualization\u002Findex",[3711,3712,3716,3720,3724,3728],{"title":3707,"path":3708,"stem":3709},{"title":3713,"path":3714,"stem":3715},"Основи matplotlib — Figure, Axes та перший графік","\u002Fai-python\u002Fdata-visualization\u002Fmatplotlib-basics","16.ai-python\u002F05.data-visualization\u002F01.matplotlib-basics",{"title":3717,"path":3718,"stem":3719},"Візуалізація розподілів — гістограми та box plots","\u002Fai-python\u002Fdata-visualization\u002Fdistributions","16.ai-python\u002F05.data-visualization\u002F02.distributions",{"title":3721,"path":3722,"stem":3723},"Візуалізація залежностей — scatter plots та кореляція","\u002Fai-python\u002Fdata-visualization\u002Frelationships","16.ai-python\u002F05.data-visualization\u002F03.relationships",{"title":3725,"path":3726,"stem":3727},"Візуалізація категоріальних даних — bar charts та pie charts","\u002Fai-python\u002Fdata-visualization\u002Fcategorical","16.ai-python\u002F05.data-visualization\u002F04.categorical",{"title":3729,"path":3730,"stem":3731},"Композиції та стилізація — subplots та багатопанельні дашборди","\u002Fai-python\u002Fdata-visualization\u002Fsubplots-styling","16.ai-python\u002F05.data-visualization\u002F05.subplots-styling",{"title":3733,"path":3734,"stem":3735,"children":3736,"page":59},"Linear Regression","\u002Fai-python\u002Flinear-regression","16.ai-python\u002F06.linear-regression",[3737,3741,3745,3749,3753],{"title":3738,"path":3739,"stem":3740},"Регресійна задача та лінійна регресія з однією змінною","\u002Fai-python\u002Flinear-regression\u002Fregression-task","16.ai-python\u002F06.linear-regression\u002F01.regression-task",{"title":3742,"path":3743,"stem":3744},"Метрики якості регресії — як оцінити модель","\u002Fai-python\u002Flinear-regression\u002Fquality-metrics","16.ai-python\u002F06.linear-regression\u002F02.quality-metrics",{"title":3746,"path":3747,"stem":3748},"Градієнтний спуск — як модель навчається","\u002Fai-python\u002Flinear-regression\u002Fgradient-descent","16.ai-python\u002F06.linear-regression\u002F03.gradient-descent",{"title":3750,"path":3751,"stem":3752},"Множинна лінійна регресія — модель з багатьма ознаками","\u002Fai-python\u002Flinear-regression\u002Fmultiple-regression","16.ai-python\u002F06.linear-regression\u002F04.multiple-regression",{"title":3754,"path":3755,"stem":3756},"Практичні завдання та резюме модуля","\u002Fai-python\u002Flinear-regression\u002Fpractice","16.ai-python\u002F06.linear-regression\u002F05.practice",{"title":3758,"path":3759,"stem":3760,"children":3761,"page":59},"Practical Regression","\u002Fai-python\u002Fpractical-regression","16.ai-python\u002F07.practical-regression",[3762,3766,3770,3774,3778,3782,3786],{"title":3763,"path":3764,"stem":3765},"Знайомство з scikit-learn","\u002Fai-python\u002Fpractical-regression\u002Fintro-scikit-learn","16.ai-python\u002F07.practical-regression\u002F01.intro-scikit-learn",{"title":3767,"path":3768,"stem":3769},"Exploratory Data Analysis датасету Housing Prices","\u002Fai-python\u002Fpractical-regression\u002Fhousing-dataset-eda","16.ai-python\u002F07.practical-regression\u002F02.housing-dataset-eda",{"title":3771,"path":3772,"stem":3773},"Попередня обробка даних (Data Preprocessing)","\u002Fai-python\u002Fpractical-regression\u002Fdata-preprocessing","16.ai-python\u002F07.practical-regression\u002F03.data-preprocessing",{"title":3775,"path":3776,"stem":3777},"Train\u002FTest Split та перша повноцінна модель","\u002Fai-python\u002Fpractical-regression\u002Ftrain-test-split","16.ai-python\u002F07.practical-regression\u002F04.train-test-split",{"title":3779,"path":3780,"stem":3781},"Перенавчання та недонавчання","\u002Fai-python\u002Fpractical-regression\u002Foverfitting-underfitting","16.ai-python\u002F07.practical-regression\u002F05.overfitting-underfitting",{"title":3783,"path":3784,"stem":3785},"Крос-валідація (Cross-Validation)","\u002Fai-python\u002Fpractical-regression\u002Fcross-validation","16.ai-python\u002F07.practical-regression\u002F06.cross-validation",{"title":3787,"path":3788,"stem":3789},"Гіперпараметри та їх оптимізація","\u002Fai-python\u002Fpractical-regression\u002Fhyperparameter-tuning","16.ai-python\u002F07.practical-regression\u002F07.hyperparameter-tuning",{"title":3791,"path":3792,"stem":3793,"children":3794,"page":59},"Polynomial Regression","\u002Fai-python\u002Fpolynomial-regression","16.ai-python\u002F08.polynomial-regression",[3795,3799,3803],{"title":3796,"path":3797,"stem":3798},"Нелінійні залежності та поліноміальна регресія","\u002Fai-python\u002Fpolynomial-regression\u002Fnonlinear-patterns","16.ai-python\u002F08.polynomial-regression\u002F01.nonlinear-patterns",{"title":3800,"path":3801,"stem":3802},"Регуляризація в регресії — Ridge та Lasso","\u002Fai-python\u002Fpolynomial-regression\u002Fregularization-methods","16.ai-python\u002F08.polynomial-regression\u002F02.regularization-methods",{"title":3804,"path":3805,"stem":3806},"Практика — поліноміальна регресія та регуляризація на Housing Prices","\u002Fai-python\u002Fpolynomial-regression\u002Fhousing-prices-practice","16.ai-python\u002F08.polynomial-regression\u002F03.housing-prices-practice",{"title":3808,"path":3809,"stem":3810,"children":3811,"page":59},"Decision Trees Random Forest","\u002Fai-python\u002Fdecision-trees-random-forest","16.ai-python\u002F09.decision-trees-random-forest",[3812,3816],{"title":3813,"path":3814,"stem":3815},"Дерева рішень — інтерпретабельні моделі машинного навчання","\u002Fai-python\u002Fdecision-trees-random-forest\u002Fdecision-trees","16.ai-python\u002F09.decision-trees-random-forest\u002F01.decision-trees",{"title":3817,"path":3818,"stem":3819},"Random Forest — ансамблі дерев рішень","\u002Fai-python\u002Fdecision-trees-random-forest\u002Frandom-forest","16.ai-python\u002F09.decision-trees-random-forest\u002F02.random-forest",{"title":3821,"path":3822,"stem":3823,"children":3824,"page":59},"Gradient Boosting","\u002Fai-python\u002Fgradient-boosting","16.ai-python\u002F10.gradient-boosting",[3825],{"title":3826,"path":3827,"stem":3828},"Градієнтний бустинг та XGBoost — послідовне виправлення помилок","\u002Fai-python\u002Fgradient-boosting\u002Fgradient-boosting-xgboost","16.ai-python\u002F10.gradient-boosting\u002F01.gradient-boosting-xgboost",{"title":3830,"path":3831,"stem":3832,"children":3833,"page":59},"Logistic Regression Classification","\u002Fai-python\u002Flogistic-regression-classification","16.ai-python\u002F11.logistic-regression-classification",[3834,3838],{"title":3835,"path":3836,"stem":3837},"Вступ до класифікації та логістична регресія","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-basics","16.ai-python\u002F11.logistic-regression-classification\u002F01.classification-basics",{"title":3839,"path":3840,"stem":3841},"Метрики якості класифікації — Confusion Matrix, Precision, Recall, F1","\u002Fai-python\u002Flogistic-regression-classification\u002Fclassification-metrics","16.ai-python\u002F11.logistic-regression-classification\u002F02.classification-metrics",{"title":3843,"path":3844,"stem":3845,"children":3846,"page":59},"Neural Networks Basics","\u002Fai-python\u002Fneural-networks-basics","16.ai-python\u002F12.neural-networks-basics",[3847],{"title":3848,"path":3849,"stem":3850},"Вступ до нейронних мереж — від персептрона до багатошарових мереж","\u002Fai-python\u002Fneural-networks-basics\u002Fperceptron-to-mlp","16.ai-python\u002F12.neural-networks-basics\u002F01.perceptron-to-mlp",{"title":3852,"path":3853,"stem":3854,"children":3855,"page":59},"Pytorch Intro","\u002Fai-python\u002Fpytorch-intro","16.ai-python\u002F13.pytorch-intro",[3856,3860,3864,3868],{"title":3857,"path":3858,"stem":3859},"Тензори та автоматичне диференціювання в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Ftensors-and-autograd","16.ai-python\u002F13.pytorch-intro\u002F01.tensors-and-autograd",{"title":3861,"path":3862,"stem":3863},"Побудова та тренування нейронних мереж у PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fbuilding-and-training","16.ai-python\u002F13.pytorch-intro\u002F02.building-and-training",{"title":3865,"path":3866,"stem":3867},"Робота з даними та регуляризація в PyTorch","\u002Fai-python\u002Fpytorch-intro\u002Fdata-and-regularization","16.ai-python\u002F13.pytorch-intro\u002F03.data-and-regularization",{"title":3869,"path":3870,"stem":3871},"Просунуті теми PyTorch — GPU, оптимізація та deployment","\u002Fai-python\u002Fpytorch-intro\u002Fadvanced-topics","16.ai-python\u002F13.pytorch-intro\u002F04.advanced-topics",{"title":3873,"path":3874,"stem":3875,"children":3876,"page":59},"Activation Functions Heart Disease","\u002Fai-python\u002Factivation-functions-heart-disease","16.ai-python\u002F14.activation-functions-heart-disease",[3877,3881],{"title":3878,"path":3879,"stem":3880},"Функції активації та побудова нейронної мережі для передбачення вад серця","\u002Fai-python\u002Factivation-functions-heart-disease\u002Fheart-disease-prediction","16.ai-python\u002F14.activation-functions-heart-disease\u002F01.heart-disease-prediction",{"title":3882,"path":3883,"stem":3884},"Бонус — Повний приклад 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":3886,"path":3887,"stem":3888,"children":3889,"page":59},"Cnn Image Classification","\u002Fai-python\u002Fcnn-image-classification","16.ai-python\u002F15.cnn-image-classification",[3890,3894,3898,3902],{"title":3891,"path":3892,"stem":3893},"Основи згорткових нейронних мереж — чому не MLP?","\u002Fai-python\u002Fcnn-image-classification\u002Fcnn-fundamentals","16.ai-python\u002F15.cnn-image-classification\u002F01.cnn-fundamentals",{"title":3895,"path":3896,"stem":3897},"Практична імплементація CNN для класифікації MNIST","\u002Fai-python\u002Fcnn-image-classification\u002Fmnist-classification","16.ai-python\u002F15.cnn-image-classification\u002F02.mnist-classification",{"title":3899,"path":3900,"stem":3901},"Глибші 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":3903,"path":3904,"stem":3905},"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":3907,"path":3908,"stem":3909,"children":3910,"page":59},"Batching Normalization Deep Networks","\u002Fai-python\u002Fbatching-normalization-deep-networks","16.ai-python\u002F16.batching-normalization-deep-networks",[3911,3915,3919,3923,3927,3931,3935],{"title":3912,"path":3913,"stem":3914},"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":3916,"path":3917,"stem":3918},"Ініціалізація ваг — фундамент стабільного навчання","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fweight-initialization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F02.weight-initialization",{"title":3920,"path":3921,"stem":3922},"Batch Normalization — прорив у глибокому навчанні","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fbatch-normalization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F03.batch-normalization",{"title":3924,"path":3925,"stem":3926},"Dropout та комбіновані стратегії регуляризації","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fdropout-and-regularization","16.ai-python\u002F16.batching-normalization-deep-networks\u002F04.dropout-and-regularization",{"title":3928,"path":3929,"stem":3930},"Проєктування глибоких мереж — від теорії до практики","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Fdeep-networks-architectures","16.ai-python\u002F16.batching-normalization-deep-networks\u002F05.deep-networks-architectures",{"title":3932,"path":3933,"stem":3934},"Планування learning rate — коли та як зменшувати крок навчання","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Flearning-rate-scheduling","16.ai-python\u002F16.batching-normalization-deep-networks\u002F06.learning-rate-scheduling",{"title":3936,"path":3937,"stem":3938},"Підсумковий проєкт — побудова сучасного класифікатора зображень","\u002Fai-python\u002Fbatching-normalization-deep-networks\u002Ffinal-project-deep-classifier","16.ai-python\u002F16.batching-normalization-deep-networks\u002F07.final-project-deep-classifier",{"title":3940,"icon":658,"path":3941,"stem":3942,"children":3943,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3944,3948,3952,3956,3960,3964,3968,3972,3976,3980,3984,3988,3992,3996,4000,4004,4008,4012],{"title":3945,"path":3946,"stem":3947},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3949,"path":3950,"stem":3951},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3953,"path":3954,"stem":3955},"Інтерфейси та модель конкурентності мови Go","\u002Fclient-server-architecture\u002Finterfaces-and-concurrency-model","17.client-server-architecture\u002F03.interfaces-and-concurrency-model",{"title":3957,"path":3958,"stem":3959},"Сокетне програмування та протокол TCP у Go","\u002Fclient-server-architecture\u002Ftcp-socket-programming","17.client-server-architecture\u002F04.tcp-socket-programming",{"title":3961,"path":3962,"stem":3963},"Протокол UDP та датаграмна передача даних","\u002Fclient-server-architecture\u002Fudp-datagram-transmission","17.client-server-architecture\u002F05.udp-datagram-transmission",{"title":3965,"path":3966,"stem":3967},"Криптографічний захист каналів зв","\u002Fclient-server-architecture\u002Ftls-cryptographic-channel-protection","17.client-server-architecture\u002F06.tls-cryptographic-channel-protection",{"title":3969,"path":3970,"stem":3971},"Прикладні мережеві протоколи DNS та SMTP","\u002Fclient-server-architecture\u002Fdns-smtp-application-protocols","17.client-server-architecture\u002F07.dns-smtp-application-protocols",{"title":3973,"path":3974,"stem":3975},"Протокол HTTP та стандартний вебсервер Go","\u002Fclient-server-architecture\u002Fhttp-protocol-and-web-server","17.client-server-architecture\u002F08.http-protocol-and-web-server",{"title":3977,"path":3978,"stem":3979},"Проєктування REST API та маршрутизація засобами Chi","\u002Fclient-server-architecture\u002Frest-api-design-and-chi-routing","17.client-server-architecture\u002F09.rest-api-design-and-chi-routing",{"title":3981,"path":3982,"stem":3983},"Лекція 10. Шарувата архітектура та конвеєри обробки запитів","\u002Fclient-server-architecture\u002Flayered-architecture-and-middleware-pipelines","17.client-server-architecture\u002F10.layered-architecture-and-middleware-pipelines",{"title":3985,"path":3986,"stem":3987},"Лекція 11. Архітектура та маршрутизація фреймворку Gin","\u002Fclient-server-architecture\u002Fgin-framework-architecture-and-routing","17.client-server-architecture\u002F11.gin-framework-architecture-and-routing",{"title":3989,"path":3990,"stem":3991},"Лекція 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":3993,"path":3994,"stem":3995},"Лекція 13. Взаємодія з реляційними СУБД та технології ORM","\u002Fclient-server-architecture\u002Frelational-databases-and-orm","17.client-server-architecture\u002F13.relational-databases-and-orm",{"title":3997,"path":3998,"stem":3999},"Потокова передача даних та протокол WebSocket","\u002Fclient-server-architecture\u002Fstreaming-data-and-websockets","17.client-server-architecture\u002F14.streaming-data-and-websockets",{"title":4001,"path":4002,"stem":4003},"Міжсервісна взаємодія на основі протоколу gRPC","\u002Fclient-server-architecture\u002Fgrpc-inter-service-communication","17.client-server-architecture\u002F15.grpc-inter-service-communication",{"title":4005,"path":4006,"stem":4007},"Асинхронний обмін повідомленнями та протоколи черг","\u002Fclient-server-architecture\u002Fasynchronous-message-exchange-and-queue-protocols","17.client-server-architecture\u002F16.asynchronous-message-exchange-and-queue-protocols",{"title":4009,"path":4010,"stem":4011},"Протоколи потокового медіа та технологія WebRTC","\u002Fclient-server-architecture\u002Fstreaming-media-protocols-and-webrtc","17.client-server-architecture\u002F17.streaming-media-protocols-and-webrtc",{"title":4013,"path":4014,"stem":4015},"Моніторинг, безпека та контейнеризація застосунків","\u002Fclient-server-architecture\u002Fmonitoring-security-and-containerization","17.client-server-architecture\u002F18.monitoring-security-and-containerization",{"title":4017,"icon":2074,"path":4018,"stem":4019,"children":4020,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[4021,4066,4104,4133,4162,4219,4269,4363,4429,4511,4544,4572,4614,4660,4703],{"title":4022,"icon":658,"path":4023,"stem":4024,"children":4025,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[4026,4030,4034,4038,4042,4046,4050,4054,4058,4062],{"title":4027,"path":4028,"stem":4029},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":4031,"path":4032,"stem":4033},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":4035,"path":4036,"stem":4037},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":4039,"path":4040,"stem":4041},"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":4043,"path":4044,"stem":4045},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":4047,"path":4048,"stem":4049},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":4051,"path":4052,"stem":4053},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":4055,"path":4056,"stem":4057},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":4059,"path":4060,"stem":4061},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":4063,"path":4064,"stem":4065},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":4067,"icon":4068,"path":4069,"stem":4070,"children":4071,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[4072,4076,4080,4084,4088,4092,4096,4100],{"title":4073,"path":4074,"stem":4075},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":4077,"path":4078,"stem":4079},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":4081,"path":4082,"stem":4083},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":4085,"path":4086,"stem":4087},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":4089,"path":4090,"stem":4091},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":4093,"path":4094,"stem":4095},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":4097,"path":4098,"stem":4099},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":4101,"path":4102,"stem":4103},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":4105,"icon":2454,"path":4106,"stem":4107,"children":4108,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[4109,4113,4117,4121,4125,4129],{"title":4110,"path":4111,"stem":4112},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":4114,"path":4115,"stem":4116},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":4118,"path":4119,"stem":4120},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":4122,"path":4123,"stem":4124},"Псевдоніми типів, Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":4126,"path":4127,"stem":4128},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":4130,"path":4131,"stem":4132},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":4134,"icon":2454,"path":4135,"stem":4136,"children":4137,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[4138,4142,4146,4150,4154,4158],{"title":4139,"path":4140,"stem":4141},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":4143,"path":4144,"stem":4145},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":4147,"path":4148,"stem":4149},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":4151,"path":4152,"stem":4153},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":4155,"path":4156,"stem":4157},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":4159,"path":4160,"stem":4161},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":4163,"icon":4164,"path":4165,"stem":4166,"children":4167,"page":59},"Платформа Node.js як середовище виконання","i-devicon-nodejs","\u002Fweb-development\u002Fnodejs-platform","18.web-development\u002F05.nodejs-platform",[4168,4172,4176,4180,4184,4188,4192,4196,4200,4204,4208,4211,4215],{"title":4169,"path":4170,"stem":4171},"Що таке Node.js та його архітектура","\u002Fweb-development\u002Fnodejs-platform\u002Fwhat-is-nodejs","18.web-development\u002F05.nodejs-platform\u002F01.what-is-nodejs",{"title":4173,"path":4174,"stem":4175},"Event Loop — серце Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fevent-loop","18.web-development\u002F05.nodejs-platform\u002F02.event-loop",{"title":4177,"path":4178,"stem":4179},"Модульні системи: CommonJS vs ES Modules","\u002Fweb-development\u002Fnodejs-platform\u002Fmodule-systems","18.web-development\u002F05.nodejs-platform\u002F03.module-systems",{"title":4181,"path":4182,"stem":4183},"npm та package.json","\u002Fweb-development\u002Fnodejs-platform\u002Fnpm-package-json","18.web-development\u002F05.nodejs-platform\u002F04.npm-package-json",{"title":4185,"path":4186,"stem":4187},"Глобальні об\\","\u002Fweb-development\u002Fnodejs-platform\u002Fglobal-objects","18.web-development\u002F05.nodejs-platform\u002F05.global-objects",{"title":4189,"path":4190,"stem":4191},"Вбудований модуль fs (File System)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-fs","18.web-development\u002F05.nodejs-platform\u002F06.built-in-modules-fs",{"title":4193,"path":4194,"stem":4195},"Вбудований модуль path","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-path","18.web-development\u002F05.nodejs-platform\u002F07.built-in-modules-path",{"title":4197,"path":4198,"stem":4199},"Вбудований модуль http","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-http","18.web-development\u002F05.nodejs-platform\u002F08.built-in-modules-http",{"title":4201,"path":4202,"stem":4203},"Streams — потоки даних у Node.js","\u002Fweb-development\u002Fnodejs-platform\u002Fstreams","18.web-development\u002F05.nodejs-platform\u002F09.streams",{"title":4205,"path":4206,"stem":4207},"Вбудований модуль util (Utilities)","\u002Fweb-development\u002Fnodejs-platform\u002Fbuilt-in-modules-util","18.web-development\u002F05.nodejs-platform\u002F10.built-in-modules-util",{"title":3097,"path":4209,"stem":4210},"\u002Fweb-development\u002Fnodejs-platform\u002Fenvironment-variables","18.web-development\u002F05.nodejs-platform\u002F11.environment-variables",{"title":4212,"path":4213,"stem":4214},"Інструменти налагодження та розробки","\u002Fweb-development\u002Fnodejs-platform\u002Fdebugging-tools","18.web-development\u002F05.nodejs-platform\u002F12.debugging-tools",{"title":4216,"path":4217,"stem":4218},"Продуктивність та Best Practices","\u002Fweb-development\u002Fnodejs-platform\u002Fperformance-best-practices","18.web-development\u002F05.nodejs-platform\u002F13.performance-best-practices",{"title":4220,"icon":4221,"path":4222,"stem":4223,"children":4224,"page":59},"Асинхронне програмування у Node.js","i-lucide-clock","\u002Fweb-development\u002Fasync-programming-nodejs","18.web-development\u002F06.async-programming-nodejs",[4225,4229,4233,4237,4241,4245,4249,4253,4257,4261,4265],{"title":4226,"path":4227,"stem":4228},"Синхронний vs асинхронний код","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fsync-vs-async","18.web-development\u002F06.async-programming-nodejs\u002F01.sync-vs-async",{"title":4230,"path":4231,"stem":4232},"Callbacks — перша парадигма асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fcallbacks","18.web-development\u002F06.async-programming-nodejs\u002F02.callbacks",{"title":4234,"path":4235,"stem":4236},"Promises — стандарт асинхронності","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromises","18.web-development\u002F06.async-programming-nodejs\u002F03.promises",{"title":4238,"path":4239,"stem":4240},"Promise комбінатори","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fpromise-combinators","18.web-development\u002F06.async-programming-nodejs\u002F04.promise-combinators",{"title":4242,"path":4243,"stem":4244},"Async\u002FAwait — синтаксичний цукор над Promises","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fasync-await","18.web-development\u002F06.async-programming-nodejs\u002F05.async-await",{"title":4246,"path":4247,"stem":4248},"Паралельне vs послідовне виконання","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fparallel-vs-sequential","18.web-development\u002F06.async-programming-nodejs\u002F06.parallel-vs-sequential",{"title":4250,"path":4251,"stem":4252},"EventEmitter — подієва модель Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fevent-emitter","18.web-development\u002F06.async-programming-nodejs\u002F07.event-emitter",{"title":4254,"path":4255,"stem":4256},"Worker Threads — багатопотоковість у Node.js","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fworker-threads","18.web-development\u002F06.async-programming-nodejs\u002F08.worker-threads",{"title":4258,"path":4259,"stem":4260},"Child Processes — запуск зовнішніх процесів","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fchild-processes","18.web-development\u002F06.async-programming-nodejs\u002F09.child-processes",{"title":4262,"path":4263,"stem":4264},"Обробка помилок у асинхронному коді","\u002Fweb-development\u002Fasync-programming-nodejs\u002Ferror-handling","18.web-development\u002F06.async-programming-nodejs\u002F10.error-handling",{"title":4266,"path":4267,"stem":4268},"Порівняння Node.js фреймворків","\u002Fweb-development\u002Fasync-programming-nodejs\u002Fnodejs-frameworks","18.web-development\u002F06.async-programming-nodejs\u002F11.nodejs-frameworks",{"title":4270,"icon":4271,"path":4272,"stem":4273,"children":4274,"page":59},"Тема 7. Фреймворк NestJS. Контролери та маршрутизація","i-lucide-route","\u002Fweb-development\u002Fnestjs-controllers-routing","18.web-development\u002F07.nestjs-controllers-routing",[4275,4279,4283,4287,4291,4295,4299,4303,4307,4311,4315,4319,4323,4327,4331,4335,4339,4343,4347,4351,4355,4359],{"title":4276,"path":4277,"stem":4278},"Філософія та архітектура NestJS","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-philosophy","18.web-development\u002F07.nestjs-controllers-routing\u002F01.nestjs-philosophy",{"title":4280,"path":4281,"stem":4282},"Три стовпи архітектури: модулі, контролери, провайдери","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fthree-pillars","18.web-development\u002F07.nestjs-controllers-routing\u002F02.three-pillars",{"title":4284,"path":4285,"stem":4286},"Інверсія керування (IoC) та ін","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fioc-and-di","18.web-development\u002F07.nestjs-controllers-routing\u002F03.ioc-and-di",{"title":4288,"path":4289,"stem":4290},"Встановлення NestJS CLI та створення проєкту","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-setup","18.web-development\u002F07.nestjs-controllers-routing\u002F04.nestjs-cli-setup",{"title":4292,"path":4293,"stem":4294},"Структура проєкту NestJS та конвенції","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fproject-structure","18.web-development\u002F07.nestjs-controllers-routing\u002F05.project-structure",{"title":4296,"path":4297,"stem":4298},"Контролери: основи маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontrollers-basics","18.web-development\u002F07.nestjs-controllers-routing\u002F06.controllers-basics",{"title":4300,"path":4301,"stem":4302},"Декоратори маршрутизації HTTP-методів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F07.route-decorators",{"title":4304,"path":4305,"stem":4306},"Параметри маршруту та декоратор @Param","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Froute-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F08.route-parameters",{"title":4308,"path":4309,"stem":4310},"Query-параметри та декоратор @Query","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fquery-parameters","18.web-development\u002F07.nestjs-controllers-routing\u002F09.query-parameters",{"title":4312,"path":4313,"stem":4314},"Тіло запиту та декоратор @Body","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-body","18.web-development\u002F07.nestjs-controllers-routing\u002F10.request-body",{"title":4316,"path":4317,"stem":4318},"Робота з заголовками запиту та відповіді","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fheaders-decorators","18.web-development\u002F07.nestjs-controllers-routing\u002F11.headers-decorators",{"title":4320,"path":4321,"stem":4322},"Data Transfer Objects (DTO): визначення та призначення","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fdto-introduction","18.web-development\u002F07.nestjs-controllers-routing\u002F12.dto-introduction",{"title":4324,"path":4325,"stem":4326},"Об'єкти Request та Response","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Frequest-response-objects","18.web-development\u002F07.nestjs-controllers-routing\u002F13.request-response-objects",{"title":4328,"path":4329,"stem":4330},"HTTP-статус коди та декоратор @HttpCode","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fhttp-status-codes","18.web-development\u002F07.nestjs-controllers-routing\u002F14.http-status-codes",{"title":4332,"path":4333,"stem":4334},"Перенаправлення (Redirects) та декоратор @Redirect","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fredirects","18.web-development\u002F07.nestjs-controllers-routing\u002F15.redirects",{"title":4336,"path":4337,"stem":4338},"Асинхронні обробники та Observables","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fasync-handlers","18.web-development\u002F07.nestjs-controllers-routing\u002F16.async-handlers",{"title":4340,"path":4341,"stem":4342},"Маршрутизація за піддоменами та версіонування API","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fsub-domain-routing","18.web-development\u002F07.nestjs-controllers-routing\u002F17.sub-domain-routing",{"title":4344,"path":4345,"stem":4346},"Області видимості контролерів (Scopes)","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcontroller-scopes","18.web-development\u002F07.nestjs-controllers-routing\u002F18.controller-scopes",{"title":4348,"path":4349,"stem":4350},"Основні команди NestJS CLI","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fnestjs-cli-commands","18.web-development\u002F07.nestjs-controllers-routing\u002F19.nestjs-cli-commands",{"title":4352,"path":4353,"stem":4354},"Практичний приклад: створення CRUD-контролера","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fcrud-example","18.web-development\u002F07.nestjs-controllers-routing\u002F20.crud-example",{"title":4356,"path":4357,"stem":4358},"Тестування контролерів","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Ftesting-controllers","18.web-development\u002F07.nestjs-controllers-routing\u002F21.testing-controllers",{"title":4360,"path":4361,"stem":4362},"Best Practices для контролерів та маршрутизації","\u002Fweb-development\u002Fnestjs-controllers-routing\u002Fbest-practices","18.web-development\u002F07.nestjs-controllers-routing\u002F22.best-practices",{"title":4364,"icon":4365,"path":4366,"stem":4367,"children":4368,"page":59},"Тема 8. Провайдери, сервіси та модульна система NestJS","i-lucide-package","\u002Fweb-development\u002Fnestjs-providers-modules","18.web-development\u002F08.nestjs-providers-modules",[4369,4373,4377,4381,4385,4389,4393,4397,4401,4405,4409,4413,4417,4421,4425],{"title":4370,"path":4371,"stem":4372},"Концепція провайдерів у NestJS","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fproviders-concept","18.web-development\u002F08.nestjs-providers-modules\u002F01.providers-concept",{"title":4374,"path":4375,"stem":4376},"Сервіси: інкапсуляція бізнес-логіки","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fservices-business-logic","18.web-development\u002F08.nestjs-providers-modules\u002F02.services-business-logic",{"title":4378,"path":4379,"stem":4380},"Практика ін","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdependency-injection-practice","18.web-development\u002F08.nestjs-providers-modules\u002F03.dependency-injection-practice",{"title":4382,"path":4383,"stem":4384},"Custom Providers: useValue, useClass, useFactory, useExisting","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcustom-providers","18.web-development\u002F08.nestjs-providers-modules\u002F04.custom-providers",{"title":4386,"path":4387,"stem":4388},"Injection Tokens: рядкові та символьні токени","\u002Fweb-development\u002Fnestjs-providers-modules\u002Finjection-tokens","18.web-development\u002F08.nestjs-providers-modules\u002F05.injection-tokens",{"title":4390,"path":4391,"stem":4392},"Опціональні провайдери та декоратор @Optional","\u002Fweb-development\u002Fnestjs-providers-modules\u002Foptional-providers","18.web-development\u002F08.nestjs-providers-modules\u002F07.optional-providers",{"title":4394,"path":4395,"stem":4396},"Структура модулів: imports, controllers, providers, exports","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodules-structure","18.web-development\u002F08.nestjs-providers-modules\u002F08.modules-structure",{"title":4398,"path":4399,"stem":4400},"Feature Modules: ізоляція функціональності","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ffeature-modules","18.web-development\u002F08.nestjs-providers-modules\u002F09.feature-modules",{"title":4402,"path":4403,"stem":4404},"Shared Modules: перевикористання провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fshared-modules","18.web-development\u002F08.nestjs-providers-modules\u002F10.shared-modules",{"title":4406,"path":4407,"stem":4408},"Global Modules та декоратор @Global","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fglobal-modules","18.web-development\u002F08.nestjs-providers-modules\u002F11.global-modules",{"title":4410,"path":4411,"stem":4412},"Dynamic Modules: конфігурація під час виконання","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fdynamic-modules","18.web-development\u002F08.nestjs-providers-modules\u002F12.dynamic-modules",{"title":4414,"path":4415,"stem":4416},"Циклічні залежності та forwardRef","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fcircular-dependencies","18.web-development\u002F08.nestjs-providers-modules\u002F13.circular-dependencies",{"title":4418,"path":4419,"stem":4420},"Lifecycle Hooks: хуки життєвого циклу","\u002Fweb-development\u002Fnestjs-providers-modules\u002Flifecycle-hooks","18.web-development\u002F08.nestjs-providers-modules\u002F14.lifecycle-hooks",{"title":4422,"path":4423,"stem":4424},"ModuleRef: динамічний доступ до провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Fmodule-reference","18.web-development\u002F08.nestjs-providers-modules\u002F15.module-reference",{"title":4426,"path":4427,"stem":4428},"Тестування сервісів та провайдерів","\u002Fweb-development\u002Fnestjs-providers-modules\u002Ftesting-services","18.web-development\u002F08.nestjs-providers-modules\u002F16.testing-services",{"title":4430,"icon":4431,"path":4432,"stem":4433,"children":4434,"page":59},"Тема 9. Валідація даних та конвеєр обробки запитів у NestJS","i-lucide-filter","\u002Fweb-development\u002Fnestjs-validation-pipeline","18.web-development\u002F09.nestjs-validation-pipeline",[4435,4439,4443,4447,4451,4455,4459,4463,4467,4471,4475,4479,4483,4487,4491,4495,4499,4503,4507],{"title":4436,"path":4437,"stem":4438},"Request Pipeline: конвеєр обробки запитів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Frequest-pipeline","18.web-development\u002F09.nestjs-validation-pipeline\u002F01.request-pipeline",{"title":4440,"path":4441,"stem":4442},"Pipes: концепція трансформації та валідації","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipes-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F02.pipes-concept",{"title":4444,"path":4445,"stem":4446},"Вбудовані pipes: ParseIntPipe, ParseBoolPipe, ParseUUIDPipe","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fbuilt-in-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F03.built-in-pipes",{"title":4448,"path":4449,"stem":4450},"ValidationPipe: автоматична валідація DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fvalidation-pipe","18.web-development\u002F09.nestjs-validation-pipeline\u002F04.validation-pipe",{"title":4452,"path":4453,"stem":4454},"Декоратори class-validator для DTO","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fclass-validator-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F05.class-validator-decorators",{"title":4456,"path":4457,"stem":4458},"Створення кастомних валідаторів","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-validators","18.web-development\u002F09.nestjs-validation-pipeline\u002F06.custom-validators",{"title":4460,"path":4461,"stem":4462},"Створення власних Pipes","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-pipes","18.web-development\u002F09.nestjs-validation-pipeline\u002F07.custom-pipes",{"title":4464,"path":4465,"stem":4466},"Основи Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-basics","18.web-development\u002F09.nestjs-validation-pipeline\u002F08.middleware-basics",{"title":4468,"path":4469,"stem":4470},"Практичні приклади Middleware","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fmiddleware-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F09.middleware-examples",{"title":4472,"path":4473,"stem":4474},"Guards: захисні перехоплювачі доступу","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fguards-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F10.guards-concept",{"title":4476,"path":4477,"stem":4478},"Створення кастомних Guards","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-guards","18.web-development\u002F09.nestjs-validation-pipeline\u002F11.custom-guards",{"title":4480,"path":4481,"stem":4482},"Interceptors: перехоплення та трансформація відповідей","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptors-concept","18.web-development\u002F09.nestjs-validation-pipeline\u002F12.interceptors-concept",{"title":4484,"path":4485,"stem":4486},"Практичні приклади Interceptors","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Finterceptor-examples","18.web-development\u002F09.nestjs-validation-pipeline\u002F13.interceptor-examples",{"title":4488,"path":4489,"stem":4490},"Exception Filters: обробка виключень","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F14.exception-filters",{"title":4492,"path":4493,"stem":4494},"Custom Exception Filters: спеціалізовані фільтри","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-exception-filters","18.web-development\u002F09.nestjs-validation-pipeline\u002F15.custom-exception-filters",{"title":4496,"path":4497,"stem":4498},"Execution Context: контекст виконання","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fexecution-context","18.web-development\u002F09.nestjs-validation-pipeline\u002F16.execution-context",{"title":4500,"path":4501,"stem":4502},"Custom Decorators: власні декоратори","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fcustom-decorators","18.web-development\u002F09.nestjs-validation-pipeline\u002F17.custom-decorators",{"title":4504,"path":4505,"stem":4506},"Global Components: глобальні компоненти","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fglobal-components","18.web-development\u002F09.nestjs-validation-pipeline\u002F18.global-components",{"title":4508,"path":4509,"stem":4510},"Pipeline Best Practices: найкращі практики","\u002Fweb-development\u002Fnestjs-validation-pipeline\u002Fpipeline-best-practices","18.web-development\u002F09.nestjs-validation-pipeline\u002F19.pipeline-best-practices",{"title":4512,"icon":2821,"path":4513,"stem":4514,"children":4515,"page":59},"Інтеграція реляційних баз даних засобами TypeORM","\u002Fweb-development\u002Ftypeorm-integration","18.web-development\u002F10.typeorm-integration",[4516,4520,4524,4528,4532,4536,4540],{"title":4517,"path":4518,"stem":4519},"Робота з базами даних у Node.js через нативні драйвери","\u002Fweb-development\u002Ftypeorm-integration\u002F01-nodejs-database-drivers","18.web-development\u002F10.typeorm-integration\u002F01-nodejs-database-drivers",{"title":4521,"path":4522,"stem":4523},"ORM та знайомство з TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F02-orm-and-typeorm-intro","18.web-development\u002F10.typeorm-integration\u002F02-orm-and-typeorm-intro",{"title":4525,"path":4526,"stem":4527},"Налаштування TypeORM у NestJS проєкті","\u002Fweb-development\u002Ftypeorm-integration\u002F03-typeorm-setup-nestjs","18.web-development\u002F10.typeorm-integration\u002F03-typeorm-setup-nestjs",{"title":4529,"path":4530,"stem":4531},"Entity класи та декоратори TypeORM","\u002Fweb-development\u002Ftypeorm-integration\u002F04-entities-and-decorators","18.web-development\u002F10.typeorm-integration\u002F04-entities-and-decorators",{"title":4533,"path":4534,"stem":4535},"Repository Pattern та CRUD операції","\u002Fweb-development\u002Ftypeorm-integration\u002F05-repository-pattern-crud","18.web-development\u002F10.typeorm-integration\u002F05-repository-pattern-crud",{"title":4537,"path":4538,"stem":4539},"Пагінація та фільтрація даних","\u002Fweb-development\u002Ftypeorm-integration\u002F06-pagination-filtering","18.web-development\u002F10.typeorm-integration\u002F06-pagination-filtering",{"title":4541,"path":4542,"stem":4543},"QueryBuilder для складних запитів","\u002Fweb-development\u002Ftypeorm-integration\u002F07-query-builder","18.web-development\u002F10.typeorm-integration\u002F07-query-builder",{"title":4545,"icon":4546,"path":4547,"stem":4548,"children":4549,"page":59},"Зв'язки між сутностями, міграції та оптимізація запитів","i-lucide-git-branch","\u002Fweb-development\u002Fentity-relations-migrations","18.web-development\u002F11.entity-relations-migrations",[4550,4554,4558,4562,4566],{"title":4551,"path":4552,"stem":4553},"Зв'язки 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":4555,"path":4556,"stem":4557},"Зв'язки 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":4559,"path":4560,"stem":4561},"Керування міграціями бази даних","\u002Fweb-development\u002Fentity-relations-migrations\u002F03-migrations-management","18.web-development\u002F11.entity-relations-migrations\u002F03-migrations-management",{"title":4563,"path":4564,"stem":4565},"Транзакції у TypeORM","\u002Fweb-development\u002Fentity-relations-migrations\u002F04-transactions","18.web-development\u002F11.entity-relations-migrations\u002F04-transactions",{"title":4567,"path":4568,"stem":4569,"children":4570},"Індекси та оптимізація запитів","\u002Fweb-development\u002Fentity-relations-migrations\u002F05-indexes-optimization","18.web-development\u002F11.entity-relations-migrations\u002F05-indexes-optimization",[4571],{"title":4567,"path":4568,"stem":4569},{"title":4573,"icon":4574,"path":4575,"stem":4576,"children":4577,"page":59},"Механізми автентифікації у вебзастосунках","i-lucide-key","\u002Fweb-development\u002Fauthentication","18.web-development\u002F12.authentication",[4578,4582,4586,4590,4594,4598,4602,4606,4610],{"title":4579,"path":4580,"stem":4581},"Автентифікація vs Авторизація","\u002Fweb-development\u002Fauthentication\u002F01-authentication-vs-authorization","18.web-development\u002F12.authentication\u002F01-authentication-vs-authorization",{"title":4583,"path":4584,"stem":4585},"Стратегії автентифікації","\u002Fweb-development\u002Fauthentication\u002F02-authentication-strategies","18.web-development\u002F12.authentication\u002F02-authentication-strategies",{"title":4587,"path":4588,"stem":4589},"Автентифікація на основі сесій","\u002Fweb-development\u002Fauthentication\u002F03-session-based-authentication","18.web-development\u002F12.authentication\u002F03-session-based-authentication",{"title":4591,"path":4592,"stem":4593},"Структура JSON Web Token (JWT)","\u002Fweb-development\u002Fauthentication\u002F04-jwt-structure","18.web-development\u002F12.authentication\u002F04-jwt-structure",{"title":4595,"path":4596,"stem":4597},"Інтеграція JWT у NestJS","\u002Fweb-development\u002Fauthentication\u002F05-nestjs-jwt-integration","18.web-development\u002F12.authentication\u002F05-nestjs-jwt-integration",{"title":4599,"path":4600,"stem":4601},"Passport.js стратегії у NestJS","\u002Fweb-development\u002Fauthentication\u002F06-passport-strategies","18.web-development\u002F12.authentication\u002F06-passport-strategies",{"title":4603,"path":4604,"stem":4605},"Безпечне зберігання паролів: хешування та криптографічний захист","\u002Fweb-development\u002Fauthentication\u002F07-password-hashing","18.web-development\u002F12.authentication\u002F07-password-hashing",{"title":4607,"path":4608,"stem":4609},"Refresh Token та безпечне оновлення доступу","\u002Fweb-development\u002Fauthentication\u002F08-refresh-tokens","18.web-development\u002F12.authentication\u002F08-refresh-tokens",{"title":4611,"path":4612,"stem":4613},"OAuth 2.0 та OpenID Connect: делегована автентифікація","\u002Fweb-development\u002Fauthentication\u002F09-oauth2-openid","18.web-development\u002F12.authentication\u002F09-oauth2-openid",{"title":4615,"icon":4616,"path":4617,"stem":4618,"children":4619,"page":59},"Авторизація та безпека серверних застосунків","i-lucide-shield","\u002Fweb-development\u002Fauthorization-security","18.web-development\u002F13.authorization-security",[4620,4624,4628,4632,4636,4640,4644,4648,4652,4656],{"title":4621,"path":4622,"stem":4623},"Моделі авторизації","\u002Fweb-development\u002Fauthorization-security\u002F01-authorization-models","18.web-development\u002F13.authorization-security\u002F01-authorization-models",{"title":4625,"path":4626,"stem":4627},"Реалізація RBAC у NestJS","\u002Fweb-development\u002Fauthorization-security\u002F02-rbac-implementation","18.web-development\u002F13.authorization-security\u002F02-rbac-implementation",{"title":4629,"path":4630,"stem":4631},"Permission-Based Access Control","\u002Fweb-development\u002Fauthorization-security\u002F03-permission-based-access","18.web-development\u002F13.authorization-security\u002F03-permission-based-access",{"title":4633,"path":4634,"stem":4635},"ABAC та бібліотека CASL","\u002Fweb-development\u002Fauthorization-security\u002F04-abac-casl","18.web-development\u002F13.authorization-security\u002F04-abac-casl",{"title":4637,"path":4638,"stem":4639},"Кастомні декоратори та метадані","\u002Fweb-development\u002Fauthorization-security\u002F05-custom-decorators-metadata","18.web-development\u002F13.authorization-security\u002F05-custom-decorators-metadata",{"title":4641,"path":4642,"stem":4643},"Конфігурація CORS","\u002Fweb-development\u002Fauthorization-security\u002F06-cors-configuration","18.web-development\u002F13.authorization-security\u002F06-cors-configuration",{"title":4645,"path":4646,"stem":4647},"Захист через HTTP Security Headers (Helmet)","\u002Fweb-development\u002Fauthorization-security\u002F07-helmet-security-headers","18.web-development\u002F13.authorization-security\u002F07-helmet-security-headers",{"title":4649,"path":4650,"stem":4651},"Rate Limiting та Throttling","\u002Fweb-development\u002Fauthorization-security\u002F08-rate-limiting-throttling","18.web-development\u002F13.authorization-security\u002F08-rate-limiting-throttling",{"title":4653,"path":4654,"stem":4655},"Захист від поширених атак","\u002Fweb-development\u002Fauthorization-security\u002F09-common-attacks-protection","18.web-development\u002F13.authorization-security\u002F09-common-attacks-protection",{"title":4657,"path":4658,"stem":4659},"HTTPS у продакшені","\u002Fweb-development\u002Fauthorization-security\u002F10-https-production","18.web-development\u002F13.authorization-security\u002F10-https-production",{"title":4661,"icon":871,"path":4662,"stem":4663,"children":4664,"page":59},"Комунікація у реальному часі, нотифікації та фонові задачі","\u002Fweb-development\u002Frealtime-notifications-jobs","18.web-development\u002F14.realtime-notifications-jobs",[4665,4669,4673,4677,4681,4685,4688,4691,4695,4699],{"title":4666,"path":4667,"stem":4668},"Методи комунікації у реальному часі","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F01-realtime-communication-methods","18.web-development\u002F14.realtime-notifications-jobs\u002F01-realtime-communication-methods",{"title":4670,"path":4671,"stem":4672},"WebSocket Gateway у NestJS","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F02-websocket-gateway","18.web-development\u002F14.realtime-notifications-jobs\u002F02-websocket-gateway",{"title":4674,"path":4675,"stem":4676},"Lifecycle та Rooms у WebSocket","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F03-websocket-lifecycle-rooms","18.web-development\u002F14.realtime-notifications-jobs\u002F03-websocket-lifecycle-rooms",{"title":4678,"path":4679,"stem":4680},"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":4682,"path":4683,"stem":4684},"Архітектура системи нотифікацій","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F05-notification-system","18.web-development\u002F14.realtime-notifications-jobs\u002F05-notification-system",{"title":904,"path":4686,"stem":4687},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F06-email-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F06-email-notifications",{"title":900,"path":4689,"stem":4690},"\u002Fweb-development\u002Frealtime-notifications-jobs\u002F07-web-push-notifications","18.web-development\u002F14.realtime-notifications-jobs\u002F07-web-push-notifications",{"title":4692,"path":4693,"stem":4694},"Фонові задачі та черги","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F08-background-jobs-queues","18.web-development\u002F14.realtime-notifications-jobs\u002F08-background-jobs-queues",{"title":4696,"path":4697,"stem":4698},"Планувальники та Cron jobs","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F09-schedulers-cron","18.web-development\u002F14.realtime-notifications-jobs\u002F09-schedulers-cron",{"title":4700,"path":4701,"stem":4702},"Практичні сценарії застосування","\u002Fweb-development\u002Frealtime-notifications-jobs\u002F10-practical-scenarios","18.web-development\u002F14.realtime-notifications-jobs\u002F10-practical-scenarios",{"title":4704,"icon":4705,"path":4706,"stem":4707,"children":4708,"page":59},"Тестування, документування та розгортання застосунків","i-lucide-rocket","\u002Fweb-development\u002Ftesting-documentation-deployment","18.web-development\u002F15.testing-documentation-deployment",[4709,4713,4717,4721,4725,4729,4733,4737,4741,4745],{"title":4710,"path":4711,"stem":4712},"Піраміда тестування та стратегія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F01-testing-pyramid-strategy","18.web-development\u002F15.testing-documentation-deployment\u002F01-testing-pyramid-strategy",{"title":4714,"path":4715,"stem":4716},"Основи Jest у NestJS","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F02-jest-nestjs-basics","18.web-development\u002F15.testing-documentation-deployment\u002F02-jest-nestjs-basics",{"title":4718,"path":4719,"stem":4720},"Unit-тестування сервісів","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F03-unit-testing-services","18.web-development\u002F15.testing-documentation-deployment\u002F03-unit-testing-services",{"title":4722,"path":4723,"stem":4724},"E2E тестування та покриття коду","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F04-e2e-testing-coverage","18.web-development\u002F15.testing-documentation-deployment\u002F04-e2e-testing-coverage",{"title":4726,"path":4727,"stem":4728},"Swagger, OpenAPI, Scalar та Arazzo","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F05-swagger-openapi","18.web-development\u002F15.testing-documentation-deployment\u002F05-swagger-openapi",{"title":4730,"path":4731,"stem":4732},"Керування конфігурацією","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F06-configuration-management","18.web-development\u002F15.testing-documentation-deployment\u002F06-configuration-management",{"title":4734,"path":4735,"stem":4736},"Docker та контейнеризація","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F07-docker-containerization","18.web-development\u002F15.testing-documentation-deployment\u002F07-docker-containerization",{"title":4738,"path":4739,"stem":4740},"CI\u002FCD Pipelines","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F08-cicd-pipelines","18.web-development\u002F15.testing-documentation-deployment\u002F08-cicd-pipelines",{"title":4742,"path":4743,"stem":4744},"Логування та моніторинг","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F09-logging-monitoring","18.web-development\u002F15.testing-documentation-deployment\u002F09-logging-monitoring",{"title":4746,"path":4747,"stem":4748},"Серіалізація та компресія","\u002Fweb-development\u002Ftesting-documentation-deployment\u002F10-serialization-compression","18.web-development\u002F15.testing-documentation-deployment\u002F10-serialization-compression",{"title":4750,"icon":4751,"path":4752,"stem":4753,"children":4754,"page":59},"AI Core: мислення AI","i-lucide-brain","\u002Fai-core","19.ai-core",[4755,4796,4845,4883],{"title":4756,"icon":4705,"path":4757,"stem":4758,"children":4759,"page":59},"Вхід у професію AI Native Developer","\u002Fai-core\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer",[4760,4764,4768,4772,4776,4780,4784,4788,4792],{"title":4761,"path":4762,"stem":4763},"Вступ до професії розробника цифрових продуктів","\u002Fai-core\u002Fai-native-developer\u002Fdigital-products","19.ai-core\u002F01.ai-native-developer\u002F01.digital-products",{"title":4765,"path":4766,"stem":4767},"Професія розробника програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fsoftware-developer","19.ai-core\u002F01.ai-native-developer\u002F02.software-developer",{"title":4769,"path":4770,"stem":4771},"Професія AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fai-native-developer","19.ai-core\u002F01.ai-native-developer\u002F03.ai-native-developer",{"title":4773,"path":4774,"stem":4775},"Вплив AI на розробку програмного забезпечення","\u002Fai-core\u002Fai-native-developer\u002Fai-impact-on-development","19.ai-core\u002F01.ai-native-developer\u002F04.ai-impact-on-development",{"title":4777,"path":4778,"stem":4779},"Життєвий цикл цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fproduct-lifecycle","19.ai-core\u002F01.ai-native-developer\u002F05.product-lifecycle",{"title":4781,"path":4782,"stem":4783},"Застосування AI на етапах створення цифрового продукту","\u002Fai-core\u002Fai-native-developer\u002Fai-in-product-creation","19.ai-core\u002F01.ai-native-developer\u002F06.ai-in-product-creation",{"title":4785,"path":4786,"stem":4787},"Розподіл завдань між людиною та AI","\u002Fai-core\u002Fai-native-developer\u002Fhuman-vs-ai-tasks","19.ai-core\u002F01.ai-native-developer\u002F07.human-vs-ai-tasks",{"title":4789,"path":4790,"stem":4791},"Компетенції AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcompetencies","19.ai-core\u002F01.ai-native-developer\u002F08.competencies",{"title":4793,"path":4794,"stem":4795},"Карта професійного розвитку AI Native Developer","\u002Fai-core\u002Fai-native-developer\u002Fcareer-roadmap","19.ai-core\u002F01.ai-native-developer\u002F09.career-roadmap",{"title":4797,"icon":255,"path":4798,"stem":4799,"children":4800,"page":59},"Штучний інтелект і машинне навчання","\u002Fai-core\u002Fai-and-machine-learning","19.ai-core\u002F02.ai-and-machine-learning",[4801,4805,4809,4813,4817,4821,4825,4829,4833,4837,4841],{"title":4802,"path":4803,"stem":4804},"Штучний інтелект","\u002Fai-core\u002Fai-and-machine-learning\u002Fwhat-is-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F01.what-is-ai",{"title":4806,"path":4807,"stem":4808},"Відмінність AI від інших програмних систем","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-vs-automation","19.ai-core\u002F02.ai-and-machine-learning\u002F02.ai-vs-automation",{"title":4810,"path":4811,"stem":4812},"Завдання штучного інтелекту","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-tasks","19.ai-core\u002F02.ai-and-machine-learning\u002F03.ai-tasks",{"title":4814,"path":4815,"stem":4816},"Machine Learning","\u002Fai-core\u002Fai-and-machine-learning\u002Fmachine-learning","19.ai-core\u002F02.ai-and-machine-learning\u002F04.machine-learning",{"title":4818,"path":4819,"stem":4820},"Machine Learning Workflow","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-workflow","19.ai-core\u002F02.ai-and-machine-learning\u002F05.ml-workflow",{"title":4822,"path":4823,"stem":4824},"Типи машинного навчання","\u002Fai-core\u002Fai-and-machine-learning\u002Fml-types","19.ai-core\u002F02.ai-and-machine-learning\u002F06.ml-types",{"title":4826,"path":4827,"stem":4828},"Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fgenerative-ai","19.ai-core\u002F02.ai-and-machine-learning\u002F07.generative-ai",{"title":4830,"path":4831,"stem":4832},"Типи контенту, створюваного AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fai-content-types","19.ai-core\u002F02.ai-and-machine-learning\u002F08.ai-content-types",{"title":4834,"path":4835,"stem":4836},"Великі мовні моделі","\u002Fai-core\u002Fai-and-machine-learning\u002Flarge-language-models","19.ai-core\u002F02.ai-and-machine-learning\u002F09.large-language-models",{"title":4838,"path":4839,"stem":4840},"Можливості та обмеження Generative AI","\u002Fai-core\u002Fai-and-machine-learning\u002Fcapabilities-and-limitations","19.ai-core\u002F02.ai-and-machine-learning\u002F10.capabilities-and-limitations",{"title":4842,"path":4843,"stem":4844},"Сучасні AI-асистенти","\u002Fai-core\u002Fai-and-machine-learning\u002Fmodern-ai-assistants","19.ai-core\u002F02.ai-and-machine-learning\u002F11.modern-ai-assistants",{"title":4846,"icon":4847,"path":4848,"stem":4849,"children":4850,"page":59},"Постановка завдань для AI: принципи створення промптів","i-lucide-message-square-text","\u002Fai-core\u002Fprompt-engineering","19.ai-core\u002F03.prompt-engineering",[4851,4855,4859,4863,4867,4871,4875,4879],{"title":4852,"path":4853,"stem":4854},"Промпт як інструмент","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-as-tool","19.ai-core\u002F03.prompt-engineering\u002F01.prompt-as-tool",{"title":4856,"path":4857,"stem":4858},"Принципи створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-principles","19.ai-core\u002F03.prompt-engineering\u002F02.prompt-principles",{"title":4860,"path":4861,"stem":4862},"Структура промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-structure","19.ai-core\u002F03.prompt-engineering\u002F03.prompt-structure",{"title":4864,"path":4865,"stem":4866},"Види промптів за типом задачі","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-types","19.ai-core\u002F03.prompt-engineering\u002F04.prompt-types",{"title":4868,"path":4869,"stem":4870},"Прийоми посилення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-enhancement","19.ai-core\u002F03.prompt-engineering\u002F05.prompt-enhancement",{"title":4872,"path":4873,"stem":4874},"Розбір і покращення промпта","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-analysis","19.ai-core\u002F03.prompt-engineering\u002F06.prompt-analysis",{"title":4876,"path":4877,"stem":4878},"Типові помилки під час створення промптів","\u002Fai-core\u002Fprompt-engineering\u002Fcommon-mistakes","19.ai-core\u002F03.prompt-engineering\u002F07.common-mistakes",{"title":4880,"path":4881,"stem":4882},"Практикум: особиста бібліотека промптів","\u002Fai-core\u002Fprompt-engineering\u002Fprompt-library","19.ai-core\u002F03.prompt-engineering\u002F08.prompt-library",{"title":4884,"icon":793,"path":4885,"stem":4886,"children":4887,"page":59},"Перевірка результатів, безпека та AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow","19.ai-core\u002F04.verification-security-workflow",[4888,4892,4896,4900,4904,4908,4912,4916,4920],{"title":4889,"path":4890,"stem":4891},"Межі можливостей AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-limitations","19.ai-core\u002F04.verification-security-workflow\u002F01.ai-limitations",{"title":4893,"path":4894,"stem":4895},"Галюцинації AI","\u002Fai-core\u002Fverification-security-workflow\u002Fai-hallucinations","19.ai-core\u002F04.verification-security-workflow\u002F02.ai-hallucinations",{"title":4897,"path":4898,"stem":4899},"Критичне мислення під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fcritical-thinking","19.ai-core\u002F04.verification-security-workflow\u002F03.critical-thinking",{"title":4901,"path":4902,"stem":4903},"Перевірка результатів роботи AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresult-verification","19.ai-core\u002F04.verification-security-workflow\u002F04.result-verification",{"title":4905,"path":4906,"stem":4907},"Захист даних під час роботи з AI","\u002Fai-core\u002Fverification-security-workflow\u002Fdata-protection","19.ai-core\u002F04.verification-security-workflow\u002F05.data-protection",{"title":4909,"path":4910,"stem":4911},"Авторське право та навчальна доброчесність","\u002Fai-core\u002Fverification-security-workflow\u002Fcopyright-integrity","19.ai-core\u002F04.verification-security-workflow\u002F06.copyright-integrity",{"title":4913,"path":4914,"stem":4915},"Відповідальне використання AI","\u002Fai-core\u002Fverification-security-workflow\u002Fresponsible-use","19.ai-core\u002F04.verification-security-workflow\u002F07.responsible-use",{"title":4917,"path":4918,"stem":4919},"AI Native Workflow","\u002Fai-core\u002Fverification-security-workflow\u002Fai-native-workflow","19.ai-core\u002F04.verification-security-workflow\u002F08.ai-native-workflow",{"title":4921,"path":4922,"stem":4923},"Застосування AI Native Workflow під час створення цифрового продукту","\u002Fai-core\u002Fverification-security-workflow\u002Fworkflow-in-practice","19.ai-core\u002F04.verification-security-workflow\u002F09.workflow-in-practice",{"title":4925,"icon":4926,"path":4927,"stem":4928,"children":4929,"page":59},"AI Developer: Vibe Coding Sprint","i-lucide-code-xml","\u002Fai-developer","20.ai-developer",[4930,4956,4978,4999],{"title":4931,"icon":4932,"path":4933,"stem":4934,"children":4935,"page":59},"Проєктування і чорнова версія","i-lucide-pencil-ruler","\u002Fai-developer\u002Fdraft-creation","20.ai-developer\u002F01.draft-creation",[4936,4940,4944,4948,4952],{"title":4937,"path":4938,"stem":4939},"Парадигма Vibe Coding Workflow","\u002Fai-developer\u002Fdraft-creation\u002Fvibe-coding-workflow","20.ai-developer\u002F01.draft-creation\u002F01.vibe-coding-workflow",{"title":4941,"path":4942,"stem":4943},"AI-середовище швидкої розробки","\u002Fai-developer\u002Fdraft-creation\u002Fai-ide-environment","20.ai-developer\u002F01.draft-creation\u002F02.ai-ide-environment",{"title":4945,"path":4946,"stem":4947},"Користувацьке завдання та межі першої версії","\u002Fai-developer\u002Fdraft-creation\u002Fproduct-scope-and-mvp","20.ai-developer\u002F01.draft-creation\u002F03.product-scope-and-mvp",{"title":4949,"path":4950,"stem":4951},"Архітектура інтерфейсу та стани застосунку","\u002Fai-developer\u002Fdraft-creation\u002Fapplication-architecture-and-states","20.ai-developer\u002F01.draft-creation\u002F04.application-architecture-and-states",{"title":4953,"path":4954,"stem":4955},"Генерація та фіксація чорнової версії","\u002Fai-developer\u002Fdraft-creation\u002Fgenerating-draft-version","20.ai-developer\u002F01.draft-creation\u002F05.generating-draft-version",{"title":4957,"icon":4958,"path":4959,"stem":4960,"children":4961,"page":59},"Перша робоча версія","i-lucide-play-circle","\u002Fai-developer\u002Ffirst-working-version","20.ai-developer\u002F02.first-working-version",[4962,4966,4970,4974],{"title":4963,"path":4964,"stem":4965},"Уточнення контексту проєкту для AI","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-project-context","20.ai-developer\u002F02.first-working-version\u002F01.refining-project-context",{"title":4967,"path":4968,"stem":4969},"Стратегія завдань для AI-розробки","\u002Fai-developer\u002Ffirst-working-version\u002Fai-prompting-strategy","20.ai-developer\u002F02.first-working-version\u002F02.ai-prompting-strategy",{"title":4971,"path":4972,"stem":4973},"Доопрацювання до першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Frefining-to-working-version","20.ai-developer\u002F02.first-working-version\u002F03.refining-to-working-version",{"title":4975,"path":4976,"stem":4977},"Перевірка першої робочої версії","\u002Fai-developer\u002Ffirst-working-version\u002Ftesting-first-working-version","20.ai-developer\u002F02.first-working-version\u002F04.testing-first-working-version",{"title":4979,"icon":3028,"path":4980,"stem":4981,"children":4982,"page":59},"Ітерації, дебагінг та відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery","20.ai-developer\u002F03.iteration-debugging-recovery",[4983,4987,4991,4995],{"title":4984,"path":4985,"stem":4986},"Управління точковими змінами продукту","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fchange-management","20.ai-developer\u002F03.iteration-debugging-recovery\u002F01.change-management",{"title":4988,"path":4989,"stem":4990},"Надійність інтерфейсу та обробка помилок","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fscenario-reliability-and-errors","20.ai-developer\u002F03.iteration-debugging-recovery\u002F02.scenario-reliability-and-errors",{"title":4992,"path":4993,"stem":4994},"Керування контекстом і збереження версій","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fproject-context-and-versions","20.ai-developer\u002F03.iteration-debugging-recovery\u002F03.project-context-and-versions",{"title":4996,"path":4997,"stem":4998},"Збої AI-розробки, ліміти та аварійне відновлення","\u002Fai-developer\u002Fiteration-debugging-recovery\u002Fai-breakdowns-and-recovery","20.ai-developer\u002F03.iteration-debugging-recovery\u002F04.ai-breakdowns-and-recovery",{"title":5000,"icon":5001,"path":5002,"stem":5003,"children":5004,"page":59},"Перевірка та завершення продукту","i-lucide-check-check","\u002Fai-developer\u002Fverification-and-completion","20.ai-developer\u002F04.verification-and-completion",[5005,5009,5013],{"title":5006,"path":5007,"stem":5008},"Комплексний аудит та підсумкове тестування","\u002Fai-developer\u002Fverification-and-completion\u002Ffinal-product-testing","20.ai-developer\u002F04.verification-and-completion\u002F01.final-product-testing",{"title":5010,"path":5011,"stem":5012},"Підготовка підсумкової версії коду","\u002Fai-developer\u002Fverification-and-completion\u002Fpreparing-release-version","20.ai-developer\u002F04.verification-and-completion\u002F02.preparing-release-version",{"title":5014,"path":5015,"stem":5016},"Демонстрація, публікація та критерії оцінювання","\u002Fai-developer\u002Fverification-and-completion\u002Fproduct-showcase-and-publishing","20.ai-developer\u002F04.verification-and-completion\u002F03.product-showcase-and-publishing",{"title":5018,"path":5019,"stem":5020,"children":5021,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[5022,5026,5030,5034,5038,5042,5046,5050,5054,5058,5062,5066],{"title":5023,"path":5024,"stem":5025},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":5027,"path":5028,"stem":5029},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":5031,"path":5032,"stem":5033},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":5035,"path":5036,"stem":5037},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":5039,"path":5040,"stem":5041},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":5043,"path":5044,"stem":5045},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":5047,"path":5048,"stem":5049},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":5051,"path":5052,"stem":5053},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":5055,"path":5056,"stem":5057},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":5059,"path":5060,"stem":5061},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":5063,"path":5064,"stem":5065},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":5067,"path":5068,"stem":5069},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":5071,"path":5072,"stem":5073},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":5075,"title":4177,"body":5076,"description":17647,"extension":17648,"links":17649,"meta":17650,"navigation":5523,"path":4178,"seo":17651,"stem":4179,"__hash__":17652},"docs\u002F18.web-development\u002F05.nodejs-platform\u002F03.module-systems.md",{"type":5077,"value":5078,"toc":17576},"minimark",[5079,5083,5189,5194,5202,5207,5212,5340,5345,5356,5361,5455,5580,5584,5608,5613,5759,5764,5780,5785,5796,5804,5808,5815,5819,5824,5834,5922,5937,5942,5947,6097,6102,6226,6231,6237,6346,6351,6450,6497,6501,6508,6832,7049,7053,7058,7207,7211,7359,7364,7486,7490,7629,7634,7838,7842,8014,8019,8202,8206,8386,8505,8509,8519,8716,8721,8799,8804,8869,8880,8884,8887,9225,9234,9306,9311,9382,9428,9432,9442,9446,9595,9599,9604,9706,9711,9786,9791,9902,9907,9966,9971,10057,10062,10161,10165,10170,10245,10250,10316,10321,10340,10345,10467,10500,10504,10523,10528,10672,10676,10800,10805,10905,10910,10922,10990,11001,11026,11038,11215,11219,11228,11233,11383,11387,11517,11522,11642,11649,11654,11719,11726,11730,11739,11743,11794,11799,11849,11852,11896,11901,12195,12199,12202,12335,12340,12370,12396,12400,12403,12407,12413,12525,12531,12608,12612,12620,12672,12679,12744,12753,12757,12762,12765,12816,12821,12860,12865,12868,12876,12880,12889,12894,12956,12961,13084,13114,13119,13179,13183,13193,13197,13207,13377,13386,13395,13570,13804,13808,13814,13923,13928,14005,14017,14021,14025,14408,14412,14488,14492,15294,15298,15702,15774,15778,15781,16119,16123,16304,16308,16326,16330,16335,16364,16369,16391,16396,16440,16444,16590,16594,16598,16604,16609,16872,16876,16882,16888,16893,16982,16986,16992,16997,17001,17147,17151,17246,17250,17557,17560,17566,17572],[5080,5081,4177],"h1",{"id":5082},"модульні-системи-commonjs-vs-es-modules",[5084,5085,5086,5137],"card-group",{},[5087,5088,5091],"card",{"icon":5089,"title":5090},"i-lucide-target","🎯 Мета лекції",[5092,5093,5094,5098,5110,5120,5123,5134],"ul",{},[5095,5096,5097],"li",{},"Зрозуміти еволюцію модульних систем у JavaScript та проблеми, які вони вирішують.",[5095,5099,5100,5101,5105,5106,5109],{},"Опанувати синтаксис CommonJS (",[5102,5103,5104],"code",{},"require",", ",[5102,5107,5108],{},"module.exports",") та його внутрішній механізм роботи.",[5095,5111,5112,5113,5105,5116,5119],{},"Вивчити ES Modules (",[5102,5114,5115],{},"import",[5102,5117,5118],{},"export",") та їхні переваги над CommonJS.",[5095,5121,5122],{},"Навчитися працювати з інтероперабельністю між двома системами модулів.",[5095,5124,5125,5126,5129,5130,5133],{},"Розібратися з конфігурацією ",[5102,5127,5128],{},"package.json"," та полем ",[5102,5131,5132],{},"\"type\"",".",[5095,5135,5136],{},"Усвідомити стратегії міграції на ES Modules у 2026 році.",[5087,5138,5140],{"icon":4574,"title":5139},"🔑 Ключові терміни",[5092,5141,5142,5149,5155,5161,5171,5180],{},[5095,5143,5144,5148],{},[5145,5146,5147],"strong",{},"Модуль (Module):"," ізольований шматок коду з власною областю видимості, що експортує публічне API.",[5095,5150,5151,5154],{},[5145,5152,5153],{},"CommonJS (CJS):"," модульна система Node.js за замовчуванням до версії 13, синхронна та динамічна.",[5095,5156,5157,5160],{},[5145,5158,5159],{},"ES Modules (ESM):"," стандарт ECMAScript для модулів, статичний аналіз, асинхронне завантаження.",[5095,5162,5163,5166,5167,5170],{},[5145,5164,5165],{},"Named Export:"," експорт іменованих сутностей (",[5102,5168,5169],{},"export const foo",").",[5095,5172,5173,5176,5177,5170],{},[5145,5174,5175],{},"Default Export:"," експорт єдиного головного значення (",[5102,5178,5179],{},"export default",[5095,5181,5182,5185,5186,5133],{},[5145,5183,5184],{},"Module Resolution:"," алгоритм пошуку та завантаження модулів з файлової системи або ",[5102,5187,5188],{},"node_modules",[5190,5191,5193],"h2",{"id":5192},"проблема-глобального-простору-імен","Проблема глобального простору імен",[5195,5196,5197,5198,5201],"p",{},"До появи модульних систем JavaScript-код у браузері та на сервері виконувався у ",[5145,5199,5200],{},"глобальній області видимості",". Усі змінні, функції та об'єкти були доступні звідусіль, що призводило до конфліктів імен та непередбачуваної поведінки.",[5203,5204,5206],"h3",{"id":5205},"еволюція-організації-коду","Еволюція організації коду",[5195,5208,5209],{},[5145,5210,5211],{},"Етап 1: Один великий файл (2000-2005)",[5213,5214,5219],"pre",{"className":5215,"code":5216,"language":5217,"meta":5218,"style":5218},"language-javascript shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F app.js (5000 рядків)\nvar userCount = 0;\nfunction createUser(name) { \u002F* ... *\u002F }\nfunction deleteUser(id) { \u002F* ... *\u002F }\nfunction formatDate(date) { \u002F* ... *\u002F }\nfunction validateEmail(email) { \u002F* ... *\u002F }\n\u002F\u002F ... ще 4950 рядків\n","javascript","",[5102,5220,5221,5230,5252,5277,5296,5315,5334],{"__ignoreMap":5218},[5222,5223,5226],"span",{"class":5224,"line":5225},"line",1,[5222,5227,5229],{"class":5228},"spJ8K","\u002F\u002F app.js (5000 рядків)\n",[5222,5231,5233,5237,5241,5245,5249],{"class":5224,"line":5232},2,[5222,5234,5236],{"class":5235},"su1O8","var",[5222,5238,5240],{"class":5239},"siwwj"," userCount",[5222,5242,5244],{"class":5243},"sHH4Y"," = ",[5222,5246,5248],{"class":5247},"sJj4R","0",[5222,5250,5251],{"class":5243},";\n",[5222,5253,5255,5258,5262,5265,5268,5271,5274],{"class":5224,"line":5254},3,[5222,5256,5257],{"class":5235},"function",[5222,5259,5261],{"class":5260},"s8Opu"," createUser",[5222,5263,5264],{"class":5243},"(",[5222,5266,5267],{"class":5239},"name",[5222,5269,5270],{"class":5243},") { ",[5222,5272,5273],{"class":5228},"\u002F* ... *\u002F",[5222,5275,5276],{"class":5243}," }\n",[5222,5278,5280,5282,5285,5287,5290,5292,5294],{"class":5224,"line":5279},4,[5222,5281,5257],{"class":5235},[5222,5283,5284],{"class":5260}," deleteUser",[5222,5286,5264],{"class":5243},[5222,5288,5289],{"class":5239},"id",[5222,5291,5270],{"class":5243},[5222,5293,5273],{"class":5228},[5222,5295,5276],{"class":5243},[5222,5297,5299,5301,5304,5306,5309,5311,5313],{"class":5224,"line":5298},5,[5222,5300,5257],{"class":5235},[5222,5302,5303],{"class":5260}," formatDate",[5222,5305,5264],{"class":5243},[5222,5307,5308],{"class":5239},"date",[5222,5310,5270],{"class":5243},[5222,5312,5273],{"class":5228},[5222,5314,5276],{"class":5243},[5222,5316,5318,5320,5323,5325,5328,5330,5332],{"class":5224,"line":5317},6,[5222,5319,5257],{"class":5235},[5222,5321,5322],{"class":5260}," validateEmail",[5222,5324,5264],{"class":5243},[5222,5326,5327],{"class":5239},"email",[5222,5329,5270],{"class":5243},[5222,5331,5273],{"class":5228},[5222,5333,5276],{"class":5243},[5222,5335,5337],{"class":5224,"line":5336},7,[5222,5338,5339],{"class":5228},"\u002F\u002F ... ще 4950 рядків\n",[5195,5341,5342],{},[5145,5343,5344],{},"Проблеми:",[5092,5346,5347,5350,5353],{},[5095,5348,5349],{},"Неможливо розділити обов'язки між розробниками",[5095,5351,5352],{},"Складність навігації по коду",[5095,5354,5355],{},"Ризик конфліктів імен при додаванні нової функціональності",[5195,5357,5358],{},[5145,5359,5360],{},"Етап 2: Кілька файлів + глобальні змінні (2005-2009)",[5213,5362,5366],{"className":5363,"code":5364,"language":5365,"meta":5218,"style":5218},"language-html shiki shiki-themes light-plus dark-plus dark-plus","\u003Cscript src=\"utils.js\">\u003C\u002Fscript>\n\u003Cscript src=\"validation.js\">\u003C\u002Fscript>\n\u003Cscript src=\"users.js\">\u003C\u002Fscript>\n\u003Cscript src=\"app.js\">\u003C\u002Fscript>\n","html",[5102,5367,5368,5398,5417,5436],{"__ignoreMap":5218},[5222,5369,5370,5374,5378,5382,5386,5390,5393,5395],{"class":5224,"line":5225},[5222,5371,5373],{"class":5372},"s0P7L","\u003C",[5222,5375,5377],{"class":5376},"sKtos","script",[5222,5379,5381],{"class":5380},"sa4r_"," src",[5222,5383,5385],{"class":5384},"sD7JJ","=",[5222,5387,5389],{"class":5388},"su9tN","\"utils.js\"",[5222,5391,5392],{"class":5372},">\u003C\u002F",[5222,5394,5377],{"class":5376},[5222,5396,5397],{"class":5372},">\n",[5222,5399,5400,5402,5404,5406,5408,5411,5413,5415],{"class":5224,"line":5232},[5222,5401,5373],{"class":5372},[5222,5403,5377],{"class":5376},[5222,5405,5381],{"class":5380},[5222,5407,5385],{"class":5384},[5222,5409,5410],{"class":5388},"\"validation.js\"",[5222,5412,5392],{"class":5372},[5222,5414,5377],{"class":5376},[5222,5416,5397],{"class":5372},[5222,5418,5419,5421,5423,5425,5427,5430,5432,5434],{"class":5224,"line":5254},[5222,5420,5373],{"class":5372},[5222,5422,5377],{"class":5376},[5222,5424,5381],{"class":5380},[5222,5426,5385],{"class":5384},[5222,5428,5429],{"class":5388},"\"users.js\"",[5222,5431,5392],{"class":5372},[5222,5433,5377],{"class":5376},[5222,5435,5397],{"class":5372},[5222,5437,5438,5440,5442,5444,5446,5449,5451,5453],{"class":5224,"line":5279},[5222,5439,5373],{"class":5372},[5222,5441,5377],{"class":5376},[5222,5443,5381],{"class":5380},[5222,5445,5385],{"class":5384},[5222,5447,5448],{"class":5388},"\"app.js\"",[5222,5450,5392],{"class":5372},[5222,5452,5377],{"class":5376},[5222,5454,5397],{"class":5372},[5213,5456,5458],{"className":5215,"code":5457,"language":5217,"meta":5218,"style":5218},"\u002F\u002F utils.js\nvar APP = APP || {};\nAPP.utils = {\n  formatDate: function(date) { \u002F* ... *\u002F }\n};\n\n\u002F\u002F users.js\nvar APP = APP || {};\nAPP.users = {\n  create: function(name) { \u002F* ... *\u002F }\n};\n",[5102,5459,5460,5465,5481,5493,5514,5519,5525,5530,5543,5555,5575],{"__ignoreMap":5218},[5222,5461,5462],{"class":5224,"line":5225},[5222,5463,5464],{"class":5228},"\u002F\u002F utils.js\n",[5222,5466,5467,5469,5473,5475,5478],{"class":5224,"line":5232},[5222,5468,5236],{"class":5235},[5222,5470,5472],{"class":5471},"s-QsJ"," APP",[5222,5474,5244],{"class":5243},[5222,5476,5477],{"class":5471},"APP",[5222,5479,5480],{"class":5243}," || {};\n",[5222,5482,5483,5485,5487,5490],{"class":5224,"line":5254},[5222,5484,5477],{"class":5471},[5222,5486,5133],{"class":5243},[5222,5488,5489],{"class":5239},"utils",[5222,5491,5492],{"class":5243}," = {\n",[5222,5494,5495,5498,5501,5504,5506,5508,5510,5512],{"class":5224,"line":5279},[5222,5496,5497],{"class":5260},"  formatDate",[5222,5499,5500],{"class":5239},":",[5222,5502,5503],{"class":5235}," function",[5222,5505,5264],{"class":5243},[5222,5507,5308],{"class":5239},[5222,5509,5270],{"class":5243},[5222,5511,5273],{"class":5228},[5222,5513,5276],{"class":5243},[5222,5515,5516],{"class":5224,"line":5298},[5222,5517,5518],{"class":5243},"};\n",[5222,5520,5521],{"class":5224,"line":5317},[5222,5522,5524],{"emptyLinePlaceholder":5523},true,"\n",[5222,5526,5527],{"class":5224,"line":5336},[5222,5528,5529],{"class":5228},"\u002F\u002F users.js\n",[5222,5531,5533,5535,5537,5539,5541],{"class":5224,"line":5532},8,[5222,5534,5236],{"class":5235},[5222,5536,5472],{"class":5471},[5222,5538,5244],{"class":5243},[5222,5540,5477],{"class":5471},[5222,5542,5480],{"class":5243},[5222,5544,5546,5548,5550,5553],{"class":5224,"line":5545},9,[5222,5547,5477],{"class":5471},[5222,5549,5133],{"class":5243},[5222,5551,5552],{"class":5239},"users",[5222,5554,5492],{"class":5243},[5222,5556,5558,5561,5563,5565,5567,5569,5571,5573],{"class":5224,"line":5557},10,[5222,5559,5560],{"class":5260},"  create",[5222,5562,5500],{"class":5239},[5222,5564,5503],{"class":5235},[5222,5566,5264],{"class":5243},[5222,5568,5267],{"class":5239},[5222,5570,5270],{"class":5243},[5222,5572,5273],{"class":5228},[5222,5574,5276],{"class":5243},[5222,5576,5578],{"class":5224,"line":5577},11,[5222,5579,5518],{"class":5243},[5195,5581,5582],{},[5145,5583,5344],{},[5092,5585,5586,5597,5602],{},[5095,5587,5588,5589,5592,5593,5596],{},"Порядок підключення скриптів критичний (якщо ",[5102,5590,5591],{},"app.js"," завантажиться раніше ",[5102,5594,5595],{},"utils.js"," — помилка)",[5095,5598,5599,5600],{},"Забруднення глобального простору імен об'єктом ",[5102,5601,5477],{},[5095,5603,5604,5605],{},"Відсутність інкапсуляції: будь-який код може модифікувати ",[5102,5606,5607],{},"APP.utils",[5195,5609,5610],{},[5145,5611,5612],{},"Етап 3: IIFE (Immediately Invoked Function Expression) — патерн Module (2009-2013)",[5213,5614,5616],{"className":5215,"code":5615,"language":5217,"meta":5218,"style":5218},"\u002F\u002F utils.js\nvar Utils = (function() {\n  \u002F\u002F Приватна змінна\n  var privateCounter = 0;\n  \n  \u002F\u002F Публічне API\n  return {\n    formatDate: function(date) {\n      privateCounter++;\n      return date.toISOString();\n    },\n    getCallCount: function() {\n      return privateCounter;\n    }\n  };\n})();\n",[5102,5617,5618,5622,5637,5642,5656,5661,5666,5675,5691,5699,5715,5720,5732,5741,5747,5753],{"__ignoreMap":5218},[5222,5619,5620],{"class":5224,"line":5225},[5222,5621,5464],{"class":5228},[5222,5623,5624,5626,5629,5632,5634],{"class":5224,"line":5232},[5222,5625,5236],{"class":5235},[5222,5627,5628],{"class":5239}," Utils",[5222,5630,5631],{"class":5243}," = (",[5222,5633,5257],{"class":5235},[5222,5635,5636],{"class":5243},"() {\n",[5222,5638,5639],{"class":5224,"line":5254},[5222,5640,5641],{"class":5228},"  \u002F\u002F Приватна змінна\n",[5222,5643,5644,5647,5650,5652,5654],{"class":5224,"line":5279},[5222,5645,5646],{"class":5235},"  var",[5222,5648,5649],{"class":5239}," privateCounter",[5222,5651,5244],{"class":5243},[5222,5653,5248],{"class":5247},[5222,5655,5251],{"class":5243},[5222,5657,5658],{"class":5224,"line":5298},[5222,5659,5660],{"class":5243},"  \n",[5222,5662,5663],{"class":5224,"line":5317},[5222,5664,5665],{"class":5228},"  \u002F\u002F Публічне API\n",[5222,5667,5668,5672],{"class":5224,"line":5336},[5222,5669,5671],{"class":5670},"s8xlr","  return",[5222,5673,5674],{"class":5243}," {\n",[5222,5676,5677,5680,5682,5684,5686,5688],{"class":5224,"line":5532},[5222,5678,5679],{"class":5260},"    formatDate",[5222,5681,5500],{"class":5239},[5222,5683,5503],{"class":5235},[5222,5685,5264],{"class":5243},[5222,5687,5308],{"class":5239},[5222,5689,5690],{"class":5243},") {\n",[5222,5692,5693,5696],{"class":5224,"line":5545},[5222,5694,5695],{"class":5239},"      privateCounter",[5222,5697,5698],{"class":5243},"++;\n",[5222,5700,5701,5704,5707,5709,5712],{"class":5224,"line":5557},[5222,5702,5703],{"class":5670},"      return",[5222,5705,5706],{"class":5239}," date",[5222,5708,5133],{"class":5243},[5222,5710,5711],{"class":5260},"toISOString",[5222,5713,5714],{"class":5243},"();\n",[5222,5716,5717],{"class":5224,"line":5577},[5222,5718,5719],{"class":5243},"    },\n",[5222,5721,5723,5726,5728,5730],{"class":5224,"line":5722},12,[5222,5724,5725],{"class":5260},"    getCallCount",[5222,5727,5500],{"class":5239},[5222,5729,5503],{"class":5235},[5222,5731,5636],{"class":5243},[5222,5733,5735,5737,5739],{"class":5224,"line":5734},13,[5222,5736,5703],{"class":5670},[5222,5738,5649],{"class":5239},[5222,5740,5251],{"class":5243},[5222,5742,5744],{"class":5224,"line":5743},14,[5222,5745,5746],{"class":5243},"    }\n",[5222,5748,5750],{"class":5224,"line":5749},15,[5222,5751,5752],{"class":5243},"  };\n",[5222,5754,5756],{"class":5224,"line":5755},16,[5222,5757,5758],{"class":5243},"})();\n",[5195,5760,5761],{},[5145,5762,5763],{},"Переваги:",[5092,5765,5766,5774,5777],{},[5095,5767,5768,5769,5773],{},"Справжня інкапсуляція через замикання (",[5770,5771,5772],"em",{},"closure",")",[5095,5775,5776],{},"Приватні змінні недоступні ззовні",[5095,5778,5779],{},"Контроль над експортованим API",[5195,5781,5782],{},[5145,5783,5784],{},"Недоліки:",[5092,5786,5787,5790,5793],{},[5095,5788,5789],{},"Досі немає автоматичного механізму завантаження залежностей",[5095,5791,5792],{},"Порядок скриптів у HTML все ще критичний",[5095,5794,5795],{},"Відсутність стандартизованого способу оголошення залежностей",[5797,5798,5799,5800,5803],"note",{},"Саме ці проблеми призвели до створення ",[5145,5801,5802],{},"модульних систем",": спочатку CommonJS для серверного JavaScript (Node.js, 2009), а згодом — офіційного стандарту ES Modules (2015).",[5190,5805,5807],{"id":5806},"commonjs-модульна-система-nodejs","CommonJS: модульна система Node.js",[5195,5809,5810,5811,5814],{},"У 2009 році разом із Node.js з'явилася модульна система ",[5145,5812,5813],{},"CommonJS"," — перша стандартизована спроба вирішити проблему організації серверного JavaScript-коду.",[5203,5816,5818],{"id":5817},"фундаментальні-принципи-commonjs","Фундаментальні принципи CommonJS",[5195,5820,5821],{},[5145,5822,5823],{},"1. Кожен файл — окремий модуль",[5195,5825,5826,5827,5830,5831,5133],{},"Кожен ",[5102,5828,5829],{},".js"," файл у Node.js автоматично стає модулем з власною областю видимості. Змінні, оголошені у файлі, ",[5145,5832,5833],{},"не потрапляють у глобальну область видимості",[5213,5835,5837],{"className":5215,"code":5836,"language":5217,"meta":5218,"style":5218},"\u002F\u002F math.js\nconst PI = 3.14159;\n\nfunction calculateCircleArea(radius) {\n  return PI * radius * radius;\n}\n\nconsole.log('Math module loaded');\n",[5102,5838,5839,5844,5859,5863,5877,5894,5899,5903],{"__ignoreMap":5218},[5222,5840,5841],{"class":5224,"line":5225},[5222,5842,5843],{"class":5228},"\u002F\u002F math.js\n",[5222,5845,5846,5849,5852,5854,5857],{"class":5224,"line":5232},[5222,5847,5848],{"class":5235},"const",[5222,5850,5851],{"class":5471}," PI",[5222,5853,5244],{"class":5243},[5222,5855,5856],{"class":5247},"3.14159",[5222,5858,5251],{"class":5243},[5222,5860,5861],{"class":5224,"line":5254},[5222,5862,5524],{"emptyLinePlaceholder":5523},[5222,5864,5865,5867,5870,5872,5875],{"class":5224,"line":5279},[5222,5866,5257],{"class":5235},[5222,5868,5869],{"class":5260}," calculateCircleArea",[5222,5871,5264],{"class":5243},[5222,5873,5874],{"class":5239},"radius",[5222,5876,5690],{"class":5243},[5222,5878,5879,5881,5883,5886,5888,5890,5892],{"class":5224,"line":5298},[5222,5880,5671],{"class":5670},[5222,5882,5851],{"class":5471},[5222,5884,5885],{"class":5243}," * ",[5222,5887,5874],{"class":5239},[5222,5889,5885],{"class":5243},[5222,5891,5874],{"class":5239},[5222,5893,5251],{"class":5243},[5222,5895,5896],{"class":5224,"line":5317},[5222,5897,5898],{"class":5243},"}\n",[5222,5900,5901],{"class":5224,"line":5336},[5222,5902,5524],{"emptyLinePlaceholder":5523},[5222,5904,5905,5908,5910,5913,5915,5919],{"class":5224,"line":5532},[5222,5906,5907],{"class":5239},"console",[5222,5909,5133],{"class":5243},[5222,5911,5912],{"class":5260},"log",[5222,5914,5264],{"class":5243},[5222,5916,5918],{"class":5917},"sbdoH","'Math module loaded'",[5222,5920,5921],{"class":5243},");\n",[5195,5923,5924,5925,5928,5929,5932,5933,5936],{},"При завантаженні цього модуля константа ",[5102,5926,5927],{},"PI"," та функція ",[5102,5930,5931],{},"calculateCircleArea"," ",[5145,5934,5935],{},"недоступні"," зовні. Вони існують лише всередині модуля.",[5195,5938,5939],{},[5145,5940,5941],{},"2. Явний експорт через module.exports",[5195,5943,5944,5945,5500],{},"Щоб зробити функціональність доступною іншим модулям, потрібно явно експортувати її через об'єкт ",[5102,5946,5108],{},[5213,5948,5950],{"className":5215,"code":5949,"language":5217,"meta":5218,"style":5218},"\u002F\u002F math.js (CommonJS — для прикладу)\nconst PI = 3.14159;\n\nfunction calculateCircleArea(radius) {\n  return PI * radius * radius;\n}\n\nfunction calculateCircleCircumference(radius) {\n  return 2 * PI * radius;\n}\n\n\u002F\u002F Експорт публічного API\nmodule.exports = {\n  calculateArea: calculateCircleArea,\n  calculateCircumference: calculateCircleCircumference,\n  PI: PI\n};\n",[5102,5951,5952,5957,5969,5973,5985,6001,6005,6009,6022,6039,6043,6047,6052,6065,6075,6084,6092],{"__ignoreMap":5218},[5222,5953,5954],{"class":5224,"line":5225},[5222,5955,5956],{"class":5228},"\u002F\u002F math.js (CommonJS — для прикладу)\n",[5222,5958,5959,5961,5963,5965,5967],{"class":5224,"line":5232},[5222,5960,5848],{"class":5235},[5222,5962,5851],{"class":5471},[5222,5964,5244],{"class":5243},[5222,5966,5856],{"class":5247},[5222,5968,5251],{"class":5243},[5222,5970,5971],{"class":5224,"line":5254},[5222,5972,5524],{"emptyLinePlaceholder":5523},[5222,5974,5975,5977,5979,5981,5983],{"class":5224,"line":5279},[5222,5976,5257],{"class":5235},[5222,5978,5869],{"class":5260},[5222,5980,5264],{"class":5243},[5222,5982,5874],{"class":5239},[5222,5984,5690],{"class":5243},[5222,5986,5987,5989,5991,5993,5995,5997,5999],{"class":5224,"line":5298},[5222,5988,5671],{"class":5670},[5222,5990,5851],{"class":5471},[5222,5992,5885],{"class":5243},[5222,5994,5874],{"class":5239},[5222,5996,5885],{"class":5243},[5222,5998,5874],{"class":5239},[5222,6000,5251],{"class":5243},[5222,6002,6003],{"class":5224,"line":5317},[5222,6004,5898],{"class":5243},[5222,6006,6007],{"class":5224,"line":5336},[5222,6008,5524],{"emptyLinePlaceholder":5523},[5222,6010,6011,6013,6016,6018,6020],{"class":5224,"line":5532},[5222,6012,5257],{"class":5235},[5222,6014,6015],{"class":5260}," calculateCircleCircumference",[5222,6017,5264],{"class":5243},[5222,6019,5874],{"class":5239},[5222,6021,5690],{"class":5243},[5222,6023,6024,6026,6029,6031,6033,6035,6037],{"class":5224,"line":5545},[5222,6025,5671],{"class":5670},[5222,6027,6028],{"class":5247}," 2",[5222,6030,5885],{"class":5243},[5222,6032,5927],{"class":5471},[5222,6034,5885],{"class":5243},[5222,6036,5874],{"class":5239},[5222,6038,5251],{"class":5243},[5222,6040,6041],{"class":5224,"line":5557},[5222,6042,5898],{"class":5243},[5222,6044,6045],{"class":5224,"line":5577},[5222,6046,5524],{"emptyLinePlaceholder":5523},[5222,6048,6049],{"class":5224,"line":5722},[5222,6050,6051],{"class":5228},"\u002F\u002F Експорт публічного API\n",[5222,6053,6054,6058,6060,6063],{"class":5224,"line":5734},[5222,6055,6057],{"class":6056},"sN1BT","module",[5222,6059,5133],{"class":5243},[5222,6061,6062],{"class":6056},"exports",[5222,6064,5492],{"class":5243},[5222,6066,6067,6070,6072],{"class":5224,"line":5743},[5222,6068,6069],{"class":5239},"  calculateArea:",[5222,6071,5869],{"class":5239},[5222,6073,6074],{"class":5243},",\n",[5222,6076,6077,6080,6082],{"class":5224,"line":5749},[5222,6078,6079],{"class":5239},"  calculateCircumference:",[5222,6081,6015],{"class":5239},[5222,6083,6074],{"class":5243},[5222,6085,6086,6089],{"class":5224,"line":5755},[5222,6087,6088],{"class":5239},"  PI:",[5222,6090,6091],{"class":5471}," PI\n",[5222,6093,6095],{"class":5224,"line":6094},17,[5222,6096,5518],{"class":5243},[5195,6098,6099],{},[5145,6100,6101],{},"ESM-еквівалент (сучасний підхід):",[5213,6103,6105],{"className":5215,"code":6104,"language":5217,"meta":5218,"style":5218},"\u002F\u002F math.js (ES Modules)\nexport const PI: number = 3.14159;\n\nexport function calculateCircleArea(radius: number): number {\n  return PI * radius * radius;\n}\n\nexport function calculateCircleCircumference(radius: number): number {\n  return 2 * PI * radius;\n}\n",[5102,6106,6107,6112,6133,6137,6160,6176,6180,6184,6206,6222],{"__ignoreMap":5218},[5222,6108,6109],{"class":5224,"line":5225},[5222,6110,6111],{"class":5228},"\u002F\u002F math.js (ES Modules)\n",[5222,6113,6114,6116,6119,6121,6124,6127,6129,6131],{"class":5224,"line":5232},[5222,6115,5118],{"class":5670},[5222,6117,6118],{"class":5235}," const",[5222,6120,5851],{"class":5471},[5222,6122,6123],{"class":5243},": ",[5222,6125,6126],{"class":6056},"number",[5222,6128,5244],{"class":5243},[5222,6130,5856],{"class":5247},[5222,6132,5251],{"class":5243},[5222,6134,6135],{"class":5224,"line":5254},[5222,6136,5524],{"emptyLinePlaceholder":5523},[5222,6138,6139,6141,6143,6145,6147,6149,6151,6153,6156,6158],{"class":5224,"line":5279},[5222,6140,5118],{"class":5670},[5222,6142,5503],{"class":5235},[5222,6144,5869],{"class":5260},[5222,6146,5264],{"class":5243},[5222,6148,5874],{"class":5239},[5222,6150,6123],{"class":5243},[5222,6152,6126],{"class":6056},[5222,6154,6155],{"class":5243},"): ",[5222,6157,6126],{"class":6056},[5222,6159,5674],{"class":5243},[5222,6161,6162,6164,6166,6168,6170,6172,6174],{"class":5224,"line":5298},[5222,6163,5671],{"class":5670},[5222,6165,5851],{"class":5471},[5222,6167,5885],{"class":5243},[5222,6169,5874],{"class":5239},[5222,6171,5885],{"class":5243},[5222,6173,5874],{"class":5239},[5222,6175,5251],{"class":5243},[5222,6177,6178],{"class":5224,"line":5317},[5222,6179,5898],{"class":5243},[5222,6181,6182],{"class":5224,"line":5336},[5222,6183,5524],{"emptyLinePlaceholder":5523},[5222,6185,6186,6188,6190,6192,6194,6196,6198,6200,6202,6204],{"class":5224,"line":5532},[5222,6187,5118],{"class":5670},[5222,6189,5503],{"class":5235},[5222,6191,6015],{"class":5260},[5222,6193,5264],{"class":5243},[5222,6195,5874],{"class":5239},[5222,6197,6123],{"class":5243},[5222,6199,6126],{"class":6056},[5222,6201,6155],{"class":5243},[5222,6203,6126],{"class":6056},[5222,6205,5674],{"class":5243},[5222,6207,6208,6210,6212,6214,6216,6218,6220],{"class":5224,"line":5545},[5222,6209,5671],{"class":5670},[5222,6211,6028],{"class":5247},[5222,6213,5885],{"class":5243},[5222,6215,5927],{"class":5471},[5222,6217,5885],{"class":5243},[5222,6219,5874],{"class":5239},[5222,6221,5251],{"class":5243},[5222,6223,6224],{"class":5224,"line":5557},[5222,6225,5898],{"class":5243},[5195,6227,6228],{},[5145,6229,6230],{},"3. Імпорт через require()",[5195,6232,6233,6234,5500],{},"Інші модулі завантажують цей модуль за допомогою функції ",[5102,6235,6236],{},"require()",[5213,6238,6240],{"className":5215,"code":6239,"language":5217,"meta":5218,"style":5218},"\u002F\u002F app.js (CommonJS — для прикладу)\nconst math = require('.\u002Fmath');\n\nconsole.log(math.PI); \u002F\u002F 3.14159\nconsole.log(math.calculateArea(5)); \u002F\u002F 78.53975\nconsole.log(math.calculateCircumference(5)); \u002F\u002F 31.4159\n",[5102,6241,6242,6247,6265,6269,6292,6320],{"__ignoreMap":5218},[5222,6243,6244],{"class":5224,"line":5225},[5222,6245,6246],{"class":5228},"\u002F\u002F app.js (CommonJS — для прикладу)\n",[5222,6248,6249,6251,6254,6256,6258,6260,6263],{"class":5224,"line":5232},[5222,6250,5848],{"class":5235},[5222,6252,6253],{"class":5471}," math",[5222,6255,5244],{"class":5243},[5222,6257,5104],{"class":5260},[5222,6259,5264],{"class":5243},[5222,6261,6262],{"class":5917},"'.\u002Fmath'",[5222,6264,5921],{"class":5243},[5222,6266,6267],{"class":5224,"line":5254},[5222,6268,5524],{"emptyLinePlaceholder":5523},[5222,6270,6271,6273,6275,6277,6279,6282,6284,6286,6289],{"class":5224,"line":5279},[5222,6272,5907],{"class":5239},[5222,6274,5133],{"class":5243},[5222,6276,5912],{"class":5260},[5222,6278,5264],{"class":5243},[5222,6280,6281],{"class":5239},"math",[5222,6283,5133],{"class":5243},[5222,6285,5927],{"class":5471},[5222,6287,6288],{"class":5243},"); ",[5222,6290,6291],{"class":5228},"\u002F\u002F 3.14159\n",[5222,6293,6294,6296,6298,6300,6302,6304,6306,6309,6311,6314,6317],{"class":5224,"line":5298},[5222,6295,5907],{"class":5239},[5222,6297,5133],{"class":5243},[5222,6299,5912],{"class":5260},[5222,6301,5264],{"class":5243},[5222,6303,6281],{"class":5239},[5222,6305,5133],{"class":5243},[5222,6307,6308],{"class":5260},"calculateArea",[5222,6310,5264],{"class":5243},[5222,6312,6313],{"class":5247},"5",[5222,6315,6316],{"class":5243},")); ",[5222,6318,6319],{"class":5228},"\u002F\u002F 78.53975\n",[5222,6321,6322,6324,6326,6328,6330,6332,6334,6337,6339,6341,6343],{"class":5224,"line":5317},[5222,6323,5907],{"class":5239},[5222,6325,5133],{"class":5243},[5222,6327,5912],{"class":5260},[5222,6329,5264],{"class":5243},[5222,6331,6281],{"class":5239},[5222,6333,5133],{"class":5243},[5222,6335,6336],{"class":5260},"calculateCircumference",[5222,6338,5264],{"class":5243},[5222,6340,6313],{"class":5247},[5222,6342,6316],{"class":5243},[5222,6344,6345],{"class":5228},"\u002F\u002F 31.4159\n",[5195,6347,6348],{},[5145,6349,6350],{},"ESM-еквівалент:",[5213,6352,6354],{"className":5215,"code":6353,"language":5217,"meta":5218,"style":5218},"\u002F\u002F app.js (ES Modules)\nimport { PI, calculateCircleArea, calculateCircleCircumference } from '.\u002Fmath.js';\n\nconsole.log(PI); \u002F\u002F 3.14159\nconsole.log(calculateCircleArea(5)); \u002F\u002F 78.53975\nconsole.log(calculateCircleCircumference(5)); \u002F\u002F 31.4159\n",[5102,6355,6356,6361,6390,6394,6410,6430],{"__ignoreMap":5218},[5222,6357,6358],{"class":5224,"line":5225},[5222,6359,6360],{"class":5228},"\u002F\u002F app.js (ES Modules)\n",[5222,6362,6363,6365,6368,6370,6372,6374,6376,6379,6382,6385,6388],{"class":5224,"line":5232},[5222,6364,5115],{"class":5670},[5222,6366,6367],{"class":5243}," { ",[5222,6369,5927],{"class":5239},[5222,6371,5105],{"class":5243},[5222,6373,5931],{"class":5239},[5222,6375,5105],{"class":5243},[5222,6377,6378],{"class":5239},"calculateCircleCircumference",[5222,6380,6381],{"class":5243}," } ",[5222,6383,6384],{"class":5670},"from",[5222,6386,6387],{"class":5917}," '.\u002Fmath.js'",[5222,6389,5251],{"class":5243},[5222,6391,6392],{"class":5224,"line":5254},[5222,6393,5524],{"emptyLinePlaceholder":5523},[5222,6395,6396,6398,6400,6402,6404,6406,6408],{"class":5224,"line":5279},[5222,6397,5907],{"class":5239},[5222,6399,5133],{"class":5243},[5222,6401,5912],{"class":5260},[5222,6403,5264],{"class":5243},[5222,6405,5927],{"class":5471},[5222,6407,6288],{"class":5243},[5222,6409,6291],{"class":5228},[5222,6411,6412,6414,6416,6418,6420,6422,6424,6426,6428],{"class":5224,"line":5298},[5222,6413,5907],{"class":5239},[5222,6415,5133],{"class":5243},[5222,6417,5912],{"class":5260},[5222,6419,5264],{"class":5243},[5222,6421,5931],{"class":5260},[5222,6423,5264],{"class":5243},[5222,6425,6313],{"class":5247},[5222,6427,6316],{"class":5243},[5222,6429,6319],{"class":5228},[5222,6431,6432,6434,6436,6438,6440,6442,6444,6446,6448],{"class":5224,"line":5317},[5222,6433,5907],{"class":5239},[5222,6435,5133],{"class":5243},[5222,6437,5912],{"class":5260},[5222,6439,5264],{"class":5243},[5222,6441,6378],{"class":5260},[5222,6443,5264],{"class":5243},[5222,6445,6313],{"class":5247},[5222,6447,6316],{"class":5243},[5222,6449,6345],{"class":5228},[6451,6452,6453,6458],"tip",{},[5195,6454,6455],{},[5145,6456,6457],{},"Шлях до модуля:",[5092,6459,6460,6472,6484],{},[5095,6461,6462,6463,5105,6465,6468,6469,6471],{},"Відносні шляхи: ",[5102,6464,6262],{},[5102,6466,6467],{},"'..\u002Futils\u002Fhelpers'"," — завантажують локальні файли (розширення ",[5102,6470,5829],{}," можна опустити).",[5095,6473,6474,6475,5105,6478,6481,6482,5133],{},"Імена пакетів: ",[5102,6476,6477],{},"'express'",[5102,6479,6480],{},"'lodash'"," — завантажують модулі з ",[5102,6483,5188],{},[5095,6485,6486,6487,5105,6490,5105,6493,6496],{},"Вбудовані модулі: ",[5102,6488,6489],{},"'fs'",[5102,6491,6492],{},"'http'",[5102,6494,6495],{},"'path'"," — завантажують стандартні модулі Node.js без префіксу.",[5203,6498,6500],{"id":6499},"внутрішній-механізм-роботи-commonjs","Внутрішній механізм роботи CommonJS",[5195,6502,6503,6504,6507],{},"Коли Node.js виконує ",[5102,6505,6506],{},"require('.\u002Fmath')",", відбувається наступна послідовність дій:",[6509,6510,6511,6515,6518,6548,6552,6563,6683,6689,6693,6700,6778,6781,6810,6814,6820,6824],"steps",{},[5203,6512,6514],{"id":6513},"крок-1-резолюція-шляху-module-resolution","Крок 1: Резолюція шляху (Module Resolution)",[5195,6516,6517],{},"Node.js визначає абсолютний шлях до файлу модуля:",[5092,6519,6520,6530,6536],{},[5095,6521,6522,6523,5105,6526,6529],{},"Якщо шлях відносний (",[5102,6524,6525],{},".\u002F",[5102,6527,6528],{},"..\u002F",") — резолюція відбувається відносно поточного файлу.",[5095,6531,6532,6533,6535],{},"Якщо це ім'я пакета — Node.js шукає у ",[5102,6534,5188],{}," (спочатку в поточній директорії, потім у батьківських).",[5095,6537,6538,6539,5105,6541,5105,6544,6547],{},"Якщо розширення не вказане — Node.js спробує ",[5102,6540,5829],{},[5102,6542,6543],{},".json",[5102,6545,6546],{},".node"," по черзі.",[5203,6549,6551],{"id":6550},"крок-2-перевірка-кешу-модулів","Крок 2: Перевірка кешу модулів",[5195,6553,6554,6555,6558,6559,6562],{},"Node.js перевіряє глобальний об'єкт ",[5102,6556,6557],{},"require.cache",". Якщо модуль вже завантажувався раніше, повертається ",[5145,6560,6561],{},"кешована версія"," без повторного виконання коду.",[5213,6564,6566],{"className":5215,"code":6565,"language":5217,"meta":5218,"style":5218},"\u002F\u002F math.js (CommonJS — для прикладу)\nconsole.log('Math module loaded');\nmodule.exports = { PI: 3.14 };\n\n\u002F\u002F app.js\nconst math1 = require('.\u002Fmath'); \u002F\u002F Виведе: \"Math module loaded\"\nconst math2 = require('.\u002Fmath'); \u002F\u002F Нічого не виведе (кеш!)\n\nconsole.log(math1 === math2); \u002F\u002F true (той самий об'єкт)\n",[5102,6567,6568,6572,6586,6606,6610,6615,6635,6655,6659],{"__ignoreMap":5218},[5222,6569,6570],{"class":5224,"line":5225},[5222,6571,5956],{"class":5228},[5222,6573,6574,6576,6578,6580,6582,6584],{"class":5224,"line":5232},[5222,6575,5907],{"class":5239},[5222,6577,5133],{"class":5243},[5222,6579,5912],{"class":5260},[5222,6581,5264],{"class":5243},[5222,6583,5918],{"class":5917},[5222,6585,5921],{"class":5243},[5222,6587,6588,6590,6592,6594,6597,6600,6603],{"class":5224,"line":5254},[5222,6589,6057],{"class":6056},[5222,6591,5133],{"class":5243},[5222,6593,6062],{"class":6056},[5222,6595,6596],{"class":5243}," = { ",[5222,6598,6599],{"class":5239},"PI:",[5222,6601,6602],{"class":5247}," 3.14",[5222,6604,6605],{"class":5243}," };\n",[5222,6607,6608],{"class":5224,"line":5279},[5222,6609,5524],{"emptyLinePlaceholder":5523},[5222,6611,6612],{"class":5224,"line":5298},[5222,6613,6614],{"class":5228},"\u002F\u002F app.js\n",[5222,6616,6617,6619,6622,6624,6626,6628,6630,6632],{"class":5224,"line":5317},[5222,6618,5848],{"class":5235},[5222,6620,6621],{"class":5471}," math1",[5222,6623,5244],{"class":5243},[5222,6625,5104],{"class":5260},[5222,6627,5264],{"class":5243},[5222,6629,6262],{"class":5917},[5222,6631,6288],{"class":5243},[5222,6633,6634],{"class":5228},"\u002F\u002F Виведе: \"Math module loaded\"\n",[5222,6636,6637,6639,6642,6644,6646,6648,6650,6652],{"class":5224,"line":5336},[5222,6638,5848],{"class":5235},[5222,6640,6641],{"class":5471}," math2",[5222,6643,5244],{"class":5243},[5222,6645,5104],{"class":5260},[5222,6647,5264],{"class":5243},[5222,6649,6262],{"class":5917},[5222,6651,6288],{"class":5243},[5222,6653,6654],{"class":5228},"\u002F\u002F Нічого не виведе (кеш!)\n",[5222,6656,6657],{"class":5224,"line":5532},[5222,6658,5524],{"emptyLinePlaceholder":5523},[5222,6660,6661,6663,6665,6667,6669,6672,6675,6678,6680],{"class":5224,"line":5545},[5222,6662,5907],{"class":5239},[5222,6664,5133],{"class":5243},[5222,6666,5912],{"class":5260},[5222,6668,5264],{"class":5243},[5222,6670,6671],{"class":5239},"math1",[5222,6673,6674],{"class":5243}," === ",[5222,6676,6677],{"class":5239},"math2",[5222,6679,6288],{"class":5243},[5222,6681,6682],{"class":5228},"\u002F\u002F true (той самий об'єкт)\n",[5195,6684,6685,6688],{},[5145,6686,6687],{},"Примітка:"," В ESM кешування працює інакше — модулі імпортуються як зв'язки (bindings), а не як копії значень.",[5203,6690,6692],{"id":6691},"крок-3-обгортка-модуля-у-функцію","Крок 3: Обгортка модуля у функцію",[5195,6694,6695,6696,6699],{},"Node.js ",[5145,6697,6698],{},"не виконує код модуля напряму",". Спочатку він обгортає його у спеціальну функцію:",[5213,6701,6703],{"className":5215,"code":6702,"language":5217,"meta":5218,"style":5218},"\u002F\u002F Обгортка, яку Node.js створює навколо кожного модуля (CommonJS):\n(function(exports, require, module, __filename, __dirname) {\n  \u002F\u002F ВАШ КОД МОДУЛЯ ТУТ\n  const PI = 3.14159;\n  module.exports = { PI };\n});\n",[5102,6704,6705,6710,6740,6745,6758,6773],{"__ignoreMap":5218},[5222,6706,6707],{"class":5224,"line":5225},[5222,6708,6709],{"class":5228},"\u002F\u002F Обгортка, яку Node.js створює навколо кожного модуля (CommonJS):\n",[5222,6711,6712,6714,6716,6718,6720,6722,6724,6726,6728,6730,6733,6735,6738],{"class":5224,"line":5232},[5222,6713,5264],{"class":5243},[5222,6715,5257],{"class":5235},[5222,6717,5264],{"class":5243},[5222,6719,6062],{"class":5239},[5222,6721,5105],{"class":5243},[5222,6723,5104],{"class":5239},[5222,6725,5105],{"class":5243},[5222,6727,6057],{"class":5239},[5222,6729,5105],{"class":5243},[5222,6731,6732],{"class":5239},"__filename",[5222,6734,5105],{"class":5243},[5222,6736,6737],{"class":5239},"__dirname",[5222,6739,5690],{"class":5243},[5222,6741,6742],{"class":5224,"line":5254},[5222,6743,6744],{"class":5228},"  \u002F\u002F ВАШ КОД МОДУЛЯ ТУТ\n",[5222,6746,6747,6750,6752,6754,6756],{"class":5224,"line":5279},[5222,6748,6749],{"class":5235},"  const",[5222,6751,5851],{"class":5471},[5222,6753,5244],{"class":5243},[5222,6755,5856],{"class":5247},[5222,6757,5251],{"class":5243},[5222,6759,6760,6763,6765,6767,6769,6771],{"class":5224,"line":5298},[5222,6761,6762],{"class":6056},"  module",[5222,6764,5133],{"class":5243},[5222,6766,6062],{"class":6056},[5222,6768,6596],{"class":5243},[5222,6770,5927],{"class":5239},[5222,6772,6605],{"class":5243},[5222,6774,6775],{"class":5224,"line":5317},[5222,6776,6777],{"class":5243},"});\n",[5195,6779,6780],{},"Це створює ізольовану область видимості та надає модулю доступ до:",[5092,6782,6783,6790,6795,6800,6805],{},[5095,6784,6785,6787,6788],{},[5102,6786,6062],{}," — скорочена форма ",[5102,6789,5108],{},[5095,6791,6792,6794],{},[5102,6793,5104],{}," — функція для завантаження інших модулів",[5095,6796,6797,6799],{},[5102,6798,6057],{}," — об'єкт поточного модуля",[5095,6801,6802,6804],{},[5102,6803,6732],{}," — абсолютний шлях до файлу модуля",[5095,6806,6807,6809],{},[5102,6808,6737],{}," — абсолютний шлях до директорії модуля",[5203,6811,6813],{"id":6812},"крок-4-виконання-коду-модуля","Крок 4: Виконання коду модуля",[5195,6815,6816,6817,5133],{},"Node.js викликає обгорткову функцію, передаючи їй аргументи. Код модуля виконується ",[5145,6818,6819],{},"синхронно",[5203,6821,6823],{"id":6822},"крок-5-повернення-moduleexports","Крок 5: Повернення module.exports",[5195,6825,6826,6827,6829,6830,5133],{},"Після виконання модуля Node.js повертає об'єкт ",[5102,6828,5108],{}," у викликаючий код. Цей об'єкт кешується для наступних викликів ",[5102,6831,6236],{},[6833,6834,6836],"plant-uml",{"alt":6835},"Життєвий цикл завантаження модуля CommonJS",[5213,6837,6841],{"className":6838,"code":6839,"language":6840,"meta":5218,"style":5218},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\nstart\n\n:Виклик require('.\u002Fmath');\n\n:Резолюція шляху до файлу;\nnote right\n  .\u002Fmath → .\u002Fmath.js\n  або .\u002Fmath.json\n  або .\u002Fmath.node\nend note\n\nif (Модуль у кеші?) then (Так)\n  :Повернути require.cache[path];\n  stop\nelse (Ні)\n  :Прочитати файл з диска;\n  \n  :Обгорнути код у функцію-обгортку;\n  note right\n    (function(exports, require, module, \n             __filename, __dirname) {\n      \u002F\u002F код модуля\n    })\n  end note\n  \n  :Виконати функцію синхронно;\n  \n  :Додати module.exports у кеш;\n  \n  :Повернути module.exports;\n  \n  stop\nendif\n\n@enduml\n","plantuml",[5102,6842,6843,6848,6853,6858,6862,6867,6871,6876,6880,6885,6890,6895,6900,6905,6910,6914,6919,6924,6930,6936,6942,6947,6953,6959,6965,6971,6977,6983,6989,6994,7000,7005,7011,7016,7022,7027,7032,7038,7043],{"__ignoreMap":5218},[5222,6844,6845],{"class":5224,"line":5225},[5222,6846,6847],{},"@startuml\n",[5222,6849,6850],{"class":5224,"line":5232},[5222,6851,6852],{},"skinparam style plain\n",[5222,6854,6855],{"class":5224,"line":5254},[5222,6856,6857],{},"skinparam backgroundColor #FFFFFF\n",[5222,6859,6860],{"class":5224,"line":5279},[5222,6861,5524],{"emptyLinePlaceholder":5523},[5222,6863,6864],{"class":5224,"line":5298},[5222,6865,6866],{},"start\n",[5222,6868,6869],{"class":5224,"line":5317},[5222,6870,5524],{"emptyLinePlaceholder":5523},[5222,6872,6873],{"class":5224,"line":5336},[5222,6874,6875],{},":Виклик require('.\u002Fmath');\n",[5222,6877,6878],{"class":5224,"line":5532},[5222,6879,5524],{"emptyLinePlaceholder":5523},[5222,6881,6882],{"class":5224,"line":5545},[5222,6883,6884],{},":Резолюція шляху до файлу;\n",[5222,6886,6887],{"class":5224,"line":5557},[5222,6888,6889],{},"note right\n",[5222,6891,6892],{"class":5224,"line":5577},[5222,6893,6894],{},"  .\u002Fmath → .\u002Fmath.js\n",[5222,6896,6897],{"class":5224,"line":5722},[5222,6898,6899],{},"  або .\u002Fmath.json\n",[5222,6901,6902],{"class":5224,"line":5734},[5222,6903,6904],{},"  або .\u002Fmath.node\n",[5222,6906,6907],{"class":5224,"line":5743},[5222,6908,6909],{},"end note\n",[5222,6911,6912],{"class":5224,"line":5749},[5222,6913,5524],{"emptyLinePlaceholder":5523},[5222,6915,6916],{"class":5224,"line":5755},[5222,6917,6918],{},"if (Модуль у кеші?) then (Так)\n",[5222,6920,6921],{"class":5224,"line":6094},[5222,6922,6923],{},"  :Повернути require.cache[path];\n",[5222,6925,6927],{"class":5224,"line":6926},18,[5222,6928,6929],{},"  stop\n",[5222,6931,6933],{"class":5224,"line":6932},19,[5222,6934,6935],{},"else (Ні)\n",[5222,6937,6939],{"class":5224,"line":6938},20,[5222,6940,6941],{},"  :Прочитати файл з диска;\n",[5222,6943,6945],{"class":5224,"line":6944},21,[5222,6946,5660],{},[5222,6948,6950],{"class":5224,"line":6949},22,[5222,6951,6952],{},"  :Обгорнути код у функцію-обгортку;\n",[5222,6954,6956],{"class":5224,"line":6955},23,[5222,6957,6958],{},"  note right\n",[5222,6960,6962],{"class":5224,"line":6961},24,[5222,6963,6964],{},"    (function(exports, require, module, \n",[5222,6966,6968],{"class":5224,"line":6967},25,[5222,6969,6970],{},"             __filename, __dirname) {\n",[5222,6972,6974],{"class":5224,"line":6973},26,[5222,6975,6976],{},"      \u002F\u002F код модуля\n",[5222,6978,6980],{"class":5224,"line":6979},27,[5222,6981,6982],{},"    })\n",[5222,6984,6986],{"class":5224,"line":6985},28,[5222,6987,6988],{},"  end note\n",[5222,6990,6992],{"class":5224,"line":6991},29,[5222,6993,5660],{},[5222,6995,6997],{"class":5224,"line":6996},30,[5222,6998,6999],{},"  :Виконати функцію синхронно;\n",[5222,7001,7003],{"class":5224,"line":7002},31,[5222,7004,5660],{},[5222,7006,7008],{"class":5224,"line":7007},32,[5222,7009,7010],{},"  :Додати module.exports у кеш;\n",[5222,7012,7014],{"class":5224,"line":7013},33,[5222,7015,5660],{},[5222,7017,7019],{"class":5224,"line":7018},34,[5222,7020,7021],{},"  :Повернути module.exports;\n",[5222,7023,7025],{"class":5224,"line":7024},35,[5222,7026,5660],{},[5222,7028,7030],{"class":5224,"line":7029},36,[5222,7031,6929],{},[5222,7033,7035],{"class":5224,"line":7034},37,[5222,7036,7037],{},"endif\n",[5222,7039,7041],{"class":5224,"line":7040},38,[5222,7042,5524],{"emptyLinePlaceholder":5523},[5222,7044,7046],{"class":5224,"line":7045},39,[5222,7047,7048],{},"@enduml\n",[5203,7050,7052],{"id":7051},"варіації-експорту-у-commonjs","Варіації експорту у CommonJS",[5195,7054,7055],{},[5145,7056,7057],{},"Спосіб 1: Експорт об'єкта з методами",[5213,7059,7061],{"className":5215,"code":7060,"language":5217,"meta":5218,"style":5218},"\u002F\u002F logger.js (CommonJS — для прикладу)\nmodule.exports = {\n  info: function(message) {\n    console.log('[INFO]', message);\n  },\n  error: function(message) {\n    console.error('[ERROR]', message);\n  }\n};\n\n\u002F\u002F Використання\nconst logger = require('.\u002Flogger');\nlogger.info('Server started');\n",[5102,7062,7063,7068,7078,7094,7114,7119,7134,7154,7159,7163,7167,7172,7190],{"__ignoreMap":5218},[5222,7064,7065],{"class":5224,"line":5225},[5222,7066,7067],{"class":5228},"\u002F\u002F logger.js (CommonJS — для прикладу)\n",[5222,7069,7070,7072,7074,7076],{"class":5224,"line":5232},[5222,7071,6057],{"class":6056},[5222,7073,5133],{"class":5243},[5222,7075,6062],{"class":6056},[5222,7077,5492],{"class":5243},[5222,7079,7080,7083,7085,7087,7089,7092],{"class":5224,"line":5254},[5222,7081,7082],{"class":5260},"  info",[5222,7084,5500],{"class":5239},[5222,7086,5503],{"class":5235},[5222,7088,5264],{"class":5243},[5222,7090,7091],{"class":5239},"message",[5222,7093,5690],{"class":5243},[5222,7095,7096,7099,7101,7103,7105,7108,7110,7112],{"class":5224,"line":5279},[5222,7097,7098],{"class":5239},"    console",[5222,7100,5133],{"class":5243},[5222,7102,5912],{"class":5260},[5222,7104,5264],{"class":5243},[5222,7106,7107],{"class":5917},"'[INFO]'",[5222,7109,5105],{"class":5243},[5222,7111,7091],{"class":5239},[5222,7113,5921],{"class":5243},[5222,7115,7116],{"class":5224,"line":5298},[5222,7117,7118],{"class":5243},"  },\n",[5222,7120,7121,7124,7126,7128,7130,7132],{"class":5224,"line":5317},[5222,7122,7123],{"class":5260},"  error",[5222,7125,5500],{"class":5239},[5222,7127,5503],{"class":5235},[5222,7129,5264],{"class":5243},[5222,7131,7091],{"class":5239},[5222,7133,5690],{"class":5243},[5222,7135,7136,7138,7140,7143,7145,7148,7150,7152],{"class":5224,"line":5336},[5222,7137,7098],{"class":5239},[5222,7139,5133],{"class":5243},[5222,7141,7142],{"class":5260},"error",[5222,7144,5264],{"class":5243},[5222,7146,7147],{"class":5917},"'[ERROR]'",[5222,7149,5105],{"class":5243},[5222,7151,7091],{"class":5239},[5222,7153,5921],{"class":5243},[5222,7155,7156],{"class":5224,"line":5532},[5222,7157,7158],{"class":5243},"  }\n",[5222,7160,7161],{"class":5224,"line":5545},[5222,7162,5518],{"class":5243},[5222,7164,7165],{"class":5224,"line":5557},[5222,7166,5524],{"emptyLinePlaceholder":5523},[5222,7168,7169],{"class":5224,"line":5577},[5222,7170,7171],{"class":5228},"\u002F\u002F Використання\n",[5222,7173,7174,7176,7179,7181,7183,7185,7188],{"class":5224,"line":5722},[5222,7175,5848],{"class":5235},[5222,7177,7178],{"class":5471}," logger",[5222,7180,5244],{"class":5243},[5222,7182,5104],{"class":5260},[5222,7184,5264],{"class":5243},[5222,7186,7187],{"class":5917},"'.\u002Flogger'",[5222,7189,5921],{"class":5243},[5222,7191,7192,7195,7197,7200,7202,7205],{"class":5224,"line":5734},[5222,7193,7194],{"class":5239},"logger",[5222,7196,5133],{"class":5243},[5222,7198,7199],{"class":5260},"info",[5222,7201,5264],{"class":5243},[5222,7203,7204],{"class":5917},"'Server started'",[5222,7206,5921],{"class":5243},[5195,7208,7209],{},[5145,7210,6350],{},[5213,7212,7216],{"className":7213,"code":7214,"language":7215,"meta":5218,"style":5218},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","\u002F\u002F logger.ts (ES Modules)\nexport function info(message: string): void {\n  console.log('[INFO]', message);\n}\n\nexport function error(message: string): void {\n  console.error('[ERROR]', message);\n}\n\n\u002F\u002F Використання\nimport { info, error } from '.\u002Flogger.js';\ninfo('Server started');\n","typescript",[5102,7217,7218,7223,7248,7267,7271,7275,7298,7316,7320,7324,7328,7349],{"__ignoreMap":5218},[5222,7219,7220],{"class":5224,"line":5225},[5222,7221,7222],{"class":5228},"\u002F\u002F logger.ts (ES Modules)\n",[5222,7224,7225,7227,7229,7232,7234,7236,7238,7241,7243,7246],{"class":5224,"line":5232},[5222,7226,5118],{"class":5670},[5222,7228,5503],{"class":5235},[5222,7230,7231],{"class":5260}," info",[5222,7233,5264],{"class":5243},[5222,7235,7091],{"class":5239},[5222,7237,6123],{"class":5243},[5222,7239,7240],{"class":6056},"string",[5222,7242,6155],{"class":5243},[5222,7244,7245],{"class":6056},"void",[5222,7247,5674],{"class":5243},[5222,7249,7250,7253,7255,7257,7259,7261,7263,7265],{"class":5224,"line":5254},[5222,7251,7252],{"class":5239},"  console",[5222,7254,5133],{"class":5243},[5222,7256,5912],{"class":5260},[5222,7258,5264],{"class":5243},[5222,7260,7107],{"class":5917},[5222,7262,5105],{"class":5243},[5222,7264,7091],{"class":5239},[5222,7266,5921],{"class":5243},[5222,7268,7269],{"class":5224,"line":5279},[5222,7270,5898],{"class":5243},[5222,7272,7273],{"class":5224,"line":5298},[5222,7274,5524],{"emptyLinePlaceholder":5523},[5222,7276,7277,7279,7281,7284,7286,7288,7290,7292,7294,7296],{"class":5224,"line":5317},[5222,7278,5118],{"class":5670},[5222,7280,5503],{"class":5235},[5222,7282,7283],{"class":5260}," error",[5222,7285,5264],{"class":5243},[5222,7287,7091],{"class":5239},[5222,7289,6123],{"class":5243},[5222,7291,7240],{"class":6056},[5222,7293,6155],{"class":5243},[5222,7295,7245],{"class":6056},[5222,7297,5674],{"class":5243},[5222,7299,7300,7302,7304,7306,7308,7310,7312,7314],{"class":5224,"line":5336},[5222,7301,7252],{"class":5239},[5222,7303,5133],{"class":5243},[5222,7305,7142],{"class":5260},[5222,7307,5264],{"class":5243},[5222,7309,7147],{"class":5917},[5222,7311,5105],{"class":5243},[5222,7313,7091],{"class":5239},[5222,7315,5921],{"class":5243},[5222,7317,7318],{"class":5224,"line":5532},[5222,7319,5898],{"class":5243},[5222,7321,7322],{"class":5224,"line":5545},[5222,7323,5524],{"emptyLinePlaceholder":5523},[5222,7325,7326],{"class":5224,"line":5557},[5222,7327,7171],{"class":5228},[5222,7329,7330,7332,7334,7336,7338,7340,7342,7344,7347],{"class":5224,"line":5577},[5222,7331,5115],{"class":5670},[5222,7333,6367],{"class":5243},[5222,7335,7199],{"class":5239},[5222,7337,5105],{"class":5243},[5222,7339,7142],{"class":5239},[5222,7341,6381],{"class":5243},[5222,7343,6384],{"class":5670},[5222,7345,7346],{"class":5917}," '.\u002Flogger.js'",[5222,7348,5251],{"class":5243},[5222,7350,7351,7353,7355,7357],{"class":5224,"line":5722},[5222,7352,7199],{"class":5260},[5222,7354,5264],{"class":5243},[5222,7356,7204],{"class":5917},[5222,7358,5921],{"class":5243},[5195,7360,7361],{},[5145,7362,7363],{},"Спосіб 2: Експорт функції",[5213,7365,7367],{"className":5215,"code":7366,"language":5217,"meta":5218,"style":5218},"\u002F\u002F createServer.js (CommonJS — для прикладу)\nmodule.exports = function(port) {\n  const server = require('http').createServer();\n  server.listen(port);\n  return server;\n};\n\n\u002F\u002F Використання\nconst createServer = require('.\u002FcreateServer');\nconst server = createServer(3000);\n",[5102,7368,7369,7374,7393,7415,7431,7439,7443,7447,7451,7469],{"__ignoreMap":5218},[5222,7370,7371],{"class":5224,"line":5225},[5222,7372,7373],{"class":5228},"\u002F\u002F createServer.js (CommonJS — для прикладу)\n",[5222,7375,7376,7378,7380,7382,7384,7386,7388,7391],{"class":5224,"line":5232},[5222,7377,6057],{"class":6056},[5222,7379,5133],{"class":5243},[5222,7381,6062],{"class":6056},[5222,7383,5244],{"class":5243},[5222,7385,5257],{"class":5235},[5222,7387,5264],{"class":5243},[5222,7389,7390],{"class":5239},"port",[5222,7392,5690],{"class":5243},[5222,7394,7395,7397,7400,7402,7404,7406,7408,7410,7413],{"class":5224,"line":5254},[5222,7396,6749],{"class":5235},[5222,7398,7399],{"class":5471}," server",[5222,7401,5244],{"class":5243},[5222,7403,5104],{"class":5260},[5222,7405,5264],{"class":5243},[5222,7407,6492],{"class":5917},[5222,7409,5170],{"class":5243},[5222,7411,7412],{"class":5260},"createServer",[5222,7414,5714],{"class":5243},[5222,7416,7417,7420,7422,7425,7427,7429],{"class":5224,"line":5279},[5222,7418,7419],{"class":5239},"  server",[5222,7421,5133],{"class":5243},[5222,7423,7424],{"class":5260},"listen",[5222,7426,5264],{"class":5243},[5222,7428,7390],{"class":5239},[5222,7430,5921],{"class":5243},[5222,7432,7433,7435,7437],{"class":5224,"line":5298},[5222,7434,5671],{"class":5670},[5222,7436,7399],{"class":5239},[5222,7438,5251],{"class":5243},[5222,7440,7441],{"class":5224,"line":5317},[5222,7442,5518],{"class":5243},[5222,7444,7445],{"class":5224,"line":5336},[5222,7446,5524],{"emptyLinePlaceholder":5523},[5222,7448,7449],{"class":5224,"line":5532},[5222,7450,7171],{"class":5228},[5222,7452,7453,7455,7458,7460,7462,7464,7467],{"class":5224,"line":5545},[5222,7454,5848],{"class":5235},[5222,7456,7457],{"class":5471}," createServer",[5222,7459,5244],{"class":5243},[5222,7461,5104],{"class":5260},[5222,7463,5264],{"class":5243},[5222,7465,7466],{"class":5917},"'.\u002FcreateServer'",[5222,7468,5921],{"class":5243},[5222,7470,7471,7473,7475,7477,7479,7481,7484],{"class":5224,"line":5557},[5222,7472,5848],{"class":5235},[5222,7474,7399],{"class":5471},[5222,7476,5244],{"class":5243},[5222,7478,7412],{"class":5260},[5222,7480,5264],{"class":5243},[5222,7482,7483],{"class":5247},"3000",[5222,7485,5921],{"class":5243},[5195,7487,7488],{},[5145,7489,6350],{},[5213,7491,7493],{"className":7213,"code":7492,"language":7215,"meta":5218,"style":5218},"\u002F\u002F createServer.ts (ES Modules)\nimport http from 'node:http';\n\nexport default function createServer(port: number): http.Server {\n  const server = http.createServer();\n  server.listen(port);\n  return server;\n}\n\n\u002F\u002F Використання\nimport createServer from '.\u002FcreateServer.js';\nconst server = createServer(3000);\n",[5102,7494,7495,7500,7515,7519,7550,7566,7580,7588,7592,7596,7600,7613],{"__ignoreMap":5218},[5222,7496,7497],{"class":5224,"line":5225},[5222,7498,7499],{"class":5228},"\u002F\u002F createServer.ts (ES Modules)\n",[5222,7501,7502,7504,7507,7510,7513],{"class":5224,"line":5232},[5222,7503,5115],{"class":5670},[5222,7505,7506],{"class":5239}," http",[5222,7508,7509],{"class":5670}," from",[5222,7511,7512],{"class":5917}," 'node:http'",[5222,7514,5251],{"class":5243},[5222,7516,7517],{"class":5224,"line":5254},[5222,7518,5524],{"emptyLinePlaceholder":5523},[5222,7520,7521,7523,7526,7528,7530,7532,7534,7536,7538,7540,7543,7545,7548],{"class":5224,"line":5279},[5222,7522,5118],{"class":5670},[5222,7524,7525],{"class":5670}," default",[5222,7527,5503],{"class":5235},[5222,7529,7457],{"class":5260},[5222,7531,5264],{"class":5243},[5222,7533,7390],{"class":5239},[5222,7535,6123],{"class":5243},[5222,7537,6126],{"class":6056},[5222,7539,6155],{"class":5243},[5222,7541,7542],{"class":6056},"http",[5222,7544,5133],{"class":5243},[5222,7546,7547],{"class":6056},"Server",[5222,7549,5674],{"class":5243},[5222,7551,7552,7554,7556,7558,7560,7562,7564],{"class":5224,"line":5298},[5222,7553,6749],{"class":5235},[5222,7555,7399],{"class":5471},[5222,7557,5244],{"class":5243},[5222,7559,7542],{"class":5239},[5222,7561,5133],{"class":5243},[5222,7563,7412],{"class":5260},[5222,7565,5714],{"class":5243},[5222,7567,7568,7570,7572,7574,7576,7578],{"class":5224,"line":5317},[5222,7569,7419],{"class":5239},[5222,7571,5133],{"class":5243},[5222,7573,7424],{"class":5260},[5222,7575,5264],{"class":5243},[5222,7577,7390],{"class":5239},[5222,7579,5921],{"class":5243},[5222,7581,7582,7584,7586],{"class":5224,"line":5336},[5222,7583,5671],{"class":5670},[5222,7585,7399],{"class":5239},[5222,7587,5251],{"class":5243},[5222,7589,7590],{"class":5224,"line":5532},[5222,7591,5898],{"class":5243},[5222,7593,7594],{"class":5224,"line":5545},[5222,7595,5524],{"emptyLinePlaceholder":5523},[5222,7597,7598],{"class":5224,"line":5557},[5222,7599,7171],{"class":5228},[5222,7601,7602,7604,7606,7608,7611],{"class":5224,"line":5577},[5222,7603,5115],{"class":5670},[5222,7605,7457],{"class":5239},[5222,7607,7509],{"class":5670},[5222,7609,7610],{"class":5917}," '.\u002FcreateServer.js'",[5222,7612,5251],{"class":5243},[5222,7614,7615,7617,7619,7621,7623,7625,7627],{"class":5224,"line":5722},[5222,7616,5848],{"class":5235},[5222,7618,7399],{"class":5471},[5222,7620,5244],{"class":5243},[5222,7622,7412],{"class":5260},[5222,7624,5264],{"class":5243},[5222,7626,7483],{"class":5247},[5222,7628,5921],{"class":5243},[5195,7630,7631],{},[5145,7632,7633],{},"Спосіб 3: Експорт класу",[5213,7635,7637],{"className":5215,"code":7636,"language":5217,"meta":5218,"style":5218},"\u002F\u002F User.js (CommonJS — для прикладу)\nclass User {\n  constructor(name, email) {\n    this.name = name;\n    this.email = email;\n  }\n  \n  greet() {\n    return `Hello, ${this.name}!`;\n  }\n}\n\nmodule.exports = User;\n\n\u002F\u002F Використання\nconst User = require('.\u002FUser');\nconst user = new User('Alice', 'alice@example.com');\nconsole.log(user.greet());\n",[5102,7638,7639,7644,7654,7669,7684,7698,7702,7706,7713,7739,7743,7747,7751,7766,7770,7774,7791,7817],{"__ignoreMap":5218},[5222,7640,7641],{"class":5224,"line":5225},[5222,7642,7643],{"class":5228},"\u002F\u002F User.js (CommonJS — для прикладу)\n",[5222,7645,7646,7649,7652],{"class":5224,"line":5232},[5222,7647,7648],{"class":5235},"class",[5222,7650,7651],{"class":6056}," User",[5222,7653,5674],{"class":5243},[5222,7655,7656,7659,7661,7663,7665,7667],{"class":5224,"line":5254},[5222,7657,7658],{"class":5235},"  constructor",[5222,7660,5264],{"class":5243},[5222,7662,5267],{"class":5239},[5222,7664,5105],{"class":5243},[5222,7666,5327],{"class":5239},[5222,7668,5690],{"class":5243},[5222,7670,7671,7674,7676,7678,7680,7682],{"class":5224,"line":5279},[5222,7672,7673],{"class":5235},"    this",[5222,7675,5133],{"class":5243},[5222,7677,5267],{"class":5239},[5222,7679,5244],{"class":5243},[5222,7681,5267],{"class":5239},[5222,7683,5251],{"class":5243},[5222,7685,7686,7688,7690,7692,7694,7696],{"class":5224,"line":5298},[5222,7687,7673],{"class":5235},[5222,7689,5133],{"class":5243},[5222,7691,5327],{"class":5239},[5222,7693,5244],{"class":5243},[5222,7695,5327],{"class":5239},[5222,7697,5251],{"class":5243},[5222,7699,7700],{"class":5224,"line":5317},[5222,7701,7158],{"class":5243},[5222,7703,7704],{"class":5224,"line":5336},[5222,7705,5660],{"class":5243},[5222,7707,7708,7711],{"class":5224,"line":5532},[5222,7709,7710],{"class":5260},"  greet",[5222,7712,5636],{"class":5243},[5222,7714,7715,7718,7721,7724,7727,7729,7731,7734,7737],{"class":5224,"line":5545},[5222,7716,7717],{"class":5670},"    return",[5222,7719,7720],{"class":5917}," `Hello, ",[5222,7722,7723],{"class":5235},"${",[5222,7725,7726],{"class":5235},"this",[5222,7728,5133],{"class":5384},[5222,7730,5267],{"class":5239},[5222,7732,7733],{"class":5235},"}",[5222,7735,7736],{"class":5917},"!`",[5222,7738,5251],{"class":5243},[5222,7740,7741],{"class":5224,"line":5557},[5222,7742,7158],{"class":5243},[5222,7744,7745],{"class":5224,"line":5577},[5222,7746,5898],{"class":5243},[5222,7748,7749],{"class":5224,"line":5722},[5222,7750,5524],{"emptyLinePlaceholder":5523},[5222,7752,7753,7755,7757,7759,7761,7764],{"class":5224,"line":5734},[5222,7754,6057],{"class":6056},[5222,7756,5133],{"class":5243},[5222,7758,6062],{"class":6056},[5222,7760,5244],{"class":5243},[5222,7762,7763],{"class":5239},"User",[5222,7765,5251],{"class":5243},[5222,7767,7768],{"class":5224,"line":5743},[5222,7769,5524],{"emptyLinePlaceholder":5523},[5222,7771,7772],{"class":5224,"line":5749},[5222,7773,7171],{"class":5228},[5222,7775,7776,7778,7780,7782,7784,7786,7789],{"class":5224,"line":5755},[5222,7777,5848],{"class":5235},[5222,7779,7651],{"class":5471},[5222,7781,5244],{"class":5243},[5222,7783,5104],{"class":5260},[5222,7785,5264],{"class":5243},[5222,7787,7788],{"class":5917},"'.\u002FUser'",[5222,7790,5921],{"class":5243},[5222,7792,7793,7795,7798,7800,7803,7805,7807,7810,7812,7815],{"class":5224,"line":6094},[5222,7794,5848],{"class":5235},[5222,7796,7797],{"class":5471}," user",[5222,7799,5244],{"class":5243},[5222,7801,7802],{"class":5235},"new",[5222,7804,7651],{"class":5260},[5222,7806,5264],{"class":5243},[5222,7808,7809],{"class":5917},"'Alice'",[5222,7811,5105],{"class":5243},[5222,7813,7814],{"class":5917},"'alice@example.com'",[5222,7816,5921],{"class":5243},[5222,7818,7819,7821,7823,7825,7827,7830,7832,7835],{"class":5224,"line":6926},[5222,7820,5907],{"class":5239},[5222,7822,5133],{"class":5243},[5222,7824,5912],{"class":5260},[5222,7826,5264],{"class":5243},[5222,7828,7829],{"class":5239},"user",[5222,7831,5133],{"class":5243},[5222,7833,7834],{"class":5260},"greet",[5222,7836,7837],{"class":5243},"());\n",[5195,7839,7840],{},[5145,7841,6350],{},[5213,7843,7845],{"className":7213,"code":7844,"language":7215,"meta":5218,"style":5218},"\u002F\u002F User.ts (ES Modules)\nexport class User {\n  constructor(\n    public readonly name: string,\n    public readonly email: string\n  ) {}\n\n  greet(): string {\n    return `Hello, ${this.name}!`;\n  }\n}\n\n\u002F\u002F Використання\nimport { User } from '.\u002FUser.js';\nconst user = new User('Alice', 'alice@example.com');\nconsole.log(user.greet());\n",[5102,7846,7847,7852,7863,7870,7887,7901,7906,7910,7921,7941,7945,7949,7953,7957,7974,7996],{"__ignoreMap":5218},[5222,7848,7849],{"class":5224,"line":5225},[5222,7850,7851],{"class":5228},"\u002F\u002F User.ts (ES Modules)\n",[5222,7853,7854,7856,7859,7861],{"class":5224,"line":5232},[5222,7855,5118],{"class":5670},[5222,7857,7858],{"class":5235}," class",[5222,7860,7651],{"class":6056},[5222,7862,5674],{"class":5243},[5222,7864,7865,7867],{"class":5224,"line":5254},[5222,7866,7658],{"class":5235},[5222,7868,7869],{"class":5243},"(\n",[5222,7871,7872,7875,7878,7881,7883,7885],{"class":5224,"line":5279},[5222,7873,7874],{"class":5235},"    public",[5222,7876,7877],{"class":5235}," readonly",[5222,7879,7880],{"class":5239}," name",[5222,7882,6123],{"class":5243},[5222,7884,7240],{"class":6056},[5222,7886,6074],{"class":5243},[5222,7888,7889,7891,7893,7896,7898],{"class":5224,"line":5298},[5222,7890,7874],{"class":5235},[5222,7892,7877],{"class":5235},[5222,7894,7895],{"class":5239}," email",[5222,7897,6123],{"class":5243},[5222,7899,7900],{"class":6056},"string\n",[5222,7902,7903],{"class":5224,"line":5317},[5222,7904,7905],{"class":5243},"  ) {}\n",[5222,7907,7908],{"class":5224,"line":5336},[5222,7909,5524],{"emptyLinePlaceholder":5523},[5222,7911,7912,7914,7917,7919],{"class":5224,"line":5532},[5222,7913,7710],{"class":5260},[5222,7915,7916],{"class":5243},"(): ",[5222,7918,7240],{"class":6056},[5222,7920,5674],{"class":5243},[5222,7922,7923,7925,7927,7929,7931,7933,7935,7937,7939],{"class":5224,"line":5545},[5222,7924,7717],{"class":5670},[5222,7926,7720],{"class":5917},[5222,7928,7723],{"class":5235},[5222,7930,7726],{"class":5235},[5222,7932,5133],{"class":5384},[5222,7934,5267],{"class":5239},[5222,7936,7733],{"class":5235},[5222,7938,7736],{"class":5917},[5222,7940,5251],{"class":5243},[5222,7942,7943],{"class":5224,"line":5557},[5222,7944,7158],{"class":5243},[5222,7946,7947],{"class":5224,"line":5577},[5222,7948,5898],{"class":5243},[5222,7950,7951],{"class":5224,"line":5722},[5222,7952,5524],{"emptyLinePlaceholder":5523},[5222,7954,7955],{"class":5224,"line":5734},[5222,7956,7171],{"class":5228},[5222,7958,7959,7961,7963,7965,7967,7969,7972],{"class":5224,"line":5743},[5222,7960,5115],{"class":5670},[5222,7962,6367],{"class":5243},[5222,7964,7763],{"class":5239},[5222,7966,6381],{"class":5243},[5222,7968,6384],{"class":5670},[5222,7970,7971],{"class":5917}," '.\u002FUser.js'",[5222,7973,5251],{"class":5243},[5222,7975,7976,7978,7980,7982,7984,7986,7988,7990,7992,7994],{"class":5224,"line":5749},[5222,7977,5848],{"class":5235},[5222,7979,7797],{"class":5471},[5222,7981,5244],{"class":5243},[5222,7983,7802],{"class":5235},[5222,7985,7651],{"class":5260},[5222,7987,5264],{"class":5243},[5222,7989,7809],{"class":5917},[5222,7991,5105],{"class":5243},[5222,7993,7814],{"class":5917},[5222,7995,5921],{"class":5243},[5222,7997,7998,8000,8002,8004,8006,8008,8010,8012],{"class":5224,"line":5755},[5222,7999,5907],{"class":5239},[5222,8001,5133],{"class":5243},[5222,8003,5912],{"class":5260},[5222,8005,5264],{"class":5243},[5222,8007,7829],{"class":5239},[5222,8009,5133],{"class":5243},[5222,8011,7834],{"class":5260},[5222,8013,7837],{"class":5243},[5195,8015,8016],{},[5145,8017,8018],{},"Спосіб 4: Поступове додавання до exports",[5213,8020,8022],{"className":5215,"code":8021,"language":5217,"meta":5218,"style":5218},"\u002F\u002F utils.js (CommonJS — для прикладу)\nexports.formatDate = function(date) {\n  return date.toISOString();\n};\n\nexports.capitalize = function(str) {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n};\n\nexports.VERSION = '1.0.0';\n\n\u002F\u002F Використання\nconst utils = require('.\u002Futils');\nconsole.log(utils.formatDate(new Date()));\n",[5102,8023,8024,8029,8048,8060,8064,8068,8088,8126,8130,8134,8150,8154,8158,8176],{"__ignoreMap":5218},[5222,8025,8026],{"class":5224,"line":5225},[5222,8027,8028],{"class":5228},"\u002F\u002F utils.js (CommonJS — для прикладу)\n",[5222,8030,8031,8033,8035,8038,8040,8042,8044,8046],{"class":5224,"line":5232},[5222,8032,6062],{"class":6056},[5222,8034,5133],{"class":5243},[5222,8036,8037],{"class":5260},"formatDate",[5222,8039,5244],{"class":5243},[5222,8041,5257],{"class":5235},[5222,8043,5264],{"class":5243},[5222,8045,5308],{"class":5239},[5222,8047,5690],{"class":5243},[5222,8049,8050,8052,8054,8056,8058],{"class":5224,"line":5254},[5222,8051,5671],{"class":5670},[5222,8053,5706],{"class":5239},[5222,8055,5133],{"class":5243},[5222,8057,5711],{"class":5260},[5222,8059,5714],{"class":5243},[5222,8061,8062],{"class":5224,"line":5279},[5222,8063,5518],{"class":5243},[5222,8065,8066],{"class":5224,"line":5298},[5222,8067,5524],{"emptyLinePlaceholder":5523},[5222,8069,8070,8072,8074,8077,8079,8081,8083,8086],{"class":5224,"line":5317},[5222,8071,6062],{"class":6056},[5222,8073,5133],{"class":5243},[5222,8075,8076],{"class":5260},"capitalize",[5222,8078,5244],{"class":5243},[5222,8080,5257],{"class":5235},[5222,8082,5264],{"class":5243},[5222,8084,8085],{"class":5239},"str",[5222,8087,5690],{"class":5243},[5222,8089,8090,8092,8095,8097,8100,8102,8104,8106,8109,8112,8114,8116,8119,8121,8124],{"class":5224,"line":5336},[5222,8091,5671],{"class":5670},[5222,8093,8094],{"class":5239}," str",[5222,8096,5133],{"class":5243},[5222,8098,8099],{"class":5260},"charAt",[5222,8101,5264],{"class":5243},[5222,8103,5248],{"class":5247},[5222,8105,5170],{"class":5243},[5222,8107,8108],{"class":5260},"toUpperCase",[5222,8110,8111],{"class":5243},"() + ",[5222,8113,8085],{"class":5239},[5222,8115,5133],{"class":5243},[5222,8117,8118],{"class":5260},"slice",[5222,8120,5264],{"class":5243},[5222,8122,8123],{"class":5247},"1",[5222,8125,5921],{"class":5243},[5222,8127,8128],{"class":5224,"line":5532},[5222,8129,5518],{"class":5243},[5222,8131,8132],{"class":5224,"line":5545},[5222,8133,5524],{"emptyLinePlaceholder":5523},[5222,8135,8136,8138,8140,8143,8145,8148],{"class":5224,"line":5557},[5222,8137,6062],{"class":6056},[5222,8139,5133],{"class":5243},[5222,8141,8142],{"class":5471},"VERSION",[5222,8144,5244],{"class":5243},[5222,8146,8147],{"class":5917},"'1.0.0'",[5222,8149,5251],{"class":5243},[5222,8151,8152],{"class":5224,"line":5577},[5222,8153,5524],{"emptyLinePlaceholder":5523},[5222,8155,8156],{"class":5224,"line":5722},[5222,8157,7171],{"class":5228},[5222,8159,8160,8162,8165,8167,8169,8171,8174],{"class":5224,"line":5734},[5222,8161,5848],{"class":5235},[5222,8163,8164],{"class":5471}," utils",[5222,8166,5244],{"class":5243},[5222,8168,5104],{"class":5260},[5222,8170,5264],{"class":5243},[5222,8172,8173],{"class":5917},"'.\u002Futils'",[5222,8175,5921],{"class":5243},[5222,8177,8178,8180,8182,8184,8186,8188,8190,8192,8194,8196,8199],{"class":5224,"line":5743},[5222,8179,5907],{"class":5239},[5222,8181,5133],{"class":5243},[5222,8183,5912],{"class":5260},[5222,8185,5264],{"class":5243},[5222,8187,5489],{"class":5239},[5222,8189,5133],{"class":5243},[5222,8191,8037],{"class":5260},[5222,8193,5264],{"class":5243},[5222,8195,7802],{"class":5235},[5222,8197,8198],{"class":5260}," Date",[5222,8200,8201],{"class":5243},"()));\n",[5195,8203,8204],{},[5145,8205,6350],{},[5213,8207,8209],{"className":7213,"code":8208,"language":7215,"meta":5218,"style":5218},"\u002F\u002F utils.ts (ES Modules)\nexport function formatDate(date: Date): string {\n  return date.toISOString();\n}\n\nexport function capitalize(str: string): string {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\nexport const VERSION: string = '1.0.0';\n\n\u002F\u002F Використання\nimport { formatDate } from '.\u002Futils.js';\nconsole.log(formatDate(new Date()));\n",[5102,8210,8211,8216,8239,8251,8255,8259,8282,8314,8318,8322,8341,8345,8349,8366],{"__ignoreMap":5218},[5222,8212,8213],{"class":5224,"line":5225},[5222,8214,8215],{"class":5228},"\u002F\u002F utils.ts (ES Modules)\n",[5222,8217,8218,8220,8222,8224,8226,8228,8230,8233,8235,8237],{"class":5224,"line":5232},[5222,8219,5118],{"class":5670},[5222,8221,5503],{"class":5235},[5222,8223,5303],{"class":5260},[5222,8225,5264],{"class":5243},[5222,8227,5308],{"class":5239},[5222,8229,6123],{"class":5243},[5222,8231,8232],{"class":6056},"Date",[5222,8234,6155],{"class":5243},[5222,8236,7240],{"class":6056},[5222,8238,5674],{"class":5243},[5222,8240,8241,8243,8245,8247,8249],{"class":5224,"line":5254},[5222,8242,5671],{"class":5670},[5222,8244,5706],{"class":5239},[5222,8246,5133],{"class":5243},[5222,8248,5711],{"class":5260},[5222,8250,5714],{"class":5243},[5222,8252,8253],{"class":5224,"line":5279},[5222,8254,5898],{"class":5243},[5222,8256,8257],{"class":5224,"line":5298},[5222,8258,5524],{"emptyLinePlaceholder":5523},[5222,8260,8261,8263,8265,8268,8270,8272,8274,8276,8278,8280],{"class":5224,"line":5317},[5222,8262,5118],{"class":5670},[5222,8264,5503],{"class":5235},[5222,8266,8267],{"class":5260}," capitalize",[5222,8269,5264],{"class":5243},[5222,8271,8085],{"class":5239},[5222,8273,6123],{"class":5243},[5222,8275,7240],{"class":6056},[5222,8277,6155],{"class":5243},[5222,8279,7240],{"class":6056},[5222,8281,5674],{"class":5243},[5222,8283,8284,8286,8288,8290,8292,8294,8296,8298,8300,8302,8304,8306,8308,8310,8312],{"class":5224,"line":5336},[5222,8285,5671],{"class":5670},[5222,8287,8094],{"class":5239},[5222,8289,5133],{"class":5243},[5222,8291,8099],{"class":5260},[5222,8293,5264],{"class":5243},[5222,8295,5248],{"class":5247},[5222,8297,5170],{"class":5243},[5222,8299,8108],{"class":5260},[5222,8301,8111],{"class":5243},[5222,8303,8085],{"class":5239},[5222,8305,5133],{"class":5243},[5222,8307,8118],{"class":5260},[5222,8309,5264],{"class":5243},[5222,8311,8123],{"class":5247},[5222,8313,5921],{"class":5243},[5222,8315,8316],{"class":5224,"line":5532},[5222,8317,5898],{"class":5243},[5222,8319,8320],{"class":5224,"line":5545},[5222,8321,5524],{"emptyLinePlaceholder":5523},[5222,8323,8324,8326,8328,8331,8333,8335,8337,8339],{"class":5224,"line":5557},[5222,8325,5118],{"class":5670},[5222,8327,6118],{"class":5235},[5222,8329,8330],{"class":5471}," VERSION",[5222,8332,6123],{"class":5243},[5222,8334,7240],{"class":6056},[5222,8336,5244],{"class":5243},[5222,8338,8147],{"class":5917},[5222,8340,5251],{"class":5243},[5222,8342,8343],{"class":5224,"line":5577},[5222,8344,5524],{"emptyLinePlaceholder":5523},[5222,8346,8347],{"class":5224,"line":5722},[5222,8348,7171],{"class":5228},[5222,8350,8351,8353,8355,8357,8359,8361,8364],{"class":5224,"line":5734},[5222,8352,5115],{"class":5670},[5222,8354,6367],{"class":5243},[5222,8356,8037],{"class":5239},[5222,8358,6381],{"class":5243},[5222,8360,6384],{"class":5670},[5222,8362,8363],{"class":5917}," '.\u002Futils.js'",[5222,8365,5251],{"class":5243},[5222,8367,8368,8370,8372,8374,8376,8378,8380,8382,8384],{"class":5224,"line":5743},[5222,8369,5907],{"class":5239},[5222,8371,5133],{"class":5243},[5222,8373,5912],{"class":5260},[5222,8375,5264],{"class":5243},[5222,8377,8037],{"class":5260},[5222,8379,5264],{"class":5243},[5222,8381,7802],{"class":5235},[5222,8383,8198],{"class":5260},[5222,8385,8201],{"class":5243},[8387,8388,8389,8407],"warning",{},[5195,8390,8391,5932,8394,8396,8397,8400,8401,8403,8404,8406],{},[5145,8392,8393],{},"Важливо:",[5102,8395,6062],{}," — це лише ",[5145,8398,8399],{},"посилання"," на ",[5102,8402,5108],{},". Якщо ви перезапишете ",[5102,8405,6062],{}," цілком, зв'язок розірветься:",[5213,8408,8410],{"className":5215,"code":8409,"language":5217,"meta":5218,"style":5218},"\u002F\u002F ❌ ПОГАНО: Це не спрацює! (CommonJS)\nexports = { foo: 'bar' };\n\n\u002F\u002F ✅ ДОБРЕ: Це працює (CommonJS)\nmodule.exports = { foo: 'bar' };\n\n\u002F\u002F ✅ ТЕЖ ДОБРЕ: Додавання властивостей (CommonJS)\nexports.foo = 'bar';\n\n\u002F\u002F ✅ ESM: Використовуйте export\nexport const foo = 'bar';\n",[5102,8411,8412,8417,8431,8435,8440,8456,8460,8465,8481,8485,8490],{"__ignoreMap":5218},[5222,8413,8414],{"class":5224,"line":5225},[5222,8415,8416],{"class":5228},"\u002F\u002F ❌ ПОГАНО: Це не спрацює! (CommonJS)\n",[5222,8418,8419,8421,8423,8426,8429],{"class":5224,"line":5232},[5222,8420,6062],{"class":6056},[5222,8422,6596],{"class":5243},[5222,8424,8425],{"class":5239},"foo:",[5222,8427,8428],{"class":5917}," 'bar'",[5222,8430,6605],{"class":5243},[5222,8432,8433],{"class":5224,"line":5254},[5222,8434,5524],{"emptyLinePlaceholder":5523},[5222,8436,8437],{"class":5224,"line":5279},[5222,8438,8439],{"class":5228},"\u002F\u002F ✅ ДОБРЕ: Це працює (CommonJS)\n",[5222,8441,8442,8444,8446,8448,8450,8452,8454],{"class":5224,"line":5298},[5222,8443,6057],{"class":6056},[5222,8445,5133],{"class":5243},[5222,8447,6062],{"class":6056},[5222,8449,6596],{"class":5243},[5222,8451,8425],{"class":5239},[5222,8453,8428],{"class":5917},[5222,8455,6605],{"class":5243},[5222,8457,8458],{"class":5224,"line":5317},[5222,8459,5524],{"emptyLinePlaceholder":5523},[5222,8461,8462],{"class":5224,"line":5336},[5222,8463,8464],{"class":5228},"\u002F\u002F ✅ ТЕЖ ДОБРЕ: Додавання властивостей (CommonJS)\n",[5222,8466,8467,8469,8471,8474,8476,8479],{"class":5224,"line":5532},[5222,8468,6062],{"class":6056},[5222,8470,5133],{"class":5243},[5222,8472,8473],{"class":5239},"foo",[5222,8475,5244],{"class":5243},[5222,8477,8478],{"class":5917},"'bar'",[5222,8480,5251],{"class":5243},[5222,8482,8483],{"class":5224,"line":5545},[5222,8484,5524],{"emptyLinePlaceholder":5523},[5222,8486,8487],{"class":5224,"line":5557},[5222,8488,8489],{"class":5228},"\u002F\u002F ✅ ESM: Використовуйте export\n",[5222,8491,8492,8494,8496,8499,8501,8503],{"class":5224,"line":5577},[5222,8493,5118],{"class":5670},[5222,8495,6118],{"class":5235},[5222,8497,8498],{"class":5471}," foo",[5222,8500,5244],{"class":5243},[5222,8502,8478],{"class":5917},[5222,8504,5251],{"class":5243},[5203,8506,8508],{"id":8507},"кешування-модулів-та-requirecache","Кешування модулів та require.cache",[5195,8510,8511,8512,8514,8515,8518],{},"Node.js кешує завантажені модулі у глобальному об'єкті ",[5102,8513,6557],{},". Це означає, що код модуля виконується ",[5145,8516,8517],{},"лише один раз",", навіть якщо його імпортують з різних місць.",[5213,8520,8522],{"className":5215,"code":8521,"language":5217,"meta":5218,"style":5218},"\u002F\u002F counter.js (CommonJS — для прикладу)\nlet count = 0;\n\nmodule.exports = {\n  increment() {\n    count++;\n  },\n  getCount() {\n    return count;\n  }\n};\n\n\u002F\u002F app.js\nconst counter1 = require('.\u002Fcounter');\nconst counter2 = require('.\u002Fcounter');\n\ncounter1.increment();\ncounter1.increment();\n\nconsole.log(counter2.getCount()); \u002F\u002F 2 (той самий об'єкт!)\nconsole.log(counter1 === counter2); \u002F\u002F true\n",[5102,8523,8524,8529,8543,8547,8557,8564,8571,8575,8582,8590,8594,8598,8602,8606,8624,8641,8645,8657,8667,8671,8695],{"__ignoreMap":5218},[5222,8525,8526],{"class":5224,"line":5225},[5222,8527,8528],{"class":5228},"\u002F\u002F counter.js (CommonJS — для прикладу)\n",[5222,8530,8531,8534,8537,8539,8541],{"class":5224,"line":5232},[5222,8532,8533],{"class":5235},"let",[5222,8535,8536],{"class":5239}," count",[5222,8538,5244],{"class":5243},[5222,8540,5248],{"class":5247},[5222,8542,5251],{"class":5243},[5222,8544,8545],{"class":5224,"line":5254},[5222,8546,5524],{"emptyLinePlaceholder":5523},[5222,8548,8549,8551,8553,8555],{"class":5224,"line":5279},[5222,8550,6057],{"class":6056},[5222,8552,5133],{"class":5243},[5222,8554,6062],{"class":6056},[5222,8556,5492],{"class":5243},[5222,8558,8559,8562],{"class":5224,"line":5298},[5222,8560,8561],{"class":5260},"  increment",[5222,8563,5636],{"class":5243},[5222,8565,8566,8569],{"class":5224,"line":5317},[5222,8567,8568],{"class":5239},"    count",[5222,8570,5698],{"class":5243},[5222,8572,8573],{"class":5224,"line":5336},[5222,8574,7118],{"class":5243},[5222,8576,8577,8580],{"class":5224,"line":5532},[5222,8578,8579],{"class":5260},"  getCount",[5222,8581,5636],{"class":5243},[5222,8583,8584,8586,8588],{"class":5224,"line":5545},[5222,8585,7717],{"class":5670},[5222,8587,8536],{"class":5239},[5222,8589,5251],{"class":5243},[5222,8591,8592],{"class":5224,"line":5557},[5222,8593,7158],{"class":5243},[5222,8595,8596],{"class":5224,"line":5577},[5222,8597,5518],{"class":5243},[5222,8599,8600],{"class":5224,"line":5722},[5222,8601,5524],{"emptyLinePlaceholder":5523},[5222,8603,8604],{"class":5224,"line":5734},[5222,8605,6614],{"class":5228},[5222,8607,8608,8610,8613,8615,8617,8619,8622],{"class":5224,"line":5743},[5222,8609,5848],{"class":5235},[5222,8611,8612],{"class":5471}," counter1",[5222,8614,5244],{"class":5243},[5222,8616,5104],{"class":5260},[5222,8618,5264],{"class":5243},[5222,8620,8621],{"class":5917},"'.\u002Fcounter'",[5222,8623,5921],{"class":5243},[5222,8625,8626,8628,8631,8633,8635,8637,8639],{"class":5224,"line":5749},[5222,8627,5848],{"class":5235},[5222,8629,8630],{"class":5471}," counter2",[5222,8632,5244],{"class":5243},[5222,8634,5104],{"class":5260},[5222,8636,5264],{"class":5243},[5222,8638,8621],{"class":5917},[5222,8640,5921],{"class":5243},[5222,8642,8643],{"class":5224,"line":5755},[5222,8644,5524],{"emptyLinePlaceholder":5523},[5222,8646,8647,8650,8652,8655],{"class":5224,"line":6094},[5222,8648,8649],{"class":5239},"counter1",[5222,8651,5133],{"class":5243},[5222,8653,8654],{"class":5260},"increment",[5222,8656,5714],{"class":5243},[5222,8658,8659,8661,8663,8665],{"class":5224,"line":6926},[5222,8660,8649],{"class":5239},[5222,8662,5133],{"class":5243},[5222,8664,8654],{"class":5260},[5222,8666,5714],{"class":5243},[5222,8668,8669],{"class":5224,"line":6932},[5222,8670,5524],{"emptyLinePlaceholder":5523},[5222,8672,8673,8675,8677,8679,8681,8684,8686,8689,8692],{"class":5224,"line":6938},[5222,8674,5907],{"class":5239},[5222,8676,5133],{"class":5243},[5222,8678,5912],{"class":5260},[5222,8680,5264],{"class":5243},[5222,8682,8683],{"class":5239},"counter2",[5222,8685,5133],{"class":5243},[5222,8687,8688],{"class":5260},"getCount",[5222,8690,8691],{"class":5243},"()); ",[5222,8693,8694],{"class":5228},"\u002F\u002F 2 (той самий об'єкт!)\n",[5222,8696,8697,8699,8701,8703,8705,8707,8709,8711,8713],{"class":5224,"line":6944},[5222,8698,5907],{"class":5239},[5222,8700,5133],{"class":5243},[5222,8702,5912],{"class":5260},[5222,8704,5264],{"class":5243},[5222,8706,8649],{"class":5239},[5222,8708,6674],{"class":5243},[5222,8710,8683],{"class":5239},[5222,8712,6288],{"class":5243},[5222,8714,8715],{"class":5228},"\u002F\u002F true\n",[5195,8717,8718],{},[5145,8719,8720],{},"Перегляд кешу модулів:",[5213,8722,8724],{"className":5215,"code":8723,"language":5217,"meta":5218,"style":5218},"console.log(require.cache);\n\u002F\u002F Виведе об'єкт із ключами — абсолютні шляхи до завантажених модулів\n\n\u002F\u002F Приклад виводу:\n\u002F\u002F {\n\u002F\u002F   '\u002FUsers\u002Fapp\u002Fcounter.js': Module {\n\u002F\u002F     id: '\u002FUsers\u002Fapp\u002Fcounter.js',\n\u002F\u002F     exports: { increment: [Function], getCount: [Function] },\n\u002F\u002F     loaded: true,\n\u002F\u002F     ...\n\u002F\u002F   }\n\u002F\u002F }\n",[5102,8725,8726,8745,8750,8754,8759,8764,8769,8774,8779,8784,8789,8794],{"__ignoreMap":5218},[5222,8727,8728,8730,8732,8734,8736,8738,8740,8743],{"class":5224,"line":5225},[5222,8729,5907],{"class":5239},[5222,8731,5133],{"class":5243},[5222,8733,5912],{"class":5260},[5222,8735,5264],{"class":5243},[5222,8737,5104],{"class":5239},[5222,8739,5133],{"class":5243},[5222,8741,8742],{"class":5239},"cache",[5222,8744,5921],{"class":5243},[5222,8746,8747],{"class":5224,"line":5232},[5222,8748,8749],{"class":5228},"\u002F\u002F Виведе об'єкт із ключами — абсолютні шляхи до завантажених модулів\n",[5222,8751,8752],{"class":5224,"line":5254},[5222,8753,5524],{"emptyLinePlaceholder":5523},[5222,8755,8756],{"class":5224,"line":5279},[5222,8757,8758],{"class":5228},"\u002F\u002F Приклад виводу:\n",[5222,8760,8761],{"class":5224,"line":5298},[5222,8762,8763],{"class":5228},"\u002F\u002F {\n",[5222,8765,8766],{"class":5224,"line":5317},[5222,8767,8768],{"class":5228},"\u002F\u002F   '\u002FUsers\u002Fapp\u002Fcounter.js': Module {\n",[5222,8770,8771],{"class":5224,"line":5336},[5222,8772,8773],{"class":5228},"\u002F\u002F     id: '\u002FUsers\u002Fapp\u002Fcounter.js',\n",[5222,8775,8776],{"class":5224,"line":5532},[5222,8777,8778],{"class":5228},"\u002F\u002F     exports: { increment: [Function], getCount: [Function] },\n",[5222,8780,8781],{"class":5224,"line":5545},[5222,8782,8783],{"class":5228},"\u002F\u002F     loaded: true,\n",[5222,8785,8786],{"class":5224,"line":5557},[5222,8787,8788],{"class":5228},"\u002F\u002F     ...\n",[5222,8790,8791],{"class":5224,"line":5577},[5222,8792,8793],{"class":5228},"\u002F\u002F   }\n",[5222,8795,8796],{"class":5224,"line":5722},[5222,8797,8798],{"class":5228},"\u002F\u002F }\n",[5195,8800,8801],{},[5145,8802,8803],{},"Очищення кешу (рідкісний кейс):",[5213,8805,8807],{"className":5215,"code":8806,"language":5217,"meta":5218,"style":5218},"\u002F\u002F Видалити модуль із кешу (CommonJS — для прикладу)\ndelete require.cache[require.resolve('.\u002Fcounter')];\n\n\u002F\u002F Наступний require завантажить модуль заново\nconst freshCounter = require('.\u002Fcounter');\n",[5102,8808,8809,8814,8843,8847,8852],{"__ignoreMap":5218},[5222,8810,8811],{"class":5224,"line":5225},[5222,8812,8813],{"class":5228},"\u002F\u002F Видалити модуль із кешу (CommonJS — для прикладу)\n",[5222,8815,8816,8819,8822,8824,8826,8829,8831,8833,8836,8838,8840],{"class":5224,"line":5232},[5222,8817,8818],{"class":5235},"delete",[5222,8820,8821],{"class":5239}," require",[5222,8823,5133],{"class":5243},[5222,8825,8742],{"class":5239},[5222,8827,8828],{"class":5243},"[",[5222,8830,5104],{"class":5239},[5222,8832,5133],{"class":5243},[5222,8834,8835],{"class":5260},"resolve",[5222,8837,5264],{"class":5243},[5222,8839,8621],{"class":5917},[5222,8841,8842],{"class":5243},")];\n",[5222,8844,8845],{"class":5224,"line":5254},[5222,8846,5524],{"emptyLinePlaceholder":5523},[5222,8848,8849],{"class":5224,"line":5279},[5222,8850,8851],{"class":5228},"\u002F\u002F Наступний require завантажить модуль заново\n",[5222,8853,8854,8856,8859,8861,8863,8865,8867],{"class":5224,"line":5298},[5222,8855,5848],{"class":5235},[5222,8857,8858],{"class":5471}," freshCounter",[5222,8860,5244],{"class":5243},[5222,8862,5104],{"class":5260},[5222,8864,5264],{"class":5243},[5222,8866,8621],{"class":5917},[5222,8868,5921],{"class":5243},[5797,8870,8871,8872,8875,8876,8879],{},"Очищення кешу корисне у ",[5145,8873,8874],{},"тестуванні"," (перезавантаження модуля між тестами) або у ",[5145,8877,8878],{},"hot-reload"," системах, де код модуля змінюється під час виконання. У звичайному продакшн-коді це майже ніколи не потрібно.",[5203,8881,8883],{"id":8882},"циклічні-залежності-circular-dependencies","Циклічні залежності (Circular Dependencies)",[5195,8885,8886],{},"Циклічні залежності виникають, коли модуль A імпортує модуль B, а модуль B імпортує модуль A. CommonJS дозволяє такі ситуації, але з обмеженнями.",[5213,8888,8890],{"className":5215,"code":8889,"language":5217,"meta":5218,"style":5218},"\u002F\u002F a.js (CommonJS — для прикладу)\nconsole.log('A: start');\nexports.aValue = 'A';\n\nconst b = require('.\u002Fb');\nconsole.log('A: b.bValue =', b.bValue);\n\nexports.aFunction = function() {\n  console.log('Function from A');\n};\n\nconsole.log('A: end');\n\n\u002F\u002F b.js\nconsole.log('B: start');\nexports.bValue = 'B';\n\nconst a = require('.\u002Fa');\nconsole.log('B: a.aValue =', a.aValue);\nconsole.log('B: a.aFunction =', a.aFunction); \u002F\u002F undefined!\n\nexports.bFunction = function() {\n  console.log('Function from B');\n};\n\nconsole.log('B: end');\n\n\u002F\u002F main.js\nconst a = require('.\u002Fa');\n",[5102,8891,8892,8897,8912,8928,8932,8950,8975,8979,8994,9009,9013,9017,9032,9036,9041,9056,9071,9075,9093,9117,9143,9147,9162,9177,9181,9185,9200,9204,9209],{"__ignoreMap":5218},[5222,8893,8894],{"class":5224,"line":5225},[5222,8895,8896],{"class":5228},"\u002F\u002F a.js (CommonJS — для прикладу)\n",[5222,8898,8899,8901,8903,8905,8907,8910],{"class":5224,"line":5232},[5222,8900,5907],{"class":5239},[5222,8902,5133],{"class":5243},[5222,8904,5912],{"class":5260},[5222,8906,5264],{"class":5243},[5222,8908,8909],{"class":5917},"'A: start'",[5222,8911,5921],{"class":5243},[5222,8913,8914,8916,8918,8921,8923,8926],{"class":5224,"line":5254},[5222,8915,6062],{"class":6056},[5222,8917,5133],{"class":5243},[5222,8919,8920],{"class":5239},"aValue",[5222,8922,5244],{"class":5243},[5222,8924,8925],{"class":5917},"'A'",[5222,8927,5251],{"class":5243},[5222,8929,8930],{"class":5224,"line":5279},[5222,8931,5524],{"emptyLinePlaceholder":5523},[5222,8933,8934,8936,8939,8941,8943,8945,8948],{"class":5224,"line":5298},[5222,8935,5848],{"class":5235},[5222,8937,8938],{"class":5471}," b",[5222,8940,5244],{"class":5243},[5222,8942,5104],{"class":5260},[5222,8944,5264],{"class":5243},[5222,8946,8947],{"class":5917},"'.\u002Fb'",[5222,8949,5921],{"class":5243},[5222,8951,8952,8954,8956,8958,8960,8963,8965,8968,8970,8973],{"class":5224,"line":5317},[5222,8953,5907],{"class":5239},[5222,8955,5133],{"class":5243},[5222,8957,5912],{"class":5260},[5222,8959,5264],{"class":5243},[5222,8961,8962],{"class":5917},"'A: b.bValue ='",[5222,8964,5105],{"class":5243},[5222,8966,8967],{"class":5239},"b",[5222,8969,5133],{"class":5243},[5222,8971,8972],{"class":5239},"bValue",[5222,8974,5921],{"class":5243},[5222,8976,8977],{"class":5224,"line":5336},[5222,8978,5524],{"emptyLinePlaceholder":5523},[5222,8980,8981,8983,8985,8988,8990,8992],{"class":5224,"line":5532},[5222,8982,6062],{"class":6056},[5222,8984,5133],{"class":5243},[5222,8986,8987],{"class":5260},"aFunction",[5222,8989,5244],{"class":5243},[5222,8991,5257],{"class":5235},[5222,8993,5636],{"class":5243},[5222,8995,8996,8998,9000,9002,9004,9007],{"class":5224,"line":5545},[5222,8997,7252],{"class":5239},[5222,8999,5133],{"class":5243},[5222,9001,5912],{"class":5260},[5222,9003,5264],{"class":5243},[5222,9005,9006],{"class":5917},"'Function from A'",[5222,9008,5921],{"class":5243},[5222,9010,9011],{"class":5224,"line":5557},[5222,9012,5518],{"class":5243},[5222,9014,9015],{"class":5224,"line":5577},[5222,9016,5524],{"emptyLinePlaceholder":5523},[5222,9018,9019,9021,9023,9025,9027,9030],{"class":5224,"line":5722},[5222,9020,5907],{"class":5239},[5222,9022,5133],{"class":5243},[5222,9024,5912],{"class":5260},[5222,9026,5264],{"class":5243},[5222,9028,9029],{"class":5917},"'A: end'",[5222,9031,5921],{"class":5243},[5222,9033,9034],{"class":5224,"line":5734},[5222,9035,5524],{"emptyLinePlaceholder":5523},[5222,9037,9038],{"class":5224,"line":5743},[5222,9039,9040],{"class":5228},"\u002F\u002F b.js\n",[5222,9042,9043,9045,9047,9049,9051,9054],{"class":5224,"line":5749},[5222,9044,5907],{"class":5239},[5222,9046,5133],{"class":5243},[5222,9048,5912],{"class":5260},[5222,9050,5264],{"class":5243},[5222,9052,9053],{"class":5917},"'B: start'",[5222,9055,5921],{"class":5243},[5222,9057,9058,9060,9062,9064,9066,9069],{"class":5224,"line":5755},[5222,9059,6062],{"class":6056},[5222,9061,5133],{"class":5243},[5222,9063,8972],{"class":5239},[5222,9065,5244],{"class":5243},[5222,9067,9068],{"class":5917},"'B'",[5222,9070,5251],{"class":5243},[5222,9072,9073],{"class":5224,"line":6094},[5222,9074,5524],{"emptyLinePlaceholder":5523},[5222,9076,9077,9079,9082,9084,9086,9088,9091],{"class":5224,"line":6926},[5222,9078,5848],{"class":5235},[5222,9080,9081],{"class":5471}," a",[5222,9083,5244],{"class":5243},[5222,9085,5104],{"class":5260},[5222,9087,5264],{"class":5243},[5222,9089,9090],{"class":5917},"'.\u002Fa'",[5222,9092,5921],{"class":5243},[5222,9094,9095,9097,9099,9101,9103,9106,9108,9111,9113,9115],{"class":5224,"line":6932},[5222,9096,5907],{"class":5239},[5222,9098,5133],{"class":5243},[5222,9100,5912],{"class":5260},[5222,9102,5264],{"class":5243},[5222,9104,9105],{"class":5917},"'B: a.aValue ='",[5222,9107,5105],{"class":5243},[5222,9109,9110],{"class":5239},"a",[5222,9112,5133],{"class":5243},[5222,9114,8920],{"class":5239},[5222,9116,5921],{"class":5243},[5222,9118,9119,9121,9123,9125,9127,9130,9132,9134,9136,9138,9140],{"class":5224,"line":6938},[5222,9120,5907],{"class":5239},[5222,9122,5133],{"class":5243},[5222,9124,5912],{"class":5260},[5222,9126,5264],{"class":5243},[5222,9128,9129],{"class":5917},"'B: a.aFunction ='",[5222,9131,5105],{"class":5243},[5222,9133,9110],{"class":5239},[5222,9135,5133],{"class":5243},[5222,9137,8987],{"class":5239},[5222,9139,6288],{"class":5243},[5222,9141,9142],{"class":5228},"\u002F\u002F undefined!\n",[5222,9144,9145],{"class":5224,"line":6944},[5222,9146,5524],{"emptyLinePlaceholder":5523},[5222,9148,9149,9151,9153,9156,9158,9160],{"class":5224,"line":6949},[5222,9150,6062],{"class":6056},[5222,9152,5133],{"class":5243},[5222,9154,9155],{"class":5260},"bFunction",[5222,9157,5244],{"class":5243},[5222,9159,5257],{"class":5235},[5222,9161,5636],{"class":5243},[5222,9163,9164,9166,9168,9170,9172,9175],{"class":5224,"line":6955},[5222,9165,7252],{"class":5239},[5222,9167,5133],{"class":5243},[5222,9169,5912],{"class":5260},[5222,9171,5264],{"class":5243},[5222,9173,9174],{"class":5917},"'Function from B'",[5222,9176,5921],{"class":5243},[5222,9178,9179],{"class":5224,"line":6961},[5222,9180,5518],{"class":5243},[5222,9182,9183],{"class":5224,"line":6967},[5222,9184,5524],{"emptyLinePlaceholder":5523},[5222,9186,9187,9189,9191,9193,9195,9198],{"class":5224,"line":6973},[5222,9188,5907],{"class":5239},[5222,9190,5133],{"class":5243},[5222,9192,5912],{"class":5260},[5222,9194,5264],{"class":5243},[5222,9196,9197],{"class":5917},"'B: end'",[5222,9199,5921],{"class":5243},[5222,9201,9202],{"class":5224,"line":6979},[5222,9203,5524],{"emptyLinePlaceholder":5523},[5222,9205,9206],{"class":5224,"line":6985},[5222,9207,9208],{"class":5228},"\u002F\u002F main.js\n",[5222,9210,9211,9213,9215,9217,9219,9221,9223],{"class":5224,"line":6991},[5222,9212,5848],{"class":5235},[5222,9214,9081],{"class":5471},[5222,9216,5244],{"class":5243},[5222,9218,5104],{"class":5260},[5222,9220,5264],{"class":5243},[5222,9222,9090],{"class":5917},[5222,9224,5921],{"class":5243},[5195,9226,9227,9229,9230,9233],{},[5145,9228,6687],{}," В ESM циклічні залежності працюють інакше — зв'язки (bindings) створюються до завершення виконання модуля, тому uninitialized змінні повертають ",[5102,9231,9232],{},"undefined"," лише до моменту їхньої ініціалізації.",[9235,9236,9238,9251,9259,9267,9275,9284,9291,9299],"terminal-preview",{"title":9237},"node main.js",[9239,9240,9242,5932,9247],"div",{"className":9241},[5224],[5222,9243,9246],{"className":9244},[9245],"opacity-40","$",[5145,9248,9237],{"className":9249},[9250],"font-bold",[9239,9252,9254],{"className":9253},[5224],[5222,9255,9258],{"className":9256},[9257],"text-blue-400","A: start",[9239,9260,9262],{"className":9261},[5224],[5222,9263,9266],{"className":9264},[9265],"text-green-400","B: start",[9239,9268,9270,9274],{"className":9269},[5224],[5222,9271,9273],{"className":9272},[9265],"B: a.aValue ="," A",[9239,9276,9278,9283],{"className":9277},[5224],[5222,9279,9282],{"className":9280},[9281],"text-rose-400","B: a.aFunction ="," undefined",[9239,9285,9287],{"className":9286},[5224],[5222,9288,9290],{"className":9289},[9265],"B: end",[9239,9292,9294,9298],{"className":9293},[5224],[5222,9295,9297],{"className":9296},[9257],"A: b.bValue ="," B",[9239,9300,9302],{"className":9301},[5224],[5222,9303,9305],{"className":9304},[9257],"A: end",[5195,9307,9308],{},[5145,9309,9310],{},"Що відбувається:",[9312,9313,9314,9323,9331,9339,9347,9370,9375],"ol",{},[5095,9315,9316,9319,9320],{},[5102,9317,9318],{},"main.js"," завантажує ",[5102,9321,9322],{},"a.js",[5095,9324,9325,9327,9328],{},[5102,9326,9322],{}," встановлює ",[5102,9329,9330],{},"exports.aValue = 'A'",[5095,9332,9333,9335,9336],{},[5102,9334,9322],{}," викликає ",[5102,9337,9338],{},"require('.\u002Fb')",[5095,9340,9341,9327,9344],{},[5102,9342,9343],{},"b.js",[5102,9345,9346],{},"exports.bValue = 'B'",[5095,9348,9349,9335,9351,9354,9355,5932,9358,9360,9361,9363,9364,9366,9367,9369],{},[5102,9350,9343],{},[5102,9352,9353],{},"require('.\u002Fa')"," → Node.js ",[5145,9356,9357],{},"повертає неповний",[5102,9359,6062],{}," з ",[5102,9362,9322],{}," (лише ",[5102,9365,8920],{},", бо ",[5102,9368,8987],{}," ще не додано)",[5095,9371,9372,9374],{},[5102,9373,9343],{}," завершує виконання",[5095,9376,9377,9379,9380],{},[5102,9378,9322],{}," продовжує виконання і додає ",[5102,9381,8987],{},[9383,9384,9385,9394],"caution",{},[5195,9386,9387,9390,9391,9393],{},[5145,9388,9389],{},"Уникайте циклічних залежностей!"," Вони призводять до важкознайденних помилок, коли частина експортів модуля ",[5102,9392,9232],{},". Рефакторіть код, виносячи спільну логіку у третій модуль.",[5213,9395,9397],{"className":5215,"code":9396,"language":5217,"meta":5218,"style":5218},"\u002F\u002F ❌ ПОГАНО\n\u002F\u002F a.js → b.js → a.js\n\n\u002F\u002F ✅ ДОБРЕ\n\u002F\u002F a.js → shared.js\n\u002F\u002F b.js → shared.js\n",[5102,9398,9399,9404,9409,9413,9418,9423],{"__ignoreMap":5218},[5222,9400,9401],{"class":5224,"line":5225},[5222,9402,9403],{"class":5228},"\u002F\u002F ❌ ПОГАНО\n",[5222,9405,9406],{"class":5224,"line":5232},[5222,9407,9408],{"class":5228},"\u002F\u002F a.js → b.js → a.js\n",[5222,9410,9411],{"class":5224,"line":5254},[5222,9412,5524],{"emptyLinePlaceholder":5523},[5222,9414,9415],{"class":5224,"line":5279},[5222,9416,9417],{"class":5228},"\u002F\u002F ✅ ДОБРЕ\n",[5222,9419,9420],{"class":5224,"line":5298},[5222,9421,9422],{"class":5228},"\u002F\u002F a.js → shared.js\n",[5222,9424,9425],{"class":5224,"line":5317},[5222,9426,9427],{"class":5228},"\u002F\u002F b.js → shared.js\n",[5190,9429,9431],{"id":9430},"es-modules-esm-стандарт-ecmascript","ES Modules (ESM): стандарт ECMAScript",[5195,9433,9434,9435,9438,9439,5133],{},"У 2015 році стандарт ECMAScript 2015 (ES6) офіційно представив ",[5145,9436,9437],{},"ES Modules"," — модульну систему, вбудовану у саму мову JavaScript. На відміну від CommonJS, який є специфікою Node.js, ES Modules працюють ",[5145,9440,9441],{},"однаково в браузерах та на сервері",[5203,9443,9445],{"id":9444},"фундаментальні-відмінності-від-commonjs","Фундаментальні відмінності від CommonJS",[9447,9448,9449,9463],"table",{},[9450,9451,9452],"thead",{},[9453,9454,9455,9459,9461],"tr",{},[9456,9457,9458],"th",{},"Характеристика",[9456,9460,5813],{},[9456,9462,9437],{},[9464,9465,9466,9486,9499,9512,9535,9548,9566,9579],"tbody",{},[9453,9467,9468,9474,9480],{},[9469,9470,9471],"td",{},[5145,9472,9473],{},"Синтаксис",[9469,9475,9476,5105,9478],{},[5102,9477,6236],{},[5102,9479,5108],{},[9469,9481,9482,5105,9484],{},[5102,9483,5115],{},[5102,9485,5118],{},[9453,9487,9488,9493,9496],{},[9469,9489,9490],{},[5145,9491,9492],{},"Завантаження",[9469,9494,9495],{},"Синхронне",[9469,9497,9498],{},"Асинхронне",[9453,9500,9501,9506,9509],{},[9469,9502,9503],{},[5145,9504,9505],{},"Аналіз залежностей",[9469,9507,9508],{},"Динамічний (runtime)",[9469,9510,9511],{},"Статичний (parse-time)",[9453,9513,9514,9519,9524],{},[9469,9515,9516],{},[5145,9517,9518],{},"Розширення файлів",[9469,9520,9521,9523],{},[5102,9522,5829],{}," (за замовчуванням CJS)",[9469,9525,9526,9529,9530,9360,9532],{},[5102,9527,9528],{},".mjs"," або ",[5102,9531,5829],{},[5102,9533,9534],{},"\"type\": \"module\"",[9453,9536,9537,9542,9545],{},[9469,9538,9539],{},[5145,9540,9541],{},"Області видимості",[9469,9543,9544],{},"Обгортка у функцію",[9469,9546,9547],{},"Нативна ізоляція модуля",[9453,9549,9550,9557,9562],{},[9469,9551,9552],{},[5145,9553,9554,9556],{},[5102,9555,7726],{}," у модулі",[9469,9558,9559,9561],{},[5102,9560,6062],{}," об'єкт",[9469,9563,9564],{},[5102,9565,9232],{},[9453,9567,9568,9572,9576],{},[9469,9569,9570],{},[5145,9571,942],{},[9469,9573,9574],{},[5102,9575,6557],{},[9469,9577,9578],{},"Браузер\u002Fruntime кеш",[9453,9580,9581,9586,9589],{},[9469,9582,9583],{},[5145,9584,9585],{},"Циклічні залежності",[9469,9587,9588],{},"Підтримка з обмеженнями",[9469,9590,9591,9592,5773],{},"Живі прив'язки (",[5770,9593,9594],{},"live bindings",[5203,9596,9598],{"id":9597},"базовий-синтаксис-es-modules","Базовий синтаксис ES Modules",[5195,9600,9601],{},[5145,9602,9603],{},"Named Exports (іменовані експорти):",[5213,9605,9607],{"className":5215,"code":9606,"language":5217,"meta":5218,"style":5218},"\u002F\u002F math.mjs\nexport const PI = 3.14159;\n\nexport function calculateArea(radius) {\n  return PI * radius * radius;\n}\n\nexport function calculateCircumference(radius) {\n  return 2 * PI * radius;\n}\n",[5102,9608,9609,9614,9628,9632,9647,9663,9667,9671,9686,9702],{"__ignoreMap":5218},[5222,9610,9611],{"class":5224,"line":5225},[5222,9612,9613],{"class":5228},"\u002F\u002F math.mjs\n",[5222,9615,9616,9618,9620,9622,9624,9626],{"class":5224,"line":5232},[5222,9617,5118],{"class":5670},[5222,9619,6118],{"class":5235},[5222,9621,5851],{"class":5471},[5222,9623,5244],{"class":5243},[5222,9625,5856],{"class":5247},[5222,9627,5251],{"class":5243},[5222,9629,9630],{"class":5224,"line":5254},[5222,9631,5524],{"emptyLinePlaceholder":5523},[5222,9633,9634,9636,9638,9641,9643,9645],{"class":5224,"line":5279},[5222,9635,5118],{"class":5670},[5222,9637,5503],{"class":5235},[5222,9639,9640],{"class":5260}," calculateArea",[5222,9642,5264],{"class":5243},[5222,9644,5874],{"class":5239},[5222,9646,5690],{"class":5243},[5222,9648,9649,9651,9653,9655,9657,9659,9661],{"class":5224,"line":5298},[5222,9650,5671],{"class":5670},[5222,9652,5851],{"class":5471},[5222,9654,5885],{"class":5243},[5222,9656,5874],{"class":5239},[5222,9658,5885],{"class":5243},[5222,9660,5874],{"class":5239},[5222,9662,5251],{"class":5243},[5222,9664,9665],{"class":5224,"line":5317},[5222,9666,5898],{"class":5243},[5222,9668,9669],{"class":5224,"line":5336},[5222,9670,5524],{"emptyLinePlaceholder":5523},[5222,9672,9673,9675,9677,9680,9682,9684],{"class":5224,"line":5532},[5222,9674,5118],{"class":5670},[5222,9676,5503],{"class":5235},[5222,9678,9679],{"class":5260}," calculateCircumference",[5222,9681,5264],{"class":5243},[5222,9683,5874],{"class":5239},[5222,9685,5690],{"class":5243},[5222,9687,9688,9690,9692,9694,9696,9698,9700],{"class":5224,"line":5545},[5222,9689,5671],{"class":5670},[5222,9691,6028],{"class":5247},[5222,9693,5885],{"class":5243},[5222,9695,5927],{"class":5471},[5222,9697,5885],{"class":5243},[5222,9699,5874],{"class":5239},[5222,9701,5251],{"class":5243},[5222,9703,9704],{"class":5224,"line":5557},[5222,9705,5898],{"class":5243},[5195,9707,9708],{},[5145,9709,9710],{},"Імпорт іменованих експортів:",[5213,9712,9714],{"className":5215,"code":9713,"language":5217,"meta":5218,"style":5218},"\u002F\u002F app.mjs\nimport { PI, calculateArea, calculateCircumference } from '.\u002Fmath.mjs';\n\nconsole.log(PI); \u002F\u002F 3.14159\nconsole.log(calculateArea(5)); \u002F\u002F 78.53975\n",[5102,9715,9716,9721,9746,9750,9766],{"__ignoreMap":5218},[5222,9717,9718],{"class":5224,"line":5225},[5222,9719,9720],{"class":5228},"\u002F\u002F app.mjs\n",[5222,9722,9723,9725,9727,9729,9731,9733,9735,9737,9739,9741,9744],{"class":5224,"line":5232},[5222,9724,5115],{"class":5670},[5222,9726,6367],{"class":5243},[5222,9728,5927],{"class":5239},[5222,9730,5105],{"class":5243},[5222,9732,6308],{"class":5239},[5222,9734,5105],{"class":5243},[5222,9736,6336],{"class":5239},[5222,9738,6381],{"class":5243},[5222,9740,6384],{"class":5670},[5222,9742,9743],{"class":5917}," '.\u002Fmath.mjs'",[5222,9745,5251],{"class":5243},[5222,9747,9748],{"class":5224,"line":5254},[5222,9749,5524],{"emptyLinePlaceholder":5523},[5222,9751,9752,9754,9756,9758,9760,9762,9764],{"class":5224,"line":5279},[5222,9753,5907],{"class":5239},[5222,9755,5133],{"class":5243},[5222,9757,5912],{"class":5260},[5222,9759,5264],{"class":5243},[5222,9761,5927],{"class":5471},[5222,9763,6288],{"class":5243},[5222,9765,6291],{"class":5228},[5222,9767,9768,9770,9772,9774,9776,9778,9780,9782,9784],{"class":5224,"line":5298},[5222,9769,5907],{"class":5239},[5222,9771,5133],{"class":5243},[5222,9773,5912],{"class":5260},[5222,9775,5264],{"class":5243},[5222,9777,6308],{"class":5260},[5222,9779,5264],{"class":5243},[5222,9781,6313],{"class":5247},[5222,9783,6316],{"class":5243},[5222,9785,6319],{"class":5228},[5195,9787,9788],{},[5145,9789,9790],{},"Default Export (експорт за замовчуванням):",[5213,9792,9794],{"className":5215,"code":9793,"language":5217,"meta":5218,"style":5218},"\u002F\u002F logger.mjs\nexport default class Logger {\n  constructor(name) {\n    this.name = name;\n  }\n  \n  log(message) {\n    console.log(`[${this.name}] ${message}`);\n  }\n}\n",[5102,9795,9796,9801,9814,9824,9838,9842,9846,9857,9894,9898],{"__ignoreMap":5218},[5222,9797,9798],{"class":5224,"line":5225},[5222,9799,9800],{"class":5228},"\u002F\u002F logger.mjs\n",[5222,9802,9803,9805,9807,9809,9812],{"class":5224,"line":5232},[5222,9804,5118],{"class":5670},[5222,9806,7525],{"class":5670},[5222,9808,7858],{"class":5235},[5222,9810,9811],{"class":6056}," Logger",[5222,9813,5674],{"class":5243},[5222,9815,9816,9818,9820,9822],{"class":5224,"line":5254},[5222,9817,7658],{"class":5235},[5222,9819,5264],{"class":5243},[5222,9821,5267],{"class":5239},[5222,9823,5690],{"class":5243},[5222,9825,9826,9828,9830,9832,9834,9836],{"class":5224,"line":5279},[5222,9827,7673],{"class":5235},[5222,9829,5133],{"class":5243},[5222,9831,5267],{"class":5239},[5222,9833,5244],{"class":5243},[5222,9835,5267],{"class":5239},[5222,9837,5251],{"class":5243},[5222,9839,9840],{"class":5224,"line":5298},[5222,9841,7158],{"class":5243},[5222,9843,9844],{"class":5224,"line":5317},[5222,9845,5660],{"class":5243},[5222,9847,9848,9851,9853,9855],{"class":5224,"line":5336},[5222,9849,9850],{"class":5260},"  log",[5222,9852,5264],{"class":5243},[5222,9854,7091],{"class":5239},[5222,9856,5690],{"class":5243},[5222,9858,9859,9861,9863,9865,9867,9870,9872,9874,9876,9878,9880,9883,9885,9887,9889,9892],{"class":5224,"line":5532},[5222,9860,7098],{"class":5239},[5222,9862,5133],{"class":5243},[5222,9864,5912],{"class":5260},[5222,9866,5264],{"class":5243},[5222,9868,9869],{"class":5917},"`[",[5222,9871,7723],{"class":5235},[5222,9873,7726],{"class":5235},[5222,9875,5133],{"class":5384},[5222,9877,5267],{"class":5239},[5222,9879,7733],{"class":5235},[5222,9881,9882],{"class":5917},"] ",[5222,9884,7723],{"class":5235},[5222,9886,7091],{"class":5239},[5222,9888,7733],{"class":5235},[5222,9890,9891],{"class":5917},"`",[5222,9893,5921],{"class":5243},[5222,9895,9896],{"class":5224,"line":5545},[5222,9897,7158],{"class":5243},[5222,9899,9900],{"class":5224,"line":5557},[5222,9901,5898],{"class":5243},[5195,9903,9904],{},[5145,9905,9906],{},"Імпорт default експорту:",[5213,9908,9910],{"className":5215,"code":9909,"language":5217,"meta":5218,"style":5218},"\u002F\u002F app.mjs\nimport Logger from '.\u002Flogger.mjs';\n\nconst logger = new Logger('App');\nlogger.log('Server started');\n",[5102,9911,9912,9916,9929,9933,9952],{"__ignoreMap":5218},[5222,9913,9914],{"class":5224,"line":5225},[5222,9915,9720],{"class":5228},[5222,9917,9918,9920,9922,9924,9927],{"class":5224,"line":5232},[5222,9919,5115],{"class":5670},[5222,9921,9811],{"class":5239},[5222,9923,7509],{"class":5670},[5222,9925,9926],{"class":5917}," '.\u002Flogger.mjs'",[5222,9928,5251],{"class":5243},[5222,9930,9931],{"class":5224,"line":5254},[5222,9932,5524],{"emptyLinePlaceholder":5523},[5222,9934,9935,9937,9939,9941,9943,9945,9947,9950],{"class":5224,"line":5279},[5222,9936,5848],{"class":5235},[5222,9938,7178],{"class":5471},[5222,9940,5244],{"class":5243},[5222,9942,7802],{"class":5235},[5222,9944,9811],{"class":5260},[5222,9946,5264],{"class":5243},[5222,9948,9949],{"class":5917},"'App'",[5222,9951,5921],{"class":5243},[5222,9953,9954,9956,9958,9960,9962,9964],{"class":5224,"line":5298},[5222,9955,7194],{"class":5239},[5222,9957,5133],{"class":5243},[5222,9959,5912],{"class":5260},[5222,9961,5264],{"class":5243},[5222,9963,7204],{"class":5917},[5222,9965,5921],{"class":5243},[5195,9967,9968],{},[5145,9969,9970],{},"Комбінований експорт:",[5213,9972,9974],{"className":5215,"code":9973,"language":5217,"meta":5218,"style":5218},"\u002F\u002F utils.mjs\nexport const VERSION = '1.0.0';\n\nexport function formatDate(date) {\n  return date.toISOString();\n}\n\nexport default {\n  VERSION,\n  formatDate\n};\n",[5102,9975,9976,9981,9995,9999,10013,10025,10029,10033,10041,10048,10053],{"__ignoreMap":5218},[5222,9977,9978],{"class":5224,"line":5225},[5222,9979,9980],{"class":5228},"\u002F\u002F utils.mjs\n",[5222,9982,9983,9985,9987,9989,9991,9993],{"class":5224,"line":5232},[5222,9984,5118],{"class":5670},[5222,9986,6118],{"class":5235},[5222,9988,8330],{"class":5471},[5222,9990,5244],{"class":5243},[5222,9992,8147],{"class":5917},[5222,9994,5251],{"class":5243},[5222,9996,9997],{"class":5224,"line":5254},[5222,9998,5524],{"emptyLinePlaceholder":5523},[5222,10000,10001,10003,10005,10007,10009,10011],{"class":5224,"line":5279},[5222,10002,5118],{"class":5670},[5222,10004,5503],{"class":5235},[5222,10006,5303],{"class":5260},[5222,10008,5264],{"class":5243},[5222,10010,5308],{"class":5239},[5222,10012,5690],{"class":5243},[5222,10014,10015,10017,10019,10021,10023],{"class":5224,"line":5298},[5222,10016,5671],{"class":5670},[5222,10018,5706],{"class":5239},[5222,10020,5133],{"class":5243},[5222,10022,5711],{"class":5260},[5222,10024,5714],{"class":5243},[5222,10026,10027],{"class":5224,"line":5317},[5222,10028,5898],{"class":5243},[5222,10030,10031],{"class":5224,"line":5336},[5222,10032,5524],{"emptyLinePlaceholder":5523},[5222,10034,10035,10037,10039],{"class":5224,"line":5532},[5222,10036,5118],{"class":5670},[5222,10038,7525],{"class":5670},[5222,10040,5674],{"class":5243},[5222,10042,10043,10046],{"class":5224,"line":5545},[5222,10044,10045],{"class":5239},"  VERSION",[5222,10047,6074],{"class":5243},[5222,10049,10050],{"class":5224,"line":5557},[5222,10051,10052],{"class":5239},"  formatDate\n",[5222,10054,10055],{"class":5224,"line":5577},[5222,10056,5518],{"class":5243},[5195,10058,10059],{},[5145,10060,10061],{},"Імпорт комбінованого експорту:",[5213,10063,10065],{"className":5215,"code":10064,"language":5217,"meta":5218,"style":5218},"\u002F\u002F app.mjs\nimport utils, { VERSION, formatDate } from '.\u002Futils.mjs';\n\nconsole.log(VERSION); \u002F\u002F '1.0.0'\nconsole.log(formatDate(new Date())); \u002F\u002F '2026-09-02T...'\nconsole.log(utils.VERSION); \u002F\u002F '1.0.0' (той самий об'єкт)\n",[5102,10066,10067,10071,10095,10099,10116,10140],{"__ignoreMap":5218},[5222,10068,10069],{"class":5224,"line":5225},[5222,10070,9720],{"class":5228},[5222,10072,10073,10075,10077,10080,10082,10084,10086,10088,10090,10093],{"class":5224,"line":5232},[5222,10074,5115],{"class":5670},[5222,10076,8164],{"class":5239},[5222,10078,10079],{"class":5243},", { ",[5222,10081,8142],{"class":5239},[5222,10083,5105],{"class":5243},[5222,10085,8037],{"class":5239},[5222,10087,6381],{"class":5243},[5222,10089,6384],{"class":5670},[5222,10091,10092],{"class":5917}," '.\u002Futils.mjs'",[5222,10094,5251],{"class":5243},[5222,10096,10097],{"class":5224,"line":5254},[5222,10098,5524],{"emptyLinePlaceholder":5523},[5222,10100,10101,10103,10105,10107,10109,10111,10113],{"class":5224,"line":5279},[5222,10102,5907],{"class":5239},[5222,10104,5133],{"class":5243},[5222,10106,5912],{"class":5260},[5222,10108,5264],{"class":5243},[5222,10110,8142],{"class":5471},[5222,10112,6288],{"class":5243},[5222,10114,10115],{"class":5228},"\u002F\u002F '1.0.0'\n",[5222,10117,10118,10120,10122,10124,10126,10128,10130,10132,10134,10137],{"class":5224,"line":5298},[5222,10119,5907],{"class":5239},[5222,10121,5133],{"class":5243},[5222,10123,5912],{"class":5260},[5222,10125,5264],{"class":5243},[5222,10127,8037],{"class":5260},[5222,10129,5264],{"class":5243},[5222,10131,7802],{"class":5235},[5222,10133,8198],{"class":5260},[5222,10135,10136],{"class":5243},"())); ",[5222,10138,10139],{"class":5228},"\u002F\u002F '2026-09-02T...'\n",[5222,10141,10142,10144,10146,10148,10150,10152,10154,10156,10158],{"class":5224,"line":5317},[5222,10143,5907],{"class":5239},[5222,10145,5133],{"class":5243},[5222,10147,5912],{"class":5260},[5222,10149,5264],{"class":5243},[5222,10151,5489],{"class":5239},[5222,10153,5133],{"class":5243},[5222,10155,8142],{"class":5471},[5222,10157,6288],{"class":5243},[5222,10159,10160],{"class":5228},"\u002F\u002F '1.0.0' (той самий об'єкт)\n",[5203,10162,10164],{"id":10163},"варіації-імпорту","Варіації імпорту",[5195,10166,10167],{},[5145,10168,10169],{},"1. Імпорт з перейменуванням (aliasing):",[5213,10171,10173],{"className":5215,"code":10172,"language":5217,"meta":5218,"style":5218},"import { calculateArea as calcArea, PI as pi } from '.\u002Fmath.mjs';\n\nconsole.log(calcArea(5));\nconsole.log(pi);\n",[5102,10174,10175,10206,10210,10230],{"__ignoreMap":5218},[5222,10176,10177,10179,10181,10183,10186,10189,10191,10193,10195,10198,10200,10202,10204],{"class":5224,"line":5225},[5222,10178,5115],{"class":5670},[5222,10180,6367],{"class":5243},[5222,10182,6308],{"class":5239},[5222,10184,10185],{"class":5670}," as",[5222,10187,10188],{"class":5239}," calcArea",[5222,10190,5105],{"class":5243},[5222,10192,5927],{"class":5239},[5222,10194,10185],{"class":5670},[5222,10196,10197],{"class":5239}," pi",[5222,10199,6381],{"class":5243},[5222,10201,6384],{"class":5670},[5222,10203,9743],{"class":5917},[5222,10205,5251],{"class":5243},[5222,10207,10208],{"class":5224,"line":5232},[5222,10209,5524],{"emptyLinePlaceholder":5523},[5222,10211,10212,10214,10216,10218,10220,10223,10225,10227],{"class":5224,"line":5254},[5222,10213,5907],{"class":5239},[5222,10215,5133],{"class":5243},[5222,10217,5912],{"class":5260},[5222,10219,5264],{"class":5243},[5222,10221,10222],{"class":5260},"calcArea",[5222,10224,5264],{"class":5243},[5222,10226,6313],{"class":5247},[5222,10228,10229],{"class":5243},"));\n",[5222,10231,10232,10234,10236,10238,10240,10243],{"class":5224,"line":5279},[5222,10233,5907],{"class":5239},[5222,10235,5133],{"class":5243},[5222,10237,5912],{"class":5260},[5222,10239,5264],{"class":5243},[5222,10241,10242],{"class":5239},"pi",[5222,10244,5921],{"class":5243},[5195,10246,10247],{},[5145,10248,10249],{},"2. Імпорт усього у namespace:",[5213,10251,10253],{"className":5215,"code":10252,"language":5217,"meta":5218,"style":5218},"import * as math from '.\u002Fmath.mjs';\n\nconsole.log(math.PI);\nconsole.log(math.calculateArea(5));\n",[5102,10254,10255,10272,10276,10294],{"__ignoreMap":5218},[5222,10256,10257,10259,10262,10264,10266,10268,10270],{"class":5224,"line":5225},[5222,10258,5115],{"class":5670},[5222,10260,10261],{"class":5235}," *",[5222,10263,10185],{"class":5670},[5222,10265,6253],{"class":5239},[5222,10267,7509],{"class":5670},[5222,10269,9743],{"class":5917},[5222,10271,5251],{"class":5243},[5222,10273,10274],{"class":5224,"line":5232},[5222,10275,5524],{"emptyLinePlaceholder":5523},[5222,10277,10278,10280,10282,10284,10286,10288,10290,10292],{"class":5224,"line":5254},[5222,10279,5907],{"class":5239},[5222,10281,5133],{"class":5243},[5222,10283,5912],{"class":5260},[5222,10285,5264],{"class":5243},[5222,10287,6281],{"class":5239},[5222,10289,5133],{"class":5243},[5222,10291,5927],{"class":5471},[5222,10293,5921],{"class":5243},[5222,10295,10296,10298,10300,10302,10304,10306,10308,10310,10312,10314],{"class":5224,"line":5279},[5222,10297,5907],{"class":5239},[5222,10299,5133],{"class":5243},[5222,10301,5912],{"class":5260},[5222,10303,5264],{"class":5243},[5222,10305,6281],{"class":5239},[5222,10307,5133],{"class":5243},[5222,10309,6308],{"class":5260},[5222,10311,5264],{"class":5243},[5222,10313,6313],{"class":5247},[5222,10315,10229],{"class":5243},[5195,10317,10318],{},[5145,10319,10320],{},"3. Імпорт лише для побічних ефектів:",[5213,10322,10324],{"className":5215,"code":10323,"language":5217,"meta":5218,"style":5218},"\u002F\u002F Виконує код модуля, але нічого не імпортує\nimport '.\u002Finit-database.mjs';\n",[5102,10325,10326,10331],{"__ignoreMap":5218},[5222,10327,10328],{"class":5224,"line":5225},[5222,10329,10330],{"class":5228},"\u002F\u002F Виконує код модуля, але нічого не імпортує\n",[5222,10332,10333,10335,10338],{"class":5224,"line":5232},[5222,10334,5115],{"class":5670},[5222,10336,10337],{"class":5917}," '.\u002Finit-database.mjs'",[5222,10339,5251],{"class":5243},[5195,10341,10342],{},[5145,10343,10344],{},"4. Динамічний імпорт (async):",[5213,10346,10348],{"className":5215,"code":10347,"language":5217,"meta":5218,"style":5218},"\u002F\u002F Асинхронне завантаження модуля у runtime\nasync function loadModule() {\n  const math = await import('.\u002Fmath.mjs');\n  console.log(math.PI);\n}\n\n\u002F\u002F Або з .then()\nimport('.\u002Fmath.mjs').then(math => {\n  console.log(math.calculateArea(5));\n});\n",[5102,10349,10350,10355,10367,10388,10406,10410,10414,10419,10441,10463],{"__ignoreMap":5218},[5222,10351,10352],{"class":5224,"line":5225},[5222,10353,10354],{"class":5228},"\u002F\u002F Асинхронне завантаження модуля у runtime\n",[5222,10356,10357,10360,10362,10365],{"class":5224,"line":5232},[5222,10358,10359],{"class":5235},"async",[5222,10361,5503],{"class":5235},[5222,10363,10364],{"class":5260}," loadModule",[5222,10366,5636],{"class":5243},[5222,10368,10369,10371,10373,10375,10378,10381,10383,10386],{"class":5224,"line":5254},[5222,10370,6749],{"class":5235},[5222,10372,6253],{"class":5471},[5222,10374,5244],{"class":5243},[5222,10376,10377],{"class":5670},"await",[5222,10379,10380],{"class":5235}," import",[5222,10382,5264],{"class":5243},[5222,10384,10385],{"class":5917},"'.\u002Fmath.mjs'",[5222,10387,5921],{"class":5243},[5222,10389,10390,10392,10394,10396,10398,10400,10402,10404],{"class":5224,"line":5279},[5222,10391,7252],{"class":5239},[5222,10393,5133],{"class":5243},[5222,10395,5912],{"class":5260},[5222,10397,5264],{"class":5243},[5222,10399,6281],{"class":5239},[5222,10401,5133],{"class":5243},[5222,10403,5927],{"class":5471},[5222,10405,5921],{"class":5243},[5222,10407,10408],{"class":5224,"line":5298},[5222,10409,5898],{"class":5243},[5222,10411,10412],{"class":5224,"line":5317},[5222,10413,5524],{"emptyLinePlaceholder":5523},[5222,10415,10416],{"class":5224,"line":5336},[5222,10417,10418],{"class":5228},"\u002F\u002F Або з .then()\n",[5222,10420,10421,10423,10425,10427,10429,10432,10434,10436,10439],{"class":5224,"line":5532},[5222,10422,5115],{"class":5235},[5222,10424,5264],{"class":5243},[5222,10426,10385],{"class":5917},[5222,10428,5170],{"class":5243},[5222,10430,10431],{"class":5260},"then",[5222,10433,5264],{"class":5243},[5222,10435,6281],{"class":5239},[5222,10437,10438],{"class":5235}," =>",[5222,10440,5674],{"class":5243},[5222,10442,10443,10445,10447,10449,10451,10453,10455,10457,10459,10461],{"class":5224,"line":5545},[5222,10444,7252],{"class":5239},[5222,10446,5133],{"class":5243},[5222,10448,5912],{"class":5260},[5222,10450,5264],{"class":5243},[5222,10452,6281],{"class":5239},[5222,10454,5133],{"class":5243},[5222,10456,6308],{"class":5260},[5222,10458,5264],{"class":5243},[5222,10460,6313],{"class":5247},[5222,10462,10229],{"class":5243},[5222,10464,10465],{"class":5224,"line":5557},[5222,10466,6777],{"class":5243},[6451,10468,10469,10478],{},[5195,10470,10471,10477],{},[5145,10472,10473,10474],{},"Динамічний ",[5102,10475,10476],{},"import()"," корисний для:",[5092,10479,10480,10486,10494],{},[5095,10481,10482,10485],{},[5145,10483,10484],{},"Code splitting:"," завантаження модулів лише коли вони потрібні (зменшення початкового розміру бандла)",[5095,10487,10488,5932,10491],{},[5145,10489,10490],{},"Умовне завантаження:",[5102,10492,10493],{},"if (condition) { await import('.\u002Fmodule.mjs') }",[5095,10495,10496,10499],{},[5145,10497,10498],{},"Lazy loading:"," відкладене завантаження важких модулів до першого використання",[5203,10501,10503],{"id":10502},"статичний-аналіз-перевага-esm","Статичний аналіз: перевага ESM",[5195,10505,10506,10507,10509,10510,10512,10513,10515,10516,10519,10520,5133],{},"На відміну від CommonJS, де ",[5102,10508,6236],{}," — це звичайна функція, яку можна викликати де завгодно, ",[5102,10511,5115],{}," та ",[5102,10514,5118],{}," — це ",[5145,10517,10518],{},"синтаксичні конструкції",", які аналізуються ",[5145,10521,10522],{},"до виконання коду",[5195,10524,10525],{},[5145,10526,10527],{},"CommonJS (динамічний):",[5213,10529,10531],{"className":5215,"code":10530,"language":5217,"meta":5218,"style":5218},"\u002F\u002F CommonJS: Умовний імпорт (для прикладу)\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('.\u002Fprod-config');\n} else {\n  module.exports = require('.\u002Fdev-config');\n}\n\n\u002F\u002F CommonJS: Імпорт у циклі\nfor (const moduleName of moduleNames) {\n  require(`.\u002Fplugins\u002F${moduleName}`);\n}\n",[5102,10532,10533,10538,10566,10585,10595,10614,10618,10622,10627,10647,10668],{"__ignoreMap":5218},[5222,10534,10535],{"class":5224,"line":5225},[5222,10536,10537],{"class":5228},"\u002F\u002F CommonJS: Умовний імпорт (для прикладу)\n",[5222,10539,10540,10543,10546,10549,10551,10554,10556,10559,10561,10564],{"class":5224,"line":5232},[5222,10541,10542],{"class":5670},"if",[5222,10544,10545],{"class":5243}," (",[5222,10547,10548],{"class":5239},"process",[5222,10550,5133],{"class":5243},[5222,10552,10553],{"class":5239},"env",[5222,10555,5133],{"class":5243},[5222,10557,10558],{"class":5471},"NODE_ENV",[5222,10560,6674],{"class":5243},[5222,10562,10563],{"class":5917},"'production'",[5222,10565,5690],{"class":5243},[5222,10567,10568,10570,10572,10574,10576,10578,10580,10583],{"class":5224,"line":5254},[5222,10569,6762],{"class":6056},[5222,10571,5133],{"class":5243},[5222,10573,6062],{"class":6056},[5222,10575,5244],{"class":5243},[5222,10577,5104],{"class":5260},[5222,10579,5264],{"class":5243},[5222,10581,10582],{"class":5917},"'.\u002Fprod-config'",[5222,10584,5921],{"class":5243},[5222,10586,10587,10590,10593],{"class":5224,"line":5279},[5222,10588,10589],{"class":5243},"} ",[5222,10591,10592],{"class":5670},"else",[5222,10594,5674],{"class":5243},[5222,10596,10597,10599,10601,10603,10605,10607,10609,10612],{"class":5224,"line":5298},[5222,10598,6762],{"class":6056},[5222,10600,5133],{"class":5243},[5222,10602,6062],{"class":6056},[5222,10604,5244],{"class":5243},[5222,10606,5104],{"class":5260},[5222,10608,5264],{"class":5243},[5222,10610,10611],{"class":5917},"'.\u002Fdev-config'",[5222,10613,5921],{"class":5243},[5222,10615,10616],{"class":5224,"line":5317},[5222,10617,5898],{"class":5243},[5222,10619,10620],{"class":5224,"line":5336},[5222,10621,5524],{"emptyLinePlaceholder":5523},[5222,10623,10624],{"class":5224,"line":5532},[5222,10625,10626],{"class":5228},"\u002F\u002F CommonJS: Імпорт у циклі\n",[5222,10628,10629,10632,10634,10636,10639,10642,10645],{"class":5224,"line":5545},[5222,10630,10631],{"class":5670},"for",[5222,10633,10545],{"class":5243},[5222,10635,5848],{"class":5235},[5222,10637,10638],{"class":5471}," moduleName",[5222,10640,10641],{"class":5235}," of",[5222,10643,10644],{"class":5239}," moduleNames",[5222,10646,5690],{"class":5243},[5222,10648,10649,10652,10654,10657,10659,10662,10664,10666],{"class":5224,"line":5557},[5222,10650,10651],{"class":5260},"  require",[5222,10653,5264],{"class":5243},[5222,10655,10656],{"class":5917},"`.\u002Fplugins\u002F",[5222,10658,7723],{"class":5235},[5222,10660,10661],{"class":5239},"moduleName",[5222,10663,7733],{"class":5235},[5222,10665,9891],{"class":5917},[5222,10667,5921],{"class":5243},[5222,10669,10670],{"class":5224,"line":5577},[5222,10671,5898],{"class":5243},[5195,10673,10674],{},[5145,10675,6350],{},[5213,10677,10679],{"className":7213,"code":10678,"language":7215,"meta":5218,"style":5218},"\u002F\u002F ES Modules: Динамічний імпорт\nconst config = process.env.NODE_ENV === 'production'\n  ? await import('.\u002Fprod-config.js')\n  : await import('.\u002Fdev-config.js');\n\n\u002F\u002F ES Modules: Імпорт у циклі\nfor (const moduleName of moduleNames) {\n  const plugin = await import(`.\u002Fplugins\u002F${moduleName}.js`);\n}\n",[5102,10680,10681,10686,10710,10727,10743,10747,10752,10768,10796],{"__ignoreMap":5218},[5222,10682,10683],{"class":5224,"line":5225},[5222,10684,10685],{"class":5228},"\u002F\u002F ES Modules: Динамічний імпорт\n",[5222,10687,10688,10690,10693,10695,10697,10699,10701,10703,10705,10707],{"class":5224,"line":5232},[5222,10689,5848],{"class":5235},[5222,10691,10692],{"class":5471}," config",[5222,10694,5244],{"class":5243},[5222,10696,10548],{"class":5239},[5222,10698,5133],{"class":5243},[5222,10700,10553],{"class":5239},[5222,10702,5133],{"class":5243},[5222,10704,10558],{"class":5471},[5222,10706,6674],{"class":5243},[5222,10708,10709],{"class":5917},"'production'\n",[5222,10711,10712,10715,10717,10719,10721,10724],{"class":5224,"line":5254},[5222,10713,10714],{"class":5243},"  ? ",[5222,10716,10377],{"class":5670},[5222,10718,10380],{"class":5235},[5222,10720,5264],{"class":5243},[5222,10722,10723],{"class":5917},"'.\u002Fprod-config.js'",[5222,10725,10726],{"class":5243},")\n",[5222,10728,10729,10732,10734,10736,10738,10741],{"class":5224,"line":5279},[5222,10730,10731],{"class":5243},"  : ",[5222,10733,10377],{"class":5670},[5222,10735,10380],{"class":5235},[5222,10737,5264],{"class":5243},[5222,10739,10740],{"class":5917},"'.\u002Fdev-config.js'",[5222,10742,5921],{"class":5243},[5222,10744,10745],{"class":5224,"line":5298},[5222,10746,5524],{"emptyLinePlaceholder":5523},[5222,10748,10749],{"class":5224,"line":5317},[5222,10750,10751],{"class":5228},"\u002F\u002F ES Modules: Імпорт у циклі\n",[5222,10753,10754,10756,10758,10760,10762,10764,10766],{"class":5224,"line":5336},[5222,10755,10631],{"class":5670},[5222,10757,10545],{"class":5243},[5222,10759,5848],{"class":5235},[5222,10761,10638],{"class":5471},[5222,10763,10641],{"class":5235},[5222,10765,10644],{"class":5239},[5222,10767,5690],{"class":5243},[5222,10769,10770,10772,10775,10777,10779,10781,10783,10785,10787,10789,10791,10794],{"class":5224,"line":5532},[5222,10771,6749],{"class":5235},[5222,10773,10774],{"class":5471}," plugin",[5222,10776,5244],{"class":5243},[5222,10778,10377],{"class":5670},[5222,10780,10380],{"class":5235},[5222,10782,5264],{"class":5243},[5222,10784,10656],{"class":5917},[5222,10786,7723],{"class":5235},[5222,10788,10661],{"class":5239},[5222,10790,7733],{"class":5235},[5222,10792,10793],{"class":5917},".js`",[5222,10795,5921],{"class":5243},[5222,10797,10798],{"class":5224,"line":5545},[5222,10799,5898],{"class":5243},[5195,10801,10802],{},[5145,10803,10804],{},"ES Modules (статичний):",[5213,10806,10808],{"className":5215,"code":10807,"language":5217,"meta":5218,"style":5218},"\u002F\u002F ❌ ПОМИЛКА: import не може бути всередині if\nif (condition) {\n  import { foo } from '.\u002Fmodule.mjs'; \u002F\u002F SyntaxError!\n}\n\n\u002F\u002F ✅ ПРАВИЛЬНО: Використовуйте динамічний import()\nif (condition) {\n  const module = await import('.\u002Fmodule.mjs');\n  module.foo();\n}\n",[5102,10809,10810,10815,10826,10848,10852,10856,10861,10871,10891,10901],{"__ignoreMap":5218},[5222,10811,10812],{"class":5224,"line":5225},[5222,10813,10814],{"class":5228},"\u002F\u002F ❌ ПОМИЛКА: import не може бути всередині if\n",[5222,10816,10817,10819,10821,10824],{"class":5224,"line":5232},[5222,10818,10542],{"class":5670},[5222,10820,10545],{"class":5243},[5222,10822,10823],{"class":5239},"condition",[5222,10825,5690],{"class":5243},[5222,10827,10828,10831,10833,10835,10837,10839,10842,10845],{"class":5224,"line":5254},[5222,10829,10830],{"class":5670},"  import",[5222,10832,6367],{"class":5243},[5222,10834,8473],{"class":5239},[5222,10836,6381],{"class":5243},[5222,10838,6384],{"class":5670},[5222,10840,10841],{"class":5917}," '.\u002Fmodule.mjs'",[5222,10843,10844],{"class":5243},"; ",[5222,10846,10847],{"class":5228},"\u002F\u002F SyntaxError!\n",[5222,10849,10850],{"class":5224,"line":5279},[5222,10851,5898],{"class":5243},[5222,10853,10854],{"class":5224,"line":5298},[5222,10855,5524],{"emptyLinePlaceholder":5523},[5222,10857,10858],{"class":5224,"line":5317},[5222,10859,10860],{"class":5228},"\u002F\u002F ✅ ПРАВИЛЬНО: Використовуйте динамічний import()\n",[5222,10862,10863,10865,10867,10869],{"class":5224,"line":5336},[5222,10864,10542],{"class":5670},[5222,10866,10545],{"class":5243},[5222,10868,10823],{"class":5239},[5222,10870,5690],{"class":5243},[5222,10872,10873,10875,10878,10880,10882,10884,10886,10889],{"class":5224,"line":5532},[5222,10874,6749],{"class":5235},[5222,10876,10877],{"class":5471}," module",[5222,10879,5244],{"class":5243},[5222,10881,10377],{"class":5670},[5222,10883,10380],{"class":5235},[5222,10885,5264],{"class":5243},[5222,10887,10888],{"class":5917},"'.\u002Fmodule.mjs'",[5222,10890,5921],{"class":5243},[5222,10892,10893,10895,10897,10899],{"class":5224,"line":5545},[5222,10894,6762],{"class":6056},[5222,10896,5133],{"class":5243},[5222,10898,8473],{"class":5260},[5222,10900,5714],{"class":5243},[5222,10902,10903],{"class":5224,"line":5557},[5222,10904,5898],{"class":5243},[5195,10906,10907],{},[5145,10908,10909],{},"Переваги статичного аналізу:",[9312,10911,10912],{},[5095,10913,10914,10917,10918,10921],{},[5145,10915,10916],{},"Tree Shaking:"," інструменти збірки (Webpack, Rollup, esbuild) можуть визначити, які експорти ",[5145,10919,10920],{},"не використовуються",", і видалити мертвий код.",[5213,10923,10925],{"className":5215,"code":10924,"language":5217,"meta":5218,"style":5218},"\u002F\u002F math.mjs\nexport function usedFunction() { \u002F* ... *\u002F }\nexport function unusedFunction() { \u002F* ... *\u002F } \u002F\u002F ← Буде видалено при збірці\n\n\u002F\u002F app.mjs\nimport { usedFunction } from '.\u002Fmath.mjs';\n",[5102,10926,10927,10931,10947,10965,10969,10973],{"__ignoreMap":5218},[5222,10928,10929],{"class":5224,"line":5225},[5222,10930,9613],{"class":5228},[5222,10932,10933,10935,10937,10940,10943,10945],{"class":5224,"line":5232},[5222,10934,5118],{"class":5670},[5222,10936,5503],{"class":5235},[5222,10938,10939],{"class":5260}," usedFunction",[5222,10941,10942],{"class":5243},"() { ",[5222,10944,5273],{"class":5228},[5222,10946,5276],{"class":5243},[5222,10948,10949,10951,10953,10956,10958,10960,10962],{"class":5224,"line":5254},[5222,10950,5118],{"class":5670},[5222,10952,5503],{"class":5235},[5222,10954,10955],{"class":5260}," unusedFunction",[5222,10957,10942],{"class":5243},[5222,10959,5273],{"class":5228},[5222,10961,6381],{"class":5243},[5222,10963,10964],{"class":5228},"\u002F\u002F ← Буде видалено при збірці\n",[5222,10966,10967],{"class":5224,"line":5279},[5222,10968,5524],{"emptyLinePlaceholder":5523},[5222,10970,10971],{"class":5224,"line":5298},[5222,10972,9720],{"class":5228},[5222,10974,10975,10977,10979,10982,10984,10986,10988],{"class":5224,"line":5317},[5222,10976,5115],{"class":5670},[5222,10978,6367],{"class":5243},[5222,10980,10981],{"class":5239},"usedFunction",[5222,10983,6381],{"class":5243},[5222,10985,6384],{"class":5670},[5222,10987,9743],{"class":5917},[5222,10989,5251],{"class":5243},[9312,10991,10992],{"start":5232},[5095,10993,10994,10997,10998,5133],{},[5145,10995,10996],{},"Перевірка помилок на етапі парсингу:"," компілятори та лінтери можуть виявити неіснуючі імпорти ",[5145,10999,11000],{},"до запуску програми",[5213,11002,11004],{"className":5215,"code":11003,"language":5217,"meta":5218,"style":5218},"import { nonExistentFunction } from '.\u002Fmath.mjs'; \u002F\u002F ← Помилка на етапі збірки\u002Flint\n",[5102,11005,11006],{"__ignoreMap":5218},[5222,11007,11008,11010,11012,11015,11017,11019,11021,11023],{"class":5224,"line":5225},[5222,11009,5115],{"class":5670},[5222,11011,6367],{"class":5243},[5222,11013,11014],{"class":5239},"nonExistentFunction",[5222,11016,6381],{"class":5243},[5222,11018,6384],{"class":5670},[5222,11020,9743],{"class":5917},[5222,11022,10844],{"class":5243},[5222,11024,11025],{"class":5228},"\u002F\u002F ← Помилка на етапі збірки\u002Flint\n",[9312,11027,11028],{"start":5254},[5095,11029,11030,11033,11034,11037],{},[5145,11031,11032],{},"Оптимізація завантаження:"," браузери можуть ",[5145,11035,11036],{},"паралельно"," завантажувати модулі, аналізуючи граф залежностей до виконання.",[6833,11039,11041],{"alt":11040},"Порівняння завантаження CommonJS vs ES Modules",[5213,11042,11044],{"className":6838,"code":11043,"language":6840,"meta":5218,"style":5218},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\ntitle CommonJS: Синхронне послідовне завантаження\n\nrectangle \"main.js\" as Main1 #DBEAFE\nrectangle \"moduleA.js\" as A1 #E2E8F0\nrectangle \"moduleB.js\" as B1 #FEF3C7\nrectangle \"moduleC.js\" as C1 #DCFCE7\n\nMain1 -right-> A1 : require('.\u002FA')\nnote right : Блокує виконання\nA1 -right-> B1 : require('.\u002FB')\nnote right : Блокує виконання\nB1 -right-> C1 : require('.\u002FC')\nnote right : Блокує виконання\n\nnewpage\n\ntitle ES Modules: Асинхронне паралельне завантаження\n\nrectangle \"main.mjs\" as Main2 #DBEAFE\nrectangle \"moduleA.mjs\" as A2 #E2E8F0\nrectangle \"moduleB.mjs\" as B2 #FEF3C7\nrectangle \"moduleC.mjs\" as C2 #DCFCE7\n\nMain2 -right-> A2 : import '.\u002FA'\nMain2 -down-> B2 : import '.\u002FB'\nMain2 -down-> C2 : import '.\u002FC'\n\nnote bottom\n  Модулі завантажуються паралельно\n  після аналізу графа залежностей\nend note\n\n@enduml\n",[5102,11045,11046,11050,11054,11058,11062,11067,11071,11076,11081,11086,11091,11095,11100,11105,11110,11114,11119,11123,11127,11132,11136,11141,11145,11150,11155,11160,11165,11169,11174,11179,11184,11188,11193,11198,11203,11207,11211],{"__ignoreMap":5218},[5222,11047,11048],{"class":5224,"line":5225},[5222,11049,6847],{},[5222,11051,11052],{"class":5224,"line":5232},[5222,11053,6852],{},[5222,11055,11056],{"class":5224,"line":5254},[5222,11057,6857],{},[5222,11059,11060],{"class":5224,"line":5279},[5222,11061,5524],{"emptyLinePlaceholder":5523},[5222,11063,11064],{"class":5224,"line":5298},[5222,11065,11066],{},"title CommonJS: Синхронне послідовне завантаження\n",[5222,11068,11069],{"class":5224,"line":5317},[5222,11070,5524],{"emptyLinePlaceholder":5523},[5222,11072,11073],{"class":5224,"line":5336},[5222,11074,11075],{},"rectangle \"main.js\" as Main1 #DBEAFE\n",[5222,11077,11078],{"class":5224,"line":5532},[5222,11079,11080],{},"rectangle \"moduleA.js\" as A1 #E2E8F0\n",[5222,11082,11083],{"class":5224,"line":5545},[5222,11084,11085],{},"rectangle \"moduleB.js\" as B1 #FEF3C7\n",[5222,11087,11088],{"class":5224,"line":5557},[5222,11089,11090],{},"rectangle \"moduleC.js\" as C1 #DCFCE7\n",[5222,11092,11093],{"class":5224,"line":5577},[5222,11094,5524],{"emptyLinePlaceholder":5523},[5222,11096,11097],{"class":5224,"line":5722},[5222,11098,11099],{},"Main1 -right-> A1 : require('.\u002FA')\n",[5222,11101,11102],{"class":5224,"line":5734},[5222,11103,11104],{},"note right : Блокує виконання\n",[5222,11106,11107],{"class":5224,"line":5743},[5222,11108,11109],{},"A1 -right-> B1 : require('.\u002FB')\n",[5222,11111,11112],{"class":5224,"line":5749},[5222,11113,11104],{},[5222,11115,11116],{"class":5224,"line":5755},[5222,11117,11118],{},"B1 -right-> C1 : require('.\u002FC')\n",[5222,11120,11121],{"class":5224,"line":6094},[5222,11122,11104],{},[5222,11124,11125],{"class":5224,"line":6926},[5222,11126,5524],{"emptyLinePlaceholder":5523},[5222,11128,11129],{"class":5224,"line":6932},[5222,11130,11131],{},"newpage\n",[5222,11133,11134],{"class":5224,"line":6938},[5222,11135,5524],{"emptyLinePlaceholder":5523},[5222,11137,11138],{"class":5224,"line":6944},[5222,11139,11140],{},"title ES Modules: Асинхронне паралельне завантаження\n",[5222,11142,11143],{"class":5224,"line":6949},[5222,11144,5524],{"emptyLinePlaceholder":5523},[5222,11146,11147],{"class":5224,"line":6955},[5222,11148,11149],{},"rectangle \"main.mjs\" as Main2 #DBEAFE\n",[5222,11151,11152],{"class":5224,"line":6961},[5222,11153,11154],{},"rectangle \"moduleA.mjs\" as A2 #E2E8F0\n",[5222,11156,11157],{"class":5224,"line":6967},[5222,11158,11159],{},"rectangle \"moduleB.mjs\" as B2 #FEF3C7\n",[5222,11161,11162],{"class":5224,"line":6973},[5222,11163,11164],{},"rectangle \"moduleC.mjs\" as C2 #DCFCE7\n",[5222,11166,11167],{"class":5224,"line":6979},[5222,11168,5524],{"emptyLinePlaceholder":5523},[5222,11170,11171],{"class":5224,"line":6985},[5222,11172,11173],{},"Main2 -right-> A2 : import '.\u002FA'\n",[5222,11175,11176],{"class":5224,"line":6991},[5222,11177,11178],{},"Main2 -down-> B2 : import '.\u002FB'\n",[5222,11180,11181],{"class":5224,"line":6996},[5222,11182,11183],{},"Main2 -down-> C2 : import '.\u002FC'\n",[5222,11185,11186],{"class":5224,"line":7002},[5222,11187,5524],{"emptyLinePlaceholder":5523},[5222,11189,11190],{"class":5224,"line":7007},[5222,11191,11192],{},"note bottom\n",[5222,11194,11195],{"class":5224,"line":7013},[5222,11196,11197],{},"  Модулі завантажуються паралельно\n",[5222,11199,11200],{"class":5224,"line":7018},[5222,11201,11202],{},"  після аналізу графа залежностей\n",[5222,11204,11205],{"class":5224,"line":7024},[5222,11206,6909],{},[5222,11208,11209],{"class":5224,"line":7029},[5222,11210,5524],{"emptyLinePlaceholder":5523},[5222,11212,11213],{"class":5224,"line":7034},[5222,11214,7048],{},[5203,11216,11218],{"id":11217},"live-bindings-перевага-esm-у-циклічних-залежностях","Live Bindings: перевага ESM у циклічних залежностях",[5195,11220,11221,11222,10545,11225,11227],{},"У CommonJS експортовані значення копіюються при імпорті. У ES Modules створюються ",[5145,11223,11224],{},"живі прив'язки",[5770,11226,9594],{},") — імпортер завжди бачить актуальне значення експортованої змінної.",[5195,11229,11230],{},[5145,11231,11232],{},"CommonJS (копіювання значень):",[5213,11234,11236],{"className":5215,"code":11235,"language":5217,"meta":5218,"style":5218},"\u002F\u002F counter.js (CommonJS — для прикладу)\nlet count = 0;\n\nfunction increment() {\n  count++;\n}\n\nmodule.exports = { count, increment };\n\n\u002F\u002F app.js\nconst counter = require('.\u002Fcounter');\n\nconsole.log(counter.count); \u002F\u002F 0\ncounter.increment();\nconsole.log(counter.count); \u002F\u002F 0 (!) — значення скопійовано при імпорті\n",[5102,11237,11238,11242,11254,11258,11267,11274,11278,11282,11301,11305,11309,11326,11330,11352,11362],{"__ignoreMap":5218},[5222,11239,11240],{"class":5224,"line":5225},[5222,11241,8528],{"class":5228},[5222,11243,11244,11246,11248,11250,11252],{"class":5224,"line":5232},[5222,11245,8533],{"class":5235},[5222,11247,8536],{"class":5239},[5222,11249,5244],{"class":5243},[5222,11251,5248],{"class":5247},[5222,11253,5251],{"class":5243},[5222,11255,11256],{"class":5224,"line":5254},[5222,11257,5524],{"emptyLinePlaceholder":5523},[5222,11259,11260,11262,11265],{"class":5224,"line":5279},[5222,11261,5257],{"class":5235},[5222,11263,11264],{"class":5260}," increment",[5222,11266,5636],{"class":5243},[5222,11268,11269,11272],{"class":5224,"line":5298},[5222,11270,11271],{"class":5239},"  count",[5222,11273,5698],{"class":5243},[5222,11275,11276],{"class":5224,"line":5317},[5222,11277,5898],{"class":5243},[5222,11279,11280],{"class":5224,"line":5336},[5222,11281,5524],{"emptyLinePlaceholder":5523},[5222,11283,11284,11286,11288,11290,11292,11295,11297,11299],{"class":5224,"line":5532},[5222,11285,6057],{"class":6056},[5222,11287,5133],{"class":5243},[5222,11289,6062],{"class":6056},[5222,11291,6596],{"class":5243},[5222,11293,11294],{"class":5239},"count",[5222,11296,5105],{"class":5243},[5222,11298,8654],{"class":5239},[5222,11300,6605],{"class":5243},[5222,11302,11303],{"class":5224,"line":5545},[5222,11304,5524],{"emptyLinePlaceholder":5523},[5222,11306,11307],{"class":5224,"line":5557},[5222,11308,6614],{"class":5228},[5222,11310,11311,11313,11316,11318,11320,11322,11324],{"class":5224,"line":5577},[5222,11312,5848],{"class":5235},[5222,11314,11315],{"class":5471}," counter",[5222,11317,5244],{"class":5243},[5222,11319,5104],{"class":5260},[5222,11321,5264],{"class":5243},[5222,11323,8621],{"class":5917},[5222,11325,5921],{"class":5243},[5222,11327,11328],{"class":5224,"line":5722},[5222,11329,5524],{"emptyLinePlaceholder":5523},[5222,11331,11332,11334,11336,11338,11340,11343,11345,11347,11349],{"class":5224,"line":5734},[5222,11333,5907],{"class":5239},[5222,11335,5133],{"class":5243},[5222,11337,5912],{"class":5260},[5222,11339,5264],{"class":5243},[5222,11341,11342],{"class":5239},"counter",[5222,11344,5133],{"class":5243},[5222,11346,11294],{"class":5239},[5222,11348,6288],{"class":5243},[5222,11350,11351],{"class":5228},"\u002F\u002F 0\n",[5222,11353,11354,11356,11358,11360],{"class":5224,"line":5743},[5222,11355,11342],{"class":5239},[5222,11357,5133],{"class":5243},[5222,11359,8654],{"class":5260},[5222,11361,5714],{"class":5243},[5222,11363,11364,11366,11368,11370,11372,11374,11376,11378,11380],{"class":5224,"line":5749},[5222,11365,5907],{"class":5239},[5222,11367,5133],{"class":5243},[5222,11369,5912],{"class":5260},[5222,11371,5264],{"class":5243},[5222,11373,11342],{"class":5239},[5222,11375,5133],{"class":5243},[5222,11377,11294],{"class":5239},[5222,11379,6288],{"class":5243},[5222,11381,11382],{"class":5228},"\u002F\u002F 0 (!) — значення скопійовано при імпорті\n",[5195,11384,11385],{},[5145,11386,6350],{},[5213,11388,11390],{"className":7213,"code":11389,"language":7215,"meta":5218,"style":5218},"\u002F\u002F counter.ts (ES Modules — live bindings)\nexport let count: number = 0;\n\nexport function increment(): void {\n  count++;\n}\n\n\u002F\u002F app.ts\nimport { count, increment } from '.\u002Fcounter.js';\n\nconsole.log(count); \u002F\u002F 0\nincrement();\nconsole.log(count); \u002F\u002F 1 — зв'язка актуалізується автоматично\n",[5102,11391,11392,11397,11416,11420,11434,11440,11444,11448,11453,11474,11478,11494,11500],{"__ignoreMap":5218},[5222,11393,11394],{"class":5224,"line":5225},[5222,11395,11396],{"class":5228},"\u002F\u002F counter.ts (ES Modules — live bindings)\n",[5222,11398,11399,11401,11404,11406,11408,11410,11412,11414],{"class":5224,"line":5232},[5222,11400,5118],{"class":5670},[5222,11402,11403],{"class":5235}," let",[5222,11405,8536],{"class":5239},[5222,11407,6123],{"class":5243},[5222,11409,6126],{"class":6056},[5222,11411,5244],{"class":5243},[5222,11413,5248],{"class":5247},[5222,11415,5251],{"class":5243},[5222,11417,11418],{"class":5224,"line":5254},[5222,11419,5524],{"emptyLinePlaceholder":5523},[5222,11421,11422,11424,11426,11428,11430,11432],{"class":5224,"line":5279},[5222,11423,5118],{"class":5670},[5222,11425,5503],{"class":5235},[5222,11427,11264],{"class":5260},[5222,11429,7916],{"class":5243},[5222,11431,7245],{"class":6056},[5222,11433,5674],{"class":5243},[5222,11435,11436,11438],{"class":5224,"line":5298},[5222,11437,11271],{"class":5239},[5222,11439,5698],{"class":5243},[5222,11441,11442],{"class":5224,"line":5317},[5222,11443,5898],{"class":5243},[5222,11445,11446],{"class":5224,"line":5336},[5222,11447,5524],{"emptyLinePlaceholder":5523},[5222,11449,11450],{"class":5224,"line":5532},[5222,11451,11452],{"class":5228},"\u002F\u002F app.ts\n",[5222,11454,11455,11457,11459,11461,11463,11465,11467,11469,11472],{"class":5224,"line":5545},[5222,11456,5115],{"class":5670},[5222,11458,6367],{"class":5243},[5222,11460,11294],{"class":5239},[5222,11462,5105],{"class":5243},[5222,11464,8654],{"class":5239},[5222,11466,6381],{"class":5243},[5222,11468,6384],{"class":5670},[5222,11470,11471],{"class":5917}," '.\u002Fcounter.js'",[5222,11473,5251],{"class":5243},[5222,11475,11476],{"class":5224,"line":5557},[5222,11477,5524],{"emptyLinePlaceholder":5523},[5222,11479,11480,11482,11484,11486,11488,11490,11492],{"class":5224,"line":5577},[5222,11481,5907],{"class":5239},[5222,11483,5133],{"class":5243},[5222,11485,5912],{"class":5260},[5222,11487,5264],{"class":5243},[5222,11489,11294],{"class":5239},[5222,11491,6288],{"class":5243},[5222,11493,11351],{"class":5228},[5222,11495,11496,11498],{"class":5224,"line":5722},[5222,11497,8654],{"class":5260},[5222,11499,5714],{"class":5243},[5222,11501,11502,11504,11506,11508,11510,11512,11514],{"class":5224,"line":5734},[5222,11503,5907],{"class":5239},[5222,11505,5133],{"class":5243},[5222,11507,5912],{"class":5260},[5222,11509,5264],{"class":5243},[5222,11511,11294],{"class":5239},[5222,11513,6288],{"class":5243},[5222,11515,11516],{"class":5228},"\u002F\u002F 1 — зв'язка актуалізується автоматично\n",[5195,11518,11519],{},[5145,11520,11521],{},"ES Modules (живі прив'язки):",[5213,11523,11525],{"className":5215,"code":11524,"language":5217,"meta":5218,"style":5218},"\u002F\u002F counter.mjs\nexport let count = 0;\n\nexport function increment() {\n  count++;\n}\n\n\u002F\u002F app.mjs\nimport { count, increment } from '.\u002Fcounter.mjs';\n\nconsole.log(count); \u002F\u002F 0\nincrement();\nconsole.log(count); \u002F\u002F 1 (!) — бачимо актуальне значення\n",[5102,11526,11527,11532,11546,11550,11560,11566,11570,11574,11578,11599,11603,11619,11625],{"__ignoreMap":5218},[5222,11528,11529],{"class":5224,"line":5225},[5222,11530,11531],{"class":5228},"\u002F\u002F counter.mjs\n",[5222,11533,11534,11536,11538,11540,11542,11544],{"class":5224,"line":5232},[5222,11535,5118],{"class":5670},[5222,11537,11403],{"class":5235},[5222,11539,8536],{"class":5239},[5222,11541,5244],{"class":5243},[5222,11543,5248],{"class":5247},[5222,11545,5251],{"class":5243},[5222,11547,11548],{"class":5224,"line":5254},[5222,11549,5524],{"emptyLinePlaceholder":5523},[5222,11551,11552,11554,11556,11558],{"class":5224,"line":5279},[5222,11553,5118],{"class":5670},[5222,11555,5503],{"class":5235},[5222,11557,11264],{"class":5260},[5222,11559,5636],{"class":5243},[5222,11561,11562,11564],{"class":5224,"line":5298},[5222,11563,11271],{"class":5239},[5222,11565,5698],{"class":5243},[5222,11567,11568],{"class":5224,"line":5317},[5222,11569,5898],{"class":5243},[5222,11571,11572],{"class":5224,"line":5336},[5222,11573,5524],{"emptyLinePlaceholder":5523},[5222,11575,11576],{"class":5224,"line":5532},[5222,11577,9720],{"class":5228},[5222,11579,11580,11582,11584,11586,11588,11590,11592,11594,11597],{"class":5224,"line":5545},[5222,11581,5115],{"class":5670},[5222,11583,6367],{"class":5243},[5222,11585,11294],{"class":5239},[5222,11587,5105],{"class":5243},[5222,11589,8654],{"class":5239},[5222,11591,6381],{"class":5243},[5222,11593,6384],{"class":5670},[5222,11595,11596],{"class":5917}," '.\u002Fcounter.mjs'",[5222,11598,5251],{"class":5243},[5222,11600,11601],{"class":5224,"line":5557},[5222,11602,5524],{"emptyLinePlaceholder":5523},[5222,11604,11605,11607,11609,11611,11613,11615,11617],{"class":5224,"line":5577},[5222,11606,5907],{"class":5239},[5222,11608,5133],{"class":5243},[5222,11610,5912],{"class":5260},[5222,11612,5264],{"class":5243},[5222,11614,11294],{"class":5239},[5222,11616,6288],{"class":5243},[5222,11618,11351],{"class":5228},[5222,11620,11621,11623],{"class":5224,"line":5722},[5222,11622,8654],{"class":5260},[5222,11624,5714],{"class":5243},[5222,11626,11627,11629,11631,11633,11635,11637,11639],{"class":5224,"line":5734},[5222,11628,5907],{"class":5239},[5222,11630,5133],{"class":5243},[5222,11632,5912],{"class":5260},[5222,11634,5264],{"class":5243},[5222,11636,11294],{"class":5239},[5222,11638,6288],{"class":5243},[5222,11640,11641],{"class":5228},"\u002F\u002F 1 (!) — бачимо актуальне значення\n",[5797,11643,11644,11645,11648],{},"Це особливо корисно у ",[5145,11646,11647],{},"циклічних залежностях",", де модулі взаємодіють до повного завантаження один одного. ESM гарантує, що імпортер завжди бачить найсвіжіші дані.",[5195,11650,11651],{},[5145,11652,11653],{},"Обмеження: неможливо змінити імпортоване значення",[5213,11655,11657],{"className":5215,"code":11656,"language":5217,"meta":5218,"style":5218},"\u002F\u002F counter.mjs\nexport let count = 0;\n\n\u002F\u002F app.mjs\nimport { count } from '.\u002Fcounter.mjs';\n\ncount = 10; \u002F\u002F TypeError: Assignment to constant variable.\n",[5102,11658,11659,11663,11677,11681,11685,11701,11705],{"__ignoreMap":5218},[5222,11660,11661],{"class":5224,"line":5225},[5222,11662,11531],{"class":5228},[5222,11664,11665,11667,11669,11671,11673,11675],{"class":5224,"line":5232},[5222,11666,5118],{"class":5670},[5222,11668,11403],{"class":5235},[5222,11670,8536],{"class":5239},[5222,11672,5244],{"class":5243},[5222,11674,5248],{"class":5247},[5222,11676,5251],{"class":5243},[5222,11678,11679],{"class":5224,"line":5254},[5222,11680,5524],{"emptyLinePlaceholder":5523},[5222,11682,11683],{"class":5224,"line":5279},[5222,11684,9720],{"class":5228},[5222,11686,11687,11689,11691,11693,11695,11697,11699],{"class":5224,"line":5298},[5222,11688,5115],{"class":5670},[5222,11690,6367],{"class":5243},[5222,11692,11294],{"class":5239},[5222,11694,6381],{"class":5243},[5222,11696,6384],{"class":5670},[5222,11698,11596],{"class":5917},[5222,11700,5251],{"class":5243},[5222,11702,11703],{"class":5224,"line":5317},[5222,11704,5524],{"emptyLinePlaceholder":5523},[5222,11706,11707,11709,11711,11714,11716],{"class":5224,"line":5336},[5222,11708,11294],{"class":5239},[5222,11710,5244],{"class":5243},[5222,11712,11713],{"class":5247},"10",[5222,11715,10844],{"class":5243},[5222,11717,11718],{"class":5228},"\u002F\u002F TypeError: Assignment to constant variable.\n",[5195,11720,11721,11722,11725],{},"Імпортовані змінні доступні ",[5145,11723,11724],{},"лише для читання",". Змінювати їх можна лише всередині модуля, що експортує.",[5190,11727,11729],{"id":11728},"конфігурація-модульної-системи-у-packagejson","Конфігурація модульної системи у package.json",[5195,11731,11732,11733,11735,11736,5500],{},"Node.js визначає, яку модульну систему використовувати для файлу ",[5102,11734,5829],{},", на основі ",[5145,11737,11738],{},"контексту",[5203,11740,11742],{"id":11741},"поле-type-у-packagejson","Поле \"type\" у package.json",[5213,11744,11748],{"className":11745,"code":11746,"language":11747,"meta":5218,"style":5218},"language-json shiki shiki-themes light-plus dark-plus dark-plus","{\n  \"name\": \"my-app\",\n  \"version\": \"1.0.0\",\n  \"type\": \"module\"\n}\n","json",[5102,11749,11750,11755,11768,11780,11790],{"__ignoreMap":5218},[5222,11751,11752],{"class":5224,"line":5225},[5222,11753,11754],{"class":5243},"{\n",[5222,11756,11757,11761,11763,11766],{"class":5224,"line":5232},[5222,11758,11760],{"class":11759},"sLwNe","  \"name\"",[5222,11762,6123],{"class":5243},[5222,11764,11765],{"class":5917},"\"my-app\"",[5222,11767,6074],{"class":5243},[5222,11769,11770,11773,11775,11778],{"class":5224,"line":5254},[5222,11771,11772],{"class":11759},"  \"version\"",[5222,11774,6123],{"class":5243},[5222,11776,11777],{"class":5917},"\"1.0.0\"",[5222,11779,6074],{"class":5243},[5222,11781,11782,11785,11787],{"class":5224,"line":5279},[5222,11783,11784],{"class":11759},"  \"type\"",[5222,11786,6123],{"class":5243},[5222,11788,11789],{"class":5917},"\"module\"\n",[5222,11791,11792],{"class":5224,"line":5298},[5222,11793,5898],{"class":5243},[5195,11795,11796],{},[5145,11797,11798],{},"Можливі значення:",[9447,11800,11801,11817],{},[9450,11802,11803],{},[9453,11804,11805,11808,11814],{},[9456,11806,11807],{},"Значення",[9456,11809,11810,11811,11813],{},"Інтерпретація ",[5102,11812,5829],{}," файлів",[9456,11815,11816],{},"Для CommonJS використовуйте",[9464,11818,11819,11834],{},[9453,11820,11821,11826,11828],{},[9469,11822,11823],{},[5102,11824,11825],{},"\"module\"",[9469,11827,9437],{},[9469,11829,11830,11833],{},[5102,11831,11832],{},".cjs"," розширення",[9453,11835,11836,11842,11844],{},[9469,11837,11838,11841],{},[5102,11839,11840],{},"\"commonjs\""," (за замовчуванням)",[9469,11843,5813],{},[9469,11845,11846,11848],{},[5102,11847,9528],{}," для ESM",[5203,11850,9518],{"id":11851},"розширення-файлів",[9447,11853,11854,11864],{},[9450,11855,11856],{},[9453,11857,11858,11861],{},[9456,11859,11860],{},"Розширення",[9456,11862,11863],{},"Завжди інтерпретується як",[9464,11865,11866,11874,11882],{},[9453,11867,11868,11872],{},[9469,11869,11870],{},[5102,11871,9528],{},[9469,11873,9437],{},[9453,11875,11876,11880],{},[9469,11877,11878],{},[5102,11879,11832],{},[9469,11881,5813],{},[9453,11883,11884,11888],{},[9469,11885,11886],{},[5102,11887,5829],{},[9469,11889,11890,11891,11893,11894],{},"Залежить від ",[5102,11892,5132],{}," у ",[5102,11895,5128],{},[5195,11897,11898],{},[5145,11899,11900],{},"Приклад структури проєкту з ESM:",[11902,11903,11904,11948,11990,12108],"code-tree",{},[5213,11905,11907],{"className":11745,"code":11906,"filename":5128,"language":11747,"meta":5218,"style":5218},"{\n  \"name\": \"esm-app\",\n  \"type\": \"module\",\n  \"main\": \"index.js\"\n}\n",[5102,11908,11909,11913,11924,11934,11944],{"__ignoreMap":5218},[5222,11910,11911],{"class":5224,"line":5225},[5222,11912,11754],{"class":5243},[5222,11914,11915,11917,11919,11922],{"class":5224,"line":5232},[5222,11916,11760],{"class":11759},[5222,11918,6123],{"class":5243},[5222,11920,11921],{"class":5917},"\"esm-app\"",[5222,11923,6074],{"class":5243},[5222,11925,11926,11928,11930,11932],{"class":5224,"line":5254},[5222,11927,11784],{"class":11759},[5222,11929,6123],{"class":5243},[5222,11931,11825],{"class":5917},[5222,11933,6074],{"class":5243},[5222,11935,11936,11939,11941],{"class":5224,"line":5279},[5222,11937,11938],{"class":11759},"  \"main\"",[5222,11940,6123],{"class":5243},[5222,11942,11943],{"class":5917},"\"index.js\"\n",[5222,11945,11946],{"class":5224,"line":5298},[5222,11947,5898],{"class":5243},[5213,11949,11952],{"className":5215,"code":11950,"filename":11951,"language":5217,"meta":5218,"style":5218},"\u002F\u002F Інтерпретується як ESM\nimport { createServer } from '.\u002Fserver.js';\n\ncreateServer(3000);\n","index.js",[5102,11953,11954,11959,11976,11980],{"__ignoreMap":5218},[5222,11955,11956],{"class":5224,"line":5225},[5222,11957,11958],{"class":5228},"\u002F\u002F Інтерпретується як ESM\n",[5222,11960,11961,11963,11965,11967,11969,11971,11974],{"class":5224,"line":5232},[5222,11962,5115],{"class":5670},[5222,11964,6367],{"class":5243},[5222,11966,7412],{"class":5239},[5222,11968,6381],{"class":5243},[5222,11970,6384],{"class":5670},[5222,11972,11973],{"class":5917}," '.\u002Fserver.js'",[5222,11975,5251],{"class":5243},[5222,11977,11978],{"class":5224,"line":5254},[5222,11979,5524],{"emptyLinePlaceholder":5523},[5222,11981,11982,11984,11986,11988],{"class":5224,"line":5279},[5222,11983,7412],{"class":5260},[5222,11985,5264],{"class":5243},[5222,11987,7483],{"class":5247},[5222,11989,5921],{"class":5243},[5213,11991,11994],{"className":5215,"code":11992,"filename":11993,"language":5217,"meta":5218,"style":5218},"import http from 'http';\n\nexport function createServer(port) {\n  const server = http.createServer((req, res) => {\n    res.end('Hello ESM!');\n  });\n  server.listen(port);\n  return server;\n}\n","server.js",[5102,11995,11996,12009,12013,12027,12060,12077,12082,12096,12104],{"__ignoreMap":5218},[5222,11997,11998,12000,12002,12004,12007],{"class":5224,"line":5225},[5222,11999,5115],{"class":5670},[5222,12001,7506],{"class":5239},[5222,12003,7509],{"class":5670},[5222,12005,12006],{"class":5917}," 'http'",[5222,12008,5251],{"class":5243},[5222,12010,12011],{"class":5224,"line":5232},[5222,12012,5524],{"emptyLinePlaceholder":5523},[5222,12014,12015,12017,12019,12021,12023,12025],{"class":5224,"line":5254},[5222,12016,5118],{"class":5670},[5222,12018,5503],{"class":5235},[5222,12020,7457],{"class":5260},[5222,12022,5264],{"class":5243},[5222,12024,7390],{"class":5239},[5222,12026,5690],{"class":5243},[5222,12028,12029,12031,12033,12035,12037,12039,12041,12044,12047,12049,12052,12055,12058],{"class":5224,"line":5279},[5222,12030,6749],{"class":5235},[5222,12032,7399],{"class":5471},[5222,12034,5244],{"class":5243},[5222,12036,7542],{"class":5239},[5222,12038,5133],{"class":5243},[5222,12040,7412],{"class":5260},[5222,12042,12043],{"class":5243},"((",[5222,12045,12046],{"class":5239},"req",[5222,12048,5105],{"class":5243},[5222,12050,12051],{"class":5239},"res",[5222,12053,12054],{"class":5243},") ",[5222,12056,12057],{"class":5235},"=>",[5222,12059,5674],{"class":5243},[5222,12061,12062,12065,12067,12070,12072,12075],{"class":5224,"line":5298},[5222,12063,12064],{"class":5239},"    res",[5222,12066,5133],{"class":5243},[5222,12068,12069],{"class":5260},"end",[5222,12071,5264],{"class":5243},[5222,12073,12074],{"class":5917},"'Hello ESM!'",[5222,12076,5921],{"class":5243},[5222,12078,12079],{"class":5224,"line":5317},[5222,12080,12081],{"class":5243},"  });\n",[5222,12083,12084,12086,12088,12090,12092,12094],{"class":5224,"line":5336},[5222,12085,7419],{"class":5239},[5222,12087,5133],{"class":5243},[5222,12089,7424],{"class":5260},[5222,12091,5264],{"class":5243},[5222,12093,7390],{"class":5239},[5222,12095,5921],{"class":5243},[5222,12097,12098,12100,12102],{"class":5224,"line":5532},[5222,12099,5671],{"class":5670},[5222,12101,7399],{"class":5239},[5222,12103,5251],{"class":5243},[5222,12105,12106],{"class":5224,"line":5545},[5222,12107,5898],{"class":5243},[5213,12109,12112],{"className":5215,"code":12110,"filename":12111,"language":5217,"meta":5218,"style":5218},"\u002F\u002F Для сумісності з CommonJS (файл legacy.cjs)\nconst fs = require('fs');\n\nmodule.exports = function readConfig() {\n  return JSON.parse(fs.readFileSync('.\u002Fconfig.json', 'utf8'));\n};\n","legacy.cjs",[5102,12113,12114,12119,12136,12140,12157,12191],{"__ignoreMap":5218},[5222,12115,12116],{"class":5224,"line":5225},[5222,12117,12118],{"class":5228},"\u002F\u002F Для сумісності з CommonJS (файл legacy.cjs)\n",[5222,12120,12121,12123,12126,12128,12130,12132,12134],{"class":5224,"line":5232},[5222,12122,5848],{"class":5235},[5222,12124,12125],{"class":5471}," fs",[5222,12127,5244],{"class":5243},[5222,12129,5104],{"class":5260},[5222,12131,5264],{"class":5243},[5222,12133,6489],{"class":5917},[5222,12135,5921],{"class":5243},[5222,12137,12138],{"class":5224,"line":5254},[5222,12139,5524],{"emptyLinePlaceholder":5523},[5222,12141,12142,12144,12146,12148,12150,12152,12155],{"class":5224,"line":5279},[5222,12143,6057],{"class":6056},[5222,12145,5133],{"class":5243},[5222,12147,6062],{"class":6056},[5222,12149,5244],{"class":5243},[5222,12151,5257],{"class":5235},[5222,12153,12154],{"class":5260}," readConfig",[5222,12156,5636],{"class":5243},[5222,12158,12159,12161,12164,12166,12169,12171,12174,12176,12179,12181,12184,12186,12189],{"class":5224,"line":5298},[5222,12160,5671],{"class":5670},[5222,12162,12163],{"class":5471}," JSON",[5222,12165,5133],{"class":5243},[5222,12167,12168],{"class":5260},"parse",[5222,12170,5264],{"class":5243},[5222,12172,12173],{"class":5239},"fs",[5222,12175,5133],{"class":5243},[5222,12177,12178],{"class":5260},"readFileSync",[5222,12180,5264],{"class":5243},[5222,12182,12183],{"class":5917},"'.\u002Fconfig.json'",[5222,12185,5105],{"class":5243},[5222,12187,12188],{"class":5917},"'utf8'",[5222,12190,10229],{"class":5243},[5222,12192,12193],{"class":5224,"line":5317},[5222,12194,5518],{"class":5243},[5203,12196,12198],{"id":12197},"поля-main-module-та-exports","Поля \"main\", \"module\" та \"exports\"",[5195,12200,12201],{},"Для публічних npm-пакетів важливо правильно налаштувати точки входу:",[5213,12203,12205],{"className":11745,"code":12204,"language":11747,"meta":5218,"style":5218},"{\n  \"name\": \"my-library\",\n  \"version\": \"2.0.0\",\n  \"main\": \".\u002Fdist\u002Findex.cjs\",\n  \"module\": \".\u002Fdist\u002Findex.mjs\",\n  \"exports\": {\n    \".\": {\n      \"import\": \".\u002Fdist\u002Findex.mjs\",\n      \"require\": \".\u002Fdist\u002Findex.cjs\"\n    },\n    \".\u002Futils\": {\n      \"import\": \".\u002Fdist\u002Futils.mjs\",\n      \"require\": \".\u002Fdist\u002Futils.cjs\"\n    }\n  }\n}\n",[5102,12206,12207,12211,12222,12233,12244,12256,12264,12271,12282,12292,12296,12303,12314,12323,12327,12331],{"__ignoreMap":5218},[5222,12208,12209],{"class":5224,"line":5225},[5222,12210,11754],{"class":5243},[5222,12212,12213,12215,12217,12220],{"class":5224,"line":5232},[5222,12214,11760],{"class":11759},[5222,12216,6123],{"class":5243},[5222,12218,12219],{"class":5917},"\"my-library\"",[5222,12221,6074],{"class":5243},[5222,12223,12224,12226,12228,12231],{"class":5224,"line":5254},[5222,12225,11772],{"class":11759},[5222,12227,6123],{"class":5243},[5222,12229,12230],{"class":5917},"\"2.0.0\"",[5222,12232,6074],{"class":5243},[5222,12234,12235,12237,12239,12242],{"class":5224,"line":5279},[5222,12236,11938],{"class":11759},[5222,12238,6123],{"class":5243},[5222,12240,12241],{"class":5917},"\".\u002Fdist\u002Findex.cjs\"",[5222,12243,6074],{"class":5243},[5222,12245,12246,12249,12251,12254],{"class":5224,"line":5298},[5222,12247,12248],{"class":11759},"  \"module\"",[5222,12250,6123],{"class":5243},[5222,12252,12253],{"class":5917},"\".\u002Fdist\u002Findex.mjs\"",[5222,12255,6074],{"class":5243},[5222,12257,12258,12261],{"class":5224,"line":5317},[5222,12259,12260],{"class":11759},"  \"exports\"",[5222,12262,12263],{"class":5243},": {\n",[5222,12265,12266,12269],{"class":5224,"line":5336},[5222,12267,12268],{"class":11759},"    \".\"",[5222,12270,12263],{"class":5243},[5222,12272,12273,12276,12278,12280],{"class":5224,"line":5532},[5222,12274,12275],{"class":11759},"      \"import\"",[5222,12277,6123],{"class":5243},[5222,12279,12253],{"class":5917},[5222,12281,6074],{"class":5243},[5222,12283,12284,12287,12289],{"class":5224,"line":5545},[5222,12285,12286],{"class":11759},"      \"require\"",[5222,12288,6123],{"class":5243},[5222,12290,12291],{"class":5917},"\".\u002Fdist\u002Findex.cjs\"\n",[5222,12293,12294],{"class":5224,"line":5557},[5222,12295,5719],{"class":5243},[5222,12297,12298,12301],{"class":5224,"line":5577},[5222,12299,12300],{"class":11759},"    \".\u002Futils\"",[5222,12302,12263],{"class":5243},[5222,12304,12305,12307,12309,12312],{"class":5224,"line":5722},[5222,12306,12275],{"class":11759},[5222,12308,6123],{"class":5243},[5222,12310,12311],{"class":5917},"\".\u002Fdist\u002Futils.mjs\"",[5222,12313,6074],{"class":5243},[5222,12315,12316,12318,12320],{"class":5224,"line":5734},[5222,12317,12286],{"class":11759},[5222,12319,6123],{"class":5243},[5222,12321,12322],{"class":5917},"\".\u002Fdist\u002Futils.cjs\"\n",[5222,12324,12325],{"class":5224,"line":5743},[5222,12326,5746],{"class":5243},[5222,12328,12329],{"class":5224,"line":5749},[5222,12330,7158],{"class":5243},[5222,12332,12333],{"class":5224,"line":5755},[5222,12334,5898],{"class":5243},[5195,12336,12337],{},[5145,12338,12339],{},"Пояснення полів:",[5092,12341,12342,12350,12357],{},[5095,12343,12344,12349],{},[5145,12345,12346,5500],{},[5102,12347,12348],{},"main"," точка входу для старих версій Node.js та бандлерів (зазвичай CommonJS).",[5095,12351,12352,12356],{},[5145,12353,12354,5500],{},[5102,12355,6057],{}," точка входу для інструментів, що підтримують ESM (Rollup, Webpack).",[5095,12358,12359,12363,12364,10545,12367,5170],{},[5145,12360,12361,5500],{},[5102,12362,6062],{}," сучасний спосіб експорту з підтримкою ",[5145,12365,12366],{},"умовних експортів",[5770,12368,12369],{},"conditional exports",[6451,12371,12372,12381],{},[5195,12373,12374,12380],{},[5145,12375,12376,12377,12379],{},"Поле ",[5102,12378,6062],{}," — стандарт 2026 року."," Воно дозволяє:",[5092,12382,12383,12390,12393],{},[5095,12384,12385,12386,10512,12388],{},"Експортувати різні версії для ",[5102,12387,5115],{},[5102,12389,5104],{},[5095,12391,12392],{},"Обмежити доступ до внутрішніх файлів пакета (приватність)",[5095,12394,12395],{},"Визначити кілька точок входу (subpath exports)",[5190,12397,12399],{"id":12398},"інтероперабельність-commonjs-es-modules","Інтероперабельність: CommonJS ↔ ES Modules",[5195,12401,12402],{},"Node.js дозволяє змішувати обидві модульні системи у одному проєкті, але з обмеженнями.",[5203,12404,12406],{"id":12405},"імпорт-commonjs-у-es-modules","Імпорт CommonJS у ES Modules",[5195,12408,12409,12412],{},[5145,12410,12411],{},"✅ Можливо:"," ES Modules можуть імпортувати CommonJS-модулі через default export:",[5213,12414,12416],{"className":5215,"code":12415,"language":5217,"meta":5218,"style":5218},"\u002F\u002F legacy.cjs (CommonJS)\nmodule.exports = {\n  foo: 'bar',\n  baz: 42\n};\n\n\u002F\u002F app.mjs (ES Modules)\nimport legacy from '.\u002Flegacy.cjs';\n\nconsole.log(legacy.foo); \u002F\u002F 'bar'\nconsole.log(legacy.baz); \u002F\u002F 42\n",[5102,12417,12418,12423,12433,12442,12450,12454,12458,12463,12477,12481,12503],{"__ignoreMap":5218},[5222,12419,12420],{"class":5224,"line":5225},[5222,12421,12422],{"class":5228},"\u002F\u002F legacy.cjs (CommonJS)\n",[5222,12424,12425,12427,12429,12431],{"class":5224,"line":5232},[5222,12426,6057],{"class":6056},[5222,12428,5133],{"class":5243},[5222,12430,6062],{"class":6056},[5222,12432,5492],{"class":5243},[5222,12434,12435,12438,12440],{"class":5224,"line":5254},[5222,12436,12437],{"class":5239},"  foo:",[5222,12439,8428],{"class":5917},[5222,12441,6074],{"class":5243},[5222,12443,12444,12447],{"class":5224,"line":5279},[5222,12445,12446],{"class":5239},"  baz:",[5222,12448,12449],{"class":5247}," 42\n",[5222,12451,12452],{"class":5224,"line":5298},[5222,12453,5518],{"class":5243},[5222,12455,12456],{"class":5224,"line":5317},[5222,12457,5524],{"emptyLinePlaceholder":5523},[5222,12459,12460],{"class":5224,"line":5336},[5222,12461,12462],{"class":5228},"\u002F\u002F app.mjs (ES Modules)\n",[5222,12464,12465,12467,12470,12472,12475],{"class":5224,"line":5532},[5222,12466,5115],{"class":5670},[5222,12468,12469],{"class":5239}," legacy",[5222,12471,7509],{"class":5670},[5222,12473,12474],{"class":5917}," '.\u002Flegacy.cjs'",[5222,12476,5251],{"class":5243},[5222,12478,12479],{"class":5224,"line":5545},[5222,12480,5524],{"emptyLinePlaceholder":5523},[5222,12482,12483,12485,12487,12489,12491,12494,12496,12498,12500],{"class":5224,"line":5557},[5222,12484,5907],{"class":5239},[5222,12486,5133],{"class":5243},[5222,12488,5912],{"class":5260},[5222,12490,5264],{"class":5243},[5222,12492,12493],{"class":5239},"legacy",[5222,12495,5133],{"class":5243},[5222,12497,8473],{"class":5239},[5222,12499,6288],{"class":5243},[5222,12501,12502],{"class":5228},"\u002F\u002F 'bar'\n",[5222,12504,12505,12507,12509,12511,12513,12515,12517,12520,12522],{"class":5224,"line":5577},[5222,12506,5907],{"class":5239},[5222,12508,5133],{"class":5243},[5222,12510,5912],{"class":5260},[5222,12512,5264],{"class":5243},[5222,12514,12493],{"class":5239},[5222,12516,5133],{"class":5243},[5222,12518,12519],{"class":5239},"baz",[5222,12521,6288],{"class":5243},[5222,12523,12524],{"class":5228},"\u002F\u002F 42\n",[5195,12526,12527,12530],{},[5145,12528,12529],{},"⚠️ Обмеження:"," Named imports не працюють напряму (лише через namespace):",[5213,12532,12534],{"className":5215,"code":12533,"language":5217,"meta":5218,"style":5218},"\u002F\u002F ❌ НЕ ПРАЦЮЄ\nimport { foo } from '.\u002Flegacy.cjs'; \u002F\u002F SyntaxError\n\n\u002F\u002F ✅ ПРАЦЮЄ\nimport * as legacy from '.\u002Flegacy.cjs';\nconsole.log(legacy.default.foo);\n",[5102,12535,12536,12541,12560,12564,12569,12585],{"__ignoreMap":5218},[5222,12537,12538],{"class":5224,"line":5225},[5222,12539,12540],{"class":5228},"\u002F\u002F ❌ НЕ ПРАЦЮЄ\n",[5222,12542,12543,12545,12547,12549,12551,12553,12555,12557],{"class":5224,"line":5232},[5222,12544,5115],{"class":5670},[5222,12546,6367],{"class":5243},[5222,12548,8473],{"class":5239},[5222,12550,6381],{"class":5243},[5222,12552,6384],{"class":5670},[5222,12554,12474],{"class":5917},[5222,12556,10844],{"class":5243},[5222,12558,12559],{"class":5228},"\u002F\u002F SyntaxError\n",[5222,12561,12562],{"class":5224,"line":5254},[5222,12563,5524],{"emptyLinePlaceholder":5523},[5222,12565,12566],{"class":5224,"line":5279},[5222,12567,12568],{"class":5228},"\u002F\u002F ✅ ПРАЦЮЄ\n",[5222,12570,12571,12573,12575,12577,12579,12581,12583],{"class":5224,"line":5298},[5222,12572,5115],{"class":5670},[5222,12574,10261],{"class":5235},[5222,12576,10185],{"class":5670},[5222,12578,12469],{"class":5239},[5222,12580,7509],{"class":5670},[5222,12582,12474],{"class":5917},[5222,12584,5251],{"class":5243},[5222,12586,12587,12589,12591,12593,12595,12597,12599,12602,12604,12606],{"class":5224,"line":5317},[5222,12588,5907],{"class":5239},[5222,12590,5133],{"class":5243},[5222,12592,5912],{"class":5260},[5222,12594,5264],{"class":5243},[5222,12596,12493],{"class":5239},[5222,12598,5133],{"class":5243},[5222,12600,12601],{"class":5239},"default",[5222,12603,5133],{"class":5243},[5222,12605,8473],{"class":5239},[5222,12607,5921],{"class":5243},[5203,12609,12611],{"id":12610},"імпорт-es-modules-у-commonjs","Імпорт ES Modules у CommonJS",[5195,12613,12614],{},[5145,12615,12616,12617,12619],{},"❌ Синхронний ",[5102,12618,6236],{}," не працює:",[5213,12621,12623],{"className":5215,"code":12622,"language":5217,"meta":5218,"style":5218},"\u002F\u002F module.mjs (ES Module)\nexport const foo = 'bar';\n\n\u002F\u002F app.cjs (CommonJS)\nconst module = require('.\u002Fmodule.mjs'); \u002F\u002F Error: require() of ES Module not supported\n",[5102,12624,12625,12630,12644,12648,12653],{"__ignoreMap":5218},[5222,12626,12627],{"class":5224,"line":5225},[5222,12628,12629],{"class":5228},"\u002F\u002F module.mjs (ES Module)\n",[5222,12631,12632,12634,12636,12638,12640,12642],{"class":5224,"line":5232},[5222,12633,5118],{"class":5670},[5222,12635,6118],{"class":5235},[5222,12637,8498],{"class":5471},[5222,12639,5244],{"class":5243},[5222,12641,8478],{"class":5917},[5222,12643,5251],{"class":5243},[5222,12645,12646],{"class":5224,"line":5254},[5222,12647,5524],{"emptyLinePlaceholder":5523},[5222,12649,12650],{"class":5224,"line":5279},[5222,12651,12652],{"class":5228},"\u002F\u002F app.cjs (CommonJS)\n",[5222,12654,12655,12657,12659,12661,12663,12665,12667,12669],{"class":5224,"line":5298},[5222,12656,5848],{"class":5235},[5222,12658,10877],{"class":5471},[5222,12660,5244],{"class":5243},[5222,12662,5104],{"class":5260},[5222,12664,5264],{"class":5243},[5222,12666,10888],{"class":5917},[5222,12668,6288],{"class":5243},[5222,12670,12671],{"class":5228},"\u002F\u002F Error: require() of ES Module not supported\n",[5195,12673,12674],{},[5145,12675,12676,12677,5500],{},"✅ Використовуйте динамічний ",[5102,12678,10476],{},[5213,12680,12682],{"className":5215,"code":12681,"language":5217,"meta":5218,"style":5218},"\u002F\u002F app.cjs\n(async () => {\n  const module = await import('.\u002Fmodule.mjs');\n  console.log(module.foo); \u002F\u002F 'bar'\n})();\n",[5102,12683,12684,12689,12702,12720,12740],{"__ignoreMap":5218},[5222,12685,12686],{"class":5224,"line":5225},[5222,12687,12688],{"class":5228},"\u002F\u002F app.cjs\n",[5222,12690,12691,12693,12695,12698,12700],{"class":5224,"line":5232},[5222,12692,5264],{"class":5243},[5222,12694,10359],{"class":5235},[5222,12696,12697],{"class":5243}," () ",[5222,12699,12057],{"class":5235},[5222,12701,5674],{"class":5243},[5222,12703,12704,12706,12708,12710,12712,12714,12716,12718],{"class":5224,"line":5254},[5222,12705,6749],{"class":5235},[5222,12707,10877],{"class":5471},[5222,12709,5244],{"class":5243},[5222,12711,10377],{"class":5670},[5222,12713,10380],{"class":5235},[5222,12715,5264],{"class":5243},[5222,12717,10888],{"class":5917},[5222,12719,5921],{"class":5243},[5222,12721,12722,12724,12726,12728,12730,12732,12734,12736,12738],{"class":5224,"line":5279},[5222,12723,7252],{"class":5239},[5222,12725,5133],{"class":5243},[5222,12727,5912],{"class":5260},[5222,12729,5264],{"class":5243},[5222,12731,6057],{"class":6056},[5222,12733,5133],{"class":5243},[5222,12735,8473],{"class":5239},[5222,12737,6288],{"class":5243},[5222,12739,12502],{"class":5228},[5222,12741,12742],{"class":5224,"line":5298},[5222,12743,5758],{"class":5243},[8387,12745,12746,12749,12750,12752],{},[5145,12747,12748],{},"Ключове обмеження:"," CommonJS не може ",[5145,12751,6819],{}," завантажувати ES Modules, оскільки ESM завантажуються асинхронно. Це фундаментальна відмінність між двома системами.",[5203,12754,12756],{"id":12755},"практичні-стратегії-міграції","Практичні стратегії міграції",[5195,12758,12759],{},[5145,12760,12761],{},"Стратегія 1: Dual Package (підтримка обох форматів)",[5195,12763,12764],{},"Публікуйте пакет у двох версіях:",[5213,12766,12768],{"className":11745,"code":12767,"language":11747,"meta":5218,"style":5218},"{\n  \"exports\": {\n    \".\": {\n      \"import\": \".\u002Fdist\u002Findex.mjs\",\n      \"require\": \".\u002Fdist\u002Findex.cjs\"\n    }\n  }\n}\n",[5102,12769,12770,12774,12780,12786,12796,12804,12808,12812],{"__ignoreMap":5218},[5222,12771,12772],{"class":5224,"line":5225},[5222,12773,11754],{"class":5243},[5222,12775,12776,12778],{"class":5224,"line":5232},[5222,12777,12260],{"class":11759},[5222,12779,12263],{"class":5243},[5222,12781,12782,12784],{"class":5224,"line":5254},[5222,12783,12268],{"class":11759},[5222,12785,12263],{"class":5243},[5222,12787,12788,12790,12792,12794],{"class":5224,"line":5279},[5222,12789,12275],{"class":11759},[5222,12791,6123],{"class":5243},[5222,12793,12253],{"class":5917},[5222,12795,6074],{"class":5243},[5222,12797,12798,12800,12802],{"class":5224,"line":5298},[5222,12799,12286],{"class":11759},[5222,12801,6123],{"class":5243},[5222,12803,12291],{"class":5917},[5222,12805,12806],{"class":5224,"line":5317},[5222,12807,5746],{"class":5243},[5222,12809,12810],{"class":5224,"line":5336},[5222,12811,7158],{"class":5243},[5222,12813,12814],{"class":5224,"line":5532},[5222,12815,5898],{"class":5243},[5195,12817,12818],{},[5145,12819,12820],{},"Стратегія 2: Поступова міграція зсередини",[9312,12822,12823,12830,12838,12849,12852],{},[5095,12824,12825,12826,11893,12828],{},"Додайте ",[5102,12827,9534],{},[5102,12829,5128],{},[5095,12831,12832,12833,12835,12836],{},"Перейменуйте всі ",[5102,12834,5829],{}," файли на ",[5102,12837,9528],{},[5095,12839,12840,12841,8400,12843,5105,12845,8400,12847],{},"Замініть ",[5102,12842,6236],{},[5102,12844,5115],{},[5102,12846,5108],{},[5102,12848,5118],{},[5095,12850,12851],{},"Тестуйте модуль за модулем",[5095,12853,12854,12855,12857,12858,5773],{},"Коли все мігровано, видаліть розширення ",[5102,12856,9528],{}," (залишіть ",[5102,12859,5829],{},[5195,12861,12862],{},[5145,12863,12864],{},"Стратегія 3: Гібридний проєкт",[5195,12866,12867],{},"Використовуйте CommonJS для конфігураційних файлів та ESM для основного коду:",[5213,12869,12874],{"className":12870,"code":12872,"language":12873},[12871],"language-text","project\u002F\n├── package.json       (\"type\": \"module\")\n├── src\u002F\n│   ├── index.js       (ESM)\n│   ├── server.js      (ESM)\n│   └── utils.js       (ESM)\n├── config\u002F\n│   └── database.cjs   (CommonJS для сумісності)\n└── scripts\u002F\n    └── build.cjs      (CommonJS для Node.js-скриптів)\n","text",[5102,12875,12872],{"__ignoreMap":5218},[5190,12877,12879],{"id":12878},"barrel-files-організація-експортів","Barrel Files: організація експортів",[5195,12881,12882,12885,12886,12888],{},[5145,12883,12884],{},"Barrel file"," — це файл ",[5102,12887,11951],{},", який реекспортує модулі з директорії для зручного імпорту.",[5195,12890,12891],{},[5145,12892,12893],{},"Без barrel file:",[5213,12895,12897],{"className":5215,"code":12896,"language":5217,"meta":5218,"style":5218},"\u002F\u002F app.js\nimport { User } from '.\u002Fmodels\u002FUser.js';\nimport { Post } from '.\u002Fmodels\u002FPost.js';\nimport { Comment } from '.\u002Fmodels\u002FComment.js';\n",[5102,12898,12899,12903,12920,12938],{"__ignoreMap":5218},[5222,12900,12901],{"class":5224,"line":5225},[5222,12902,6614],{"class":5228},[5222,12904,12905,12907,12909,12911,12913,12915,12918],{"class":5224,"line":5232},[5222,12906,5115],{"class":5670},[5222,12908,6367],{"class":5243},[5222,12910,7763],{"class":5239},[5222,12912,6381],{"class":5243},[5222,12914,6384],{"class":5670},[5222,12916,12917],{"class":5917}," '.\u002Fmodels\u002FUser.js'",[5222,12919,5251],{"class":5243},[5222,12921,12922,12924,12926,12929,12931,12933,12936],{"class":5224,"line":5254},[5222,12923,5115],{"class":5670},[5222,12925,6367],{"class":5243},[5222,12927,12928],{"class":5239},"Post",[5222,12930,6381],{"class":5243},[5222,12932,6384],{"class":5670},[5222,12934,12935],{"class":5917}," '.\u002Fmodels\u002FPost.js'",[5222,12937,5251],{"class":5243},[5222,12939,12940,12942,12944,12947,12949,12951,12954],{"class":5224,"line":5279},[5222,12941,5115],{"class":5670},[5222,12943,6367],{"class":5243},[5222,12945,12946],{"class":5239},"Comment",[5222,12948,6381],{"class":5243},[5222,12950,6384],{"class":5670},[5222,12952,12953],{"class":5917}," '.\u002Fmodels\u002FComment.js'",[5222,12955,5251],{"class":5243},[5195,12957,12958],{},[5145,12959,12960],{},"З barrel file:",[5213,12962,12964],{"className":5215,"code":12963,"language":5217,"meta":5218,"style":5218},"\u002F\u002F models\u002Findex.js\nexport { User } from '.\u002FUser.js';\nexport { Post } from '.\u002FPost.js';\nexport { Comment } from '.\u002FComment.js';\n\n\u002F\u002F app.js\nimport { User, Post, Comment } from '.\u002Fmodels\u002Findex.js';\n\u002F\u002F або коротше (якщо Node.js резолвить index.js автоматично)\nimport { User, Post, Comment } from '.\u002Fmodels';\n",[5102,12965,12966,12971,12987,13004,13021,13025,13029,13054,13059],{"__ignoreMap":5218},[5222,12967,12968],{"class":5224,"line":5225},[5222,12969,12970],{"class":5228},"\u002F\u002F models\u002Findex.js\n",[5222,12972,12973,12975,12977,12979,12981,12983,12985],{"class":5224,"line":5232},[5222,12974,5118],{"class":5670},[5222,12976,6367],{"class":5243},[5222,12978,7763],{"class":5239},[5222,12980,6381],{"class":5243},[5222,12982,6384],{"class":5670},[5222,12984,7971],{"class":5917},[5222,12986,5251],{"class":5243},[5222,12988,12989,12991,12993,12995,12997,12999,13002],{"class":5224,"line":5254},[5222,12990,5118],{"class":5670},[5222,12992,6367],{"class":5243},[5222,12994,12928],{"class":5239},[5222,12996,6381],{"class":5243},[5222,12998,6384],{"class":5670},[5222,13000,13001],{"class":5917}," '.\u002FPost.js'",[5222,13003,5251],{"class":5243},[5222,13005,13006,13008,13010,13012,13014,13016,13019],{"class":5224,"line":5279},[5222,13007,5118],{"class":5670},[5222,13009,6367],{"class":5243},[5222,13011,12946],{"class":5239},[5222,13013,6381],{"class":5243},[5222,13015,6384],{"class":5670},[5222,13017,13018],{"class":5917}," '.\u002FComment.js'",[5222,13020,5251],{"class":5243},[5222,13022,13023],{"class":5224,"line":5298},[5222,13024,5524],{"emptyLinePlaceholder":5523},[5222,13026,13027],{"class":5224,"line":5317},[5222,13028,6614],{"class":5228},[5222,13030,13031,13033,13035,13037,13039,13041,13043,13045,13047,13049,13052],{"class":5224,"line":5336},[5222,13032,5115],{"class":5670},[5222,13034,6367],{"class":5243},[5222,13036,7763],{"class":5239},[5222,13038,5105],{"class":5243},[5222,13040,12928],{"class":5239},[5222,13042,5105],{"class":5243},[5222,13044,12946],{"class":5239},[5222,13046,6381],{"class":5243},[5222,13048,6384],{"class":5670},[5222,13050,13051],{"class":5917}," '.\u002Fmodels\u002Findex.js'",[5222,13053,5251],{"class":5243},[5222,13055,13056],{"class":5224,"line":5532},[5222,13057,13058],{"class":5228},"\u002F\u002F або коротше (якщо Node.js резолвить index.js автоматично)\n",[5222,13060,13061,13063,13065,13067,13069,13071,13073,13075,13077,13079,13082],{"class":5224,"line":5545},[5222,13062,5115],{"class":5670},[5222,13064,6367],{"class":5243},[5222,13066,7763],{"class":5239},[5222,13068,5105],{"class":5243},[5222,13070,12928],{"class":5239},[5222,13072,5105],{"class":5243},[5222,13074,12946],{"class":5239},[5222,13076,6381],{"class":5243},[5222,13078,6384],{"class":5670},[5222,13080,13081],{"class":5917}," '.\u002Fmodels'",[5222,13083,5251],{"class":5243},[6451,13085,13086,13091,13102,13106],{},[5195,13087,13088],{},[5145,13089,13090],{},"Переваги barrel files:",[5092,13092,13093,13096,13099],{},[5095,13094,13095],{},"Зручніший імпорт (один рядок замість трьох)",[5095,13097,13098],{},"Контроль над публічним API директорії",[5095,13100,13101],{},"Легше рефакторити внутрішню структуру без зміни імпортів",[5195,13103,13104],{},[5145,13105,5784],{},[5092,13107,13108,13111],{},[5095,13109,13110],{},"Додатковий рівень непрямості",[5095,13112,13113],{},"Може уповільнити tree shaking (всі модулі завантажуються разом)",[5195,13115,13116],{},[5145,13117,13118],{},"Реекспорт усього з модуля:",[5213,13120,13122],{"className":5215,"code":13121,"language":5217,"meta":5218,"style":5218},"\u002F\u002F index.js\nexport * from '.\u002FUser.js';\nexport * from '.\u002FPost.js';\n\n\u002F\u002F Або з перейменуванням\nexport * as UserModule from '.\u002FUser.js';\n",[5102,13123,13124,13129,13141,13153,13157,13162],{"__ignoreMap":5218},[5222,13125,13126],{"class":5224,"line":5225},[5222,13127,13128],{"class":5228},"\u002F\u002F index.js\n",[5222,13130,13131,13133,13135,13137,13139],{"class":5224,"line":5232},[5222,13132,5118],{"class":5670},[5222,13134,10261],{"class":5235},[5222,13136,7509],{"class":5670},[5222,13138,7971],{"class":5917},[5222,13140,5251],{"class":5243},[5222,13142,13143,13145,13147,13149,13151],{"class":5224,"line":5254},[5222,13144,5118],{"class":5670},[5222,13146,10261],{"class":5235},[5222,13148,7509],{"class":5670},[5222,13150,13001],{"class":5917},[5222,13152,5251],{"class":5243},[5222,13154,13155],{"class":5224,"line":5279},[5222,13156,5524],{"emptyLinePlaceholder":5523},[5222,13158,13159],{"class":5224,"line":5298},[5222,13160,13161],{"class":5228},"\u002F\u002F Або з перейменуванням\n",[5222,13163,13164,13166,13168,13170,13173,13175,13177],{"class":5224,"line":5317},[5222,13165,5118],{"class":5670},[5222,13167,10261],{"class":5235},[5222,13169,10185],{"class":5670},[5222,13171,13172],{"class":5239}," UserModule",[5222,13174,7509],{"class":5670},[5222,13176,7971],{"class":5917},[5222,13178,5251],{"class":5243},[5190,13180,13182],{"id":13181},"module-resolution-як-nodejs-шукає-модулі","Module Resolution: як Node.js шукає модулі",[5195,13184,13185,13186,9529,13189,13192],{},"Коли ви пишете ",[5102,13187,13188],{},"import 'express'",[5102,13190,13191],{},"require('.\u002Futils')",", Node.js виконує складний алгоритм пошуку модуля. Розуміння цього процесу критично для налагодження помилок типу \"Cannot find module\".",[5203,13194,13196],{"id":13195},"алгоритм-резолюції-для-відносних-шляхів","Алгоритм резолюції для відносних шляхів",[5195,13198,13199],{},[5145,13200,13201,13202,9529,13205,5500],{},"Для ",[5102,13203,13204],{},"import '.\u002Fmath.js'",[5102,13206,6506],{},[6509,13208,13209,13213,13224,13256,13260,13263,13281,13286,13341,13345,13348],{},[5203,13210,13212],{"id":13211},"крок-1-визначення-базової-директорії","Крок 1: Визначення базової директорії",[5195,13214,13215,13216,13219,13220,13223],{},"Node.js використовує директорію ",[5145,13217,13218],{},"поточного файлу"," (не ",[5102,13221,13222],{},"process.cwd()","!) як базову для резолюції.",[5213,13225,13227],{"className":5215,"code":13226,"language":5217,"meta":5218,"style":5218},"\u002F\u002F \u002FUsers\u002Fapp\u002Fsrc\u002Fcontrollers\u002FuserController.js\nimport { formatDate } from '..\u002Futils\u002Fdate.js';\n\u002F\u002F Резолюція: \u002FUsers\u002Fapp\u002Fsrc\u002Futils\u002Fdate.js\n",[5102,13228,13229,13234,13251],{"__ignoreMap":5218},[5222,13230,13231],{"class":5224,"line":5225},[5222,13232,13233],{"class":5228},"\u002F\u002F \u002FUsers\u002Fapp\u002Fsrc\u002Fcontrollers\u002FuserController.js\n",[5222,13235,13236,13238,13240,13242,13244,13246,13249],{"class":5224,"line":5232},[5222,13237,5115],{"class":5670},[5222,13239,6367],{"class":5243},[5222,13241,8037],{"class":5239},[5222,13243,6381],{"class":5243},[5222,13245,6384],{"class":5670},[5222,13247,13248],{"class":5917}," '..\u002Futils\u002Fdate.js'",[5222,13250,5251],{"class":5243},[5222,13252,13253],{"class":5224,"line":5254},[5222,13254,13255],{"class":5228},"\u002F\u002F Резолюція: \u002FUsers\u002Fapp\u002Fsrc\u002Futils\u002Fdate.js\n",[5203,13257,13259],{"id":13258},"крок-2-додавання-розширення-для-commonjs","Крок 2: Додавання розширення (для CommonJS)",[5195,13261,13262],{},"Якщо розширення не вказано у CommonJS, Node.js пробує:",[9312,13264,13265,13270,13275],{},[5095,13266,13267],{},[5102,13268,13269],{},"math.js",[5095,13271,13272],{},[5102,13273,13274],{},"math.json",[5095,13276,13277,13280],{},[5102,13278,13279],{},"math.node"," (нативний addon)",[5195,13282,13283],{},[5145,13284,13285],{},"Для ESM розширення обов'язкове:",[5213,13287,13289],{"className":5215,"code":13288,"language":5217,"meta":5218,"style":5218},"\u002F\u002F ❌ ПОМИЛКА в ESM\nimport { PI } from '.\u002Fmath'; \u002F\u002F Error: Cannot find module\n\n\u002F\u002F ✅ ПРАВИЛЬНО\nimport { PI } from '.\u002Fmath.js';\n",[5102,13290,13291,13296,13316,13320,13325],{"__ignoreMap":5218},[5222,13292,13293],{"class":5224,"line":5225},[5222,13294,13295],{"class":5228},"\u002F\u002F ❌ ПОМИЛКА в ESM\n",[5222,13297,13298,13300,13302,13304,13306,13308,13311,13313],{"class":5224,"line":5232},[5222,13299,5115],{"class":5670},[5222,13301,6367],{"class":5243},[5222,13303,5927],{"class":5239},[5222,13305,6381],{"class":5243},[5222,13307,6384],{"class":5670},[5222,13309,13310],{"class":5917}," '.\u002Fmath'",[5222,13312,10844],{"class":5243},[5222,13314,13315],{"class":5228},"\u002F\u002F Error: Cannot find module\n",[5222,13317,13318],{"class":5224,"line":5254},[5222,13319,5524],{"emptyLinePlaceholder":5523},[5222,13321,13322],{"class":5224,"line":5279},[5222,13323,13324],{"class":5228},"\u002F\u002F ✅ ПРАВИЛЬНО\n",[5222,13326,13327,13329,13331,13333,13335,13337,13339],{"class":5224,"line":5298},[5222,13328,5115],{"class":5670},[5222,13330,6367],{"class":5243},[5222,13332,5927],{"class":5239},[5222,13334,6381],{"class":5243},[5222,13336,6384],{"class":5670},[5222,13338,6387],{"class":5917},[5222,13340,5251],{"class":5243},[5203,13342,13344],{"id":13343},"крок-3-резолюція-директорії-якщо-шлях-директорія","Крок 3: Резолюція директорії (якщо шлях — директорія)",[5195,13346,13347],{},"Якщо шлях вказує на директорію, Node.js шукає:",[9312,13349,13350,13362,13367,13372],{},[5095,13351,13352,13355,13356,9529,13359],{},[5102,13353,13354],{},"directory\u002Fpackage.json"," → поле ",[5102,13357,13358],{},"\"main\"",[5102,13360,13361],{},"\"exports\"",[5095,13363,13364],{},[5102,13365,13366],{},"directory\u002Findex.js",[5095,13368,13369],{},[5102,13370,13371],{},"directory\u002Findex.json",[5095,13373,13374],{},[5102,13375,13376],{},"directory\u002Findex.node",[5203,13378,13380,13381,9529,13383,5773],{"id":13379},"алгоритм-резолюції-для-пакетів-без-або","Алгоритм резолюції для пакетів (без ",[5102,13382,5133],{},[5102,13384,13385],{},"\u002F",[5195,13387,13388],{},[5145,13389,13201,13390,9529,13392,5500],{},[5102,13391,13188],{},[5102,13393,13394],{},"require('lodash')",[6509,13396,13397,13401,13412,13450,13454,13460,13466,13469,13473,13478,13543],{},[5203,13398,13400],{"id":13399},"крок-1-перевірка-вбудованих-модулів","Крок 1: Перевірка вбудованих модулів",[5195,13402,13403,13404,5105,13406,5105,13408,13411],{},"Node.js перевіряє, чи це вбудований модуль (",[5102,13405,12173],{},[5102,13407,7542],{},[5102,13409,13410],{},"path",", тощо). Якщо так — завантажує його без пошуку на диску.",[5213,13413,13415],{"className":5215,"code":13414,"language":5217,"meta":5218,"style":5218},"import fs from 'fs'; \u002F\u002F Вбудований модуль, не шукає на диску\nimport express from 'express'; \u002F\u002F Сторонній пакет, шукає у node_modules\n",[5102,13416,13417,13433],{"__ignoreMap":5218},[5222,13418,13419,13421,13423,13425,13428,13430],{"class":5224,"line":5225},[5222,13420,5115],{"class":5670},[5222,13422,12125],{"class":5239},[5222,13424,7509],{"class":5670},[5222,13426,13427],{"class":5917}," 'fs'",[5222,13429,10844],{"class":5243},[5222,13431,13432],{"class":5228},"\u002F\u002F Вбудований модуль, не шукає на диску\n",[5222,13434,13435,13437,13440,13442,13445,13447],{"class":5224,"line":5232},[5222,13436,5115],{"class":5670},[5222,13438,13439],{"class":5239}," express",[5222,13441,7509],{"class":5670},[5222,13443,13444],{"class":5917}," 'express'",[5222,13446,10844],{"class":5243},[5222,13448,13449],{"class":5228},"\u002F\u002F Сторонній пакет, шукає у node_modules\n",[5203,13451,13453],{"id":13452},"крок-2-пошук-у-node_modules-рекурсивно-вгору","Крок 2: Пошук у node_modules (рекурсивно вгору)",[5195,13455,13456,13457,13459],{},"Node.js шукає директорію ",[5102,13458,5188],{}," у такому порядку:",[5213,13461,13464],{"className":13462,"code":13463,"language":12873},[12871],"\u002FUsers\u002Fapp\u002Fsrc\u002Fcontrollers\u002Fnode_modules\u002Fexpress\n\u002FUsers\u002Fapp\u002Fsrc\u002Fnode_modules\u002Fexpress\n\u002FUsers\u002Fapp\u002Fnode_modules\u002Fexpress\n\u002FUsers\u002Fnode_modules\u002Fexpress\n\u002Fnode_modules\u002Fexpress\n",[5102,13465,13463],{"__ignoreMap":5218},[5195,13467,13468],{},"Зупиняється на першій знайденій.",[5203,13470,13472],{"id":13471},"крок-3-резолюція-точки-входу-пакета","Крок 3: Резолюція точки входу пакета",[5195,13474,13475,13476,5500],{},"Після знаходження директорії пакета Node.js читає ",[5102,13477,5128],{},[5213,13479,13481],{"className":11745,"code":13480,"language":11747,"meta":5218,"style":5218},"{\n  \"name\": \"express\",\n  \"main\": \".\u002Flib\u002Fexpress.js\",\n  \"exports\": {\n    \".\": \".\u002Flib\u002Fexpress.js\",\n    \".\u002Fpackage.json\": \".\u002Fpackage.json\"\n  }\n}\n",[5102,13482,13483,13487,13498,13509,13515,13525,13535,13539],{"__ignoreMap":5218},[5222,13484,13485],{"class":5224,"line":5225},[5222,13486,11754],{"class":5243},[5222,13488,13489,13491,13493,13496],{"class":5224,"line":5232},[5222,13490,11760],{"class":11759},[5222,13492,6123],{"class":5243},[5222,13494,13495],{"class":5917},"\"express\"",[5222,13497,6074],{"class":5243},[5222,13499,13500,13502,13504,13507],{"class":5224,"line":5254},[5222,13501,11938],{"class":11759},[5222,13503,6123],{"class":5243},[5222,13505,13506],{"class":5917},"\".\u002Flib\u002Fexpress.js\"",[5222,13508,6074],{"class":5243},[5222,13510,13511,13513],{"class":5224,"line":5279},[5222,13512,12260],{"class":11759},[5222,13514,12263],{"class":5243},[5222,13516,13517,13519,13521,13523],{"class":5224,"line":5298},[5222,13518,12268],{"class":11759},[5222,13520,6123],{"class":5243},[5222,13522,13506],{"class":5917},[5222,13524,6074],{"class":5243},[5222,13526,13527,13530,13532],{"class":5224,"line":5317},[5222,13528,13529],{"class":11759},"    \".\u002Fpackage.json\"",[5222,13531,6123],{"class":5243},[5222,13533,13534],{"class":5917},"\".\u002Fpackage.json\"\n",[5222,13536,13537],{"class":5224,"line":5336},[5222,13538,7158],{"class":5243},[5222,13540,13541],{"class":5224,"line":5532},[5222,13542,5898],{"class":5243},[5092,13544,13545,13558],{},[5095,13546,13547,13550,13551,13553,13554,13557],{},[5145,13548,13549],{},"ESM:"," використовує ",[5102,13552,13361],{}," → ",[5102,13555,13556],{},"\"import\""," умову",[5095,13559,13560,13550,13563,9529,13565,13553,13567,13557],{},[5145,13561,13562],{},"CommonJS:",[5102,13564,13358],{},[5102,13566,13361],{},[5102,13568,13569],{},"\"require\"",[6833,13571,13573],{"alt":13572},"Алгоритм Module Resolution у Node.js",[5213,13574,13576],{"className":6838,"code":13575,"language":6840,"meta":5218,"style":5218},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\nstart\n\nif (Шлях починається з '.\u002F' або '..\u002F'?) then (Так)\n  :Відносна резолюція;\n  :Базова директорія = dirname(поточний файл);\n  \n  if (Розширення вказано?) then (Ні)\n    :Спробувати .js, .json, .node;\n  endif\n  \n  if (Файл знайдено?) then (Так)\n    :Завантажити модуль;\n    stop\n  else (Ні)\n    if (Це директорія?) then (Так)\n      :Шукати package.json або index.js;\n    else (Ні)\n      :Викинути помилку MODULE_NOT_FOUND;\n      stop\n    endif\n  endif\n  \nelse (Ні)\n  :Резолюція пакета;\n  \n  if (Вбудований модуль?) then (Так)\n    :Завантажити з Node.js core;\n    stop\n  else (Ні)\n    :Шукати у node_modules рекурсивно вгору;\n    \n    if (Пакет знайдено?) then (Так)\n      :Прочитати package.json;\n      :Використати \"exports\" або \"main\";\n      :Завантажити модуль;\n      stop\n    else (Ні)\n      :Викинути помилку MODULE_NOT_FOUND;\n      stop\n    endif\n  endif\nendif\n\n@enduml\n",[5102,13577,13578,13582,13586,13590,13594,13598,13602,13607,13612,13617,13621,13626,13631,13636,13640,13645,13650,13655,13660,13665,13670,13675,13680,13685,13690,13694,13698,13702,13707,13711,13716,13721,13725,13729,13734,13739,13744,13749,13754,13759,13764,13769,13774,13779,13784,13789,13794,13799],{"__ignoreMap":5218},[5222,13579,13580],{"class":5224,"line":5225},[5222,13581,6847],{},[5222,13583,13584],{"class":5224,"line":5232},[5222,13585,6852],{},[5222,13587,13588],{"class":5224,"line":5254},[5222,13589,6857],{},[5222,13591,13592],{"class":5224,"line":5279},[5222,13593,5524],{"emptyLinePlaceholder":5523},[5222,13595,13596],{"class":5224,"line":5298},[5222,13597,6866],{},[5222,13599,13600],{"class":5224,"line":5317},[5222,13601,5524],{"emptyLinePlaceholder":5523},[5222,13603,13604],{"class":5224,"line":5336},[5222,13605,13606],{},"if (Шлях починається з '.\u002F' або '..\u002F'?) then (Так)\n",[5222,13608,13609],{"class":5224,"line":5532},[5222,13610,13611],{},"  :Відносна резолюція;\n",[5222,13613,13614],{"class":5224,"line":5545},[5222,13615,13616],{},"  :Базова директорія = dirname(поточний файл);\n",[5222,13618,13619],{"class":5224,"line":5557},[5222,13620,5660],{},[5222,13622,13623],{"class":5224,"line":5577},[5222,13624,13625],{},"  if (Розширення вказано?) then (Ні)\n",[5222,13627,13628],{"class":5224,"line":5722},[5222,13629,13630],{},"    :Спробувати .js, .json, .node;\n",[5222,13632,13633],{"class":5224,"line":5734},[5222,13634,13635],{},"  endif\n",[5222,13637,13638],{"class":5224,"line":5743},[5222,13639,5660],{},[5222,13641,13642],{"class":5224,"line":5749},[5222,13643,13644],{},"  if (Файл знайдено?) then (Так)\n",[5222,13646,13647],{"class":5224,"line":5755},[5222,13648,13649],{},"    :Завантажити модуль;\n",[5222,13651,13652],{"class":5224,"line":6094},[5222,13653,13654],{},"    stop\n",[5222,13656,13657],{"class":5224,"line":6926},[5222,13658,13659],{},"  else (Ні)\n",[5222,13661,13662],{"class":5224,"line":6932},[5222,13663,13664],{},"    if (Це директорія?) then (Так)\n",[5222,13666,13667],{"class":5224,"line":6938},[5222,13668,13669],{},"      :Шукати package.json або index.js;\n",[5222,13671,13672],{"class":5224,"line":6944},[5222,13673,13674],{},"    else (Ні)\n",[5222,13676,13677],{"class":5224,"line":6949},[5222,13678,13679],{},"      :Викинути помилку MODULE_NOT_FOUND;\n",[5222,13681,13682],{"class":5224,"line":6955},[5222,13683,13684],{},"      stop\n",[5222,13686,13687],{"class":5224,"line":6961},[5222,13688,13689],{},"    endif\n",[5222,13691,13692],{"class":5224,"line":6967},[5222,13693,13635],{},[5222,13695,13696],{"class":5224,"line":6973},[5222,13697,5660],{},[5222,13699,13700],{"class":5224,"line":6979},[5222,13701,6935],{},[5222,13703,13704],{"class":5224,"line":6985},[5222,13705,13706],{},"  :Резолюція пакета;\n",[5222,13708,13709],{"class":5224,"line":6991},[5222,13710,5660],{},[5222,13712,13713],{"class":5224,"line":6996},[5222,13714,13715],{},"  if (Вбудований модуль?) then (Так)\n",[5222,13717,13718],{"class":5224,"line":7002},[5222,13719,13720],{},"    :Завантажити з Node.js core;\n",[5222,13722,13723],{"class":5224,"line":7007},[5222,13724,13654],{},[5222,13726,13727],{"class":5224,"line":7013},[5222,13728,13659],{},[5222,13730,13731],{"class":5224,"line":7018},[5222,13732,13733],{},"    :Шукати у node_modules рекурсивно вгору;\n",[5222,13735,13736],{"class":5224,"line":7024},[5222,13737,13738],{},"    \n",[5222,13740,13741],{"class":5224,"line":7029},[5222,13742,13743],{},"    if (Пакет знайдено?) then (Так)\n",[5222,13745,13746],{"class":5224,"line":7034},[5222,13747,13748],{},"      :Прочитати package.json;\n",[5222,13750,13751],{"class":5224,"line":7040},[5222,13752,13753],{},"      :Використати \"exports\" або \"main\";\n",[5222,13755,13756],{"class":5224,"line":7045},[5222,13757,13758],{},"      :Завантажити модуль;\n",[5222,13760,13762],{"class":5224,"line":13761},40,[5222,13763,13684],{},[5222,13765,13767],{"class":5224,"line":13766},41,[5222,13768,13674],{},[5222,13770,13772],{"class":5224,"line":13771},42,[5222,13773,13679],{},[5222,13775,13777],{"class":5224,"line":13776},43,[5222,13778,13684],{},[5222,13780,13782],{"class":5224,"line":13781},44,[5222,13783,13689],{},[5222,13785,13787],{"class":5224,"line":13786},45,[5222,13788,13635],{},[5222,13790,13792],{"class":5224,"line":13791},46,[5222,13793,7037],{},[5222,13795,13797],{"class":5224,"line":13796},47,[5222,13798,5524],{"emptyLinePlaceholder":5523},[5222,13800,13802],{"class":5224,"line":13801},48,[5222,13803,7048],{},[5203,13805,13807],{"id":13806},"поле-exports-subpath-exports-та-умовні-експорти","Поле \"exports\": Subpath Exports та умовні експорти",[5195,13809,13810,13811,13813],{},"Сучасні пакети використовують поле ",[5102,13812,13361],{}," для точного контролю над точками входу:",[5213,13815,13817],{"className":11745,"code":13816,"language":11747,"meta":5218,"style":5218},"{\n  \"name\": \"my-library\",\n  \"exports\": {\n    \".\": {\n      \"import\": \".\u002Fdist\u002Findex.mjs\",\n      \"require\": \".\u002Fdist\u002Findex.cjs\",\n      \"types\": \".\u002Fdist\u002Findex.d.ts\"\n    },\n    \".\u002Futils\": {\n      \"import\": \".\u002Fdist\u002Futils.mjs\",\n      \"require\": \".\u002Fdist\u002Futils.cjs\"\n    },\n    \".\u002Fpackage.json\": \".\u002Fpackage.json\"\n  }\n}\n",[5102,13818,13819,13823,13833,13839,13845,13855,13865,13875,13879,13885,13895,13903,13907,13915,13919],{"__ignoreMap":5218},[5222,13820,13821],{"class":5224,"line":5225},[5222,13822,11754],{"class":5243},[5222,13824,13825,13827,13829,13831],{"class":5224,"line":5232},[5222,13826,11760],{"class":11759},[5222,13828,6123],{"class":5243},[5222,13830,12219],{"class":5917},[5222,13832,6074],{"class":5243},[5222,13834,13835,13837],{"class":5224,"line":5254},[5222,13836,12260],{"class":11759},[5222,13838,12263],{"class":5243},[5222,13840,13841,13843],{"class":5224,"line":5279},[5222,13842,12268],{"class":11759},[5222,13844,12263],{"class":5243},[5222,13846,13847,13849,13851,13853],{"class":5224,"line":5298},[5222,13848,12275],{"class":11759},[5222,13850,6123],{"class":5243},[5222,13852,12253],{"class":5917},[5222,13854,6074],{"class":5243},[5222,13856,13857,13859,13861,13863],{"class":5224,"line":5317},[5222,13858,12286],{"class":11759},[5222,13860,6123],{"class":5243},[5222,13862,12241],{"class":5917},[5222,13864,6074],{"class":5243},[5222,13866,13867,13870,13872],{"class":5224,"line":5336},[5222,13868,13869],{"class":11759},"      \"types\"",[5222,13871,6123],{"class":5243},[5222,13873,13874],{"class":5917},"\".\u002Fdist\u002Findex.d.ts\"\n",[5222,13876,13877],{"class":5224,"line":5532},[5222,13878,5719],{"class":5243},[5222,13880,13881,13883],{"class":5224,"line":5545},[5222,13882,12300],{"class":11759},[5222,13884,12263],{"class":5243},[5222,13886,13887,13889,13891,13893],{"class":5224,"line":5557},[5222,13888,12275],{"class":11759},[5222,13890,6123],{"class":5243},[5222,13892,12311],{"class":5917},[5222,13894,6074],{"class":5243},[5222,13896,13897,13899,13901],{"class":5224,"line":5577},[5222,13898,12286],{"class":11759},[5222,13900,6123],{"class":5243},[5222,13902,12322],{"class":5917},[5222,13904,13905],{"class":5224,"line":5722},[5222,13906,5719],{"class":5243},[5222,13908,13909,13911,13913],{"class":5224,"line":5734},[5222,13910,13529],{"class":11759},[5222,13912,6123],{"class":5243},[5222,13914,13534],{"class":5917},[5222,13916,13917],{"class":5224,"line":5743},[5222,13918,7158],{"class":5243},[5222,13920,13921],{"class":5224,"line":5749},[5222,13922,5898],{"class":5243},[5195,13924,13925],{},[5145,13926,13927],{},"Використання:",[5213,13929,13931],{"className":5215,"code":13930,"language":5217,"meta":5218,"style":5218},"\u002F\u002F Імпорт головного модуля\nimport lib from 'my-library';\n\n\u002F\u002F Імпорт підмодуля (subpath)\nimport { helper } from 'my-library\u002Futils';\n\n\u002F\u002F ❌ ПОМИЛКА: доступ до внутрішніх файлів заблоковано\nimport internal from 'my-library\u002Fdist\u002Finternal.js'; \u002F\u002F Error\n",[5102,13932,13933,13938,13952,13956,13961,13979,13983,13988],{"__ignoreMap":5218},[5222,13934,13935],{"class":5224,"line":5225},[5222,13936,13937],{"class":5228},"\u002F\u002F Імпорт головного модуля\n",[5222,13939,13940,13942,13945,13947,13950],{"class":5224,"line":5232},[5222,13941,5115],{"class":5670},[5222,13943,13944],{"class":5239}," lib",[5222,13946,7509],{"class":5670},[5222,13948,13949],{"class":5917}," 'my-library'",[5222,13951,5251],{"class":5243},[5222,13953,13954],{"class":5224,"line":5254},[5222,13955,5524],{"emptyLinePlaceholder":5523},[5222,13957,13958],{"class":5224,"line":5279},[5222,13959,13960],{"class":5228},"\u002F\u002F Імпорт підмодуля (subpath)\n",[5222,13962,13963,13965,13967,13970,13972,13974,13977],{"class":5224,"line":5298},[5222,13964,5115],{"class":5670},[5222,13966,6367],{"class":5243},[5222,13968,13969],{"class":5239},"helper",[5222,13971,6381],{"class":5243},[5222,13973,6384],{"class":5670},[5222,13975,13976],{"class":5917}," 'my-library\u002Futils'",[5222,13978,5251],{"class":5243},[5222,13980,13981],{"class":5224,"line":5317},[5222,13982,5524],{"emptyLinePlaceholder":5523},[5222,13984,13985],{"class":5224,"line":5336},[5222,13986,13987],{"class":5228},"\u002F\u002F ❌ ПОМИЛКА: доступ до внутрішніх файлів заблоковано\n",[5222,13989,13990,13992,13995,13997,14000,14002],{"class":5224,"line":5532},[5222,13991,5115],{"class":5670},[5222,13993,13994],{"class":5239}," internal",[5222,13996,7509],{"class":5670},[5222,13998,13999],{"class":5917}," 'my-library\u002Fdist\u002Finternal.js'",[5222,14001,10844],{"class":5243},[5222,14003,14004],{"class":5228},"\u002F\u002F Error\n",[5797,14006,14007,14010,14011,5932,14013,14016],{},[5145,14008,14009],{},"Захист приватності:"," поле ",[5102,14012,13361],{},[5145,14014,14015],{},"блокує"," доступ до файлів, які не вказані явно. Це дозволяє авторам пакетів приховувати внутрішню реалізацію.",[5190,14018,14020],{"id":14019},"практичні-приклади-організація-модулів-у-проєкті","Практичні приклади: організація модулів у проєкті",[5203,14022,14024],{"id":14023},"приклад-1-утилітарна-бібліотека-esm","Приклад 1: Утилітарна бібліотека (ESM)",[11902,14026,14027,14104,14135,14274],{},[5213,14028,14030],{"className":11745,"code":14029,"filename":5128,"language":11747,"meta":5218,"style":5218},"{\n  \"name\": \"utils\",\n  \"type\": \"module\",\n  \"exports\": {\n    \".\": \".\u002Findex.js\",\n    \".\u002Fstring\": \".\u002Fsrc\u002Fstring.js\",\n    \".\u002Fdate\": \".\u002Fsrc\u002Fdate.js\"\n  }\n}\n",[5102,14031,14032,14036,14047,14057,14063,14074,14086,14096,14100],{"__ignoreMap":5218},[5222,14033,14034],{"class":5224,"line":5225},[5222,14035,11754],{"class":5243},[5222,14037,14038,14040,14042,14045],{"class":5224,"line":5232},[5222,14039,11760],{"class":11759},[5222,14041,6123],{"class":5243},[5222,14043,14044],{"class":5917},"\"utils\"",[5222,14046,6074],{"class":5243},[5222,14048,14049,14051,14053,14055],{"class":5224,"line":5254},[5222,14050,11784],{"class":11759},[5222,14052,6123],{"class":5243},[5222,14054,11825],{"class":5917},[5222,14056,6074],{"class":5243},[5222,14058,14059,14061],{"class":5224,"line":5279},[5222,14060,12260],{"class":11759},[5222,14062,12263],{"class":5243},[5222,14064,14065,14067,14069,14072],{"class":5224,"line":5298},[5222,14066,12268],{"class":11759},[5222,14068,6123],{"class":5243},[5222,14070,14071],{"class":5917},"\".\u002Findex.js\"",[5222,14073,6074],{"class":5243},[5222,14075,14076,14079,14081,14084],{"class":5224,"line":5317},[5222,14077,14078],{"class":11759},"    \".\u002Fstring\"",[5222,14080,6123],{"class":5243},[5222,14082,14083],{"class":5917},"\".\u002Fsrc\u002Fstring.js\"",[5222,14085,6074],{"class":5243},[5222,14087,14088,14091,14093],{"class":5224,"line":5336},[5222,14089,14090],{"class":11759},"    \".\u002Fdate\"",[5222,14092,6123],{"class":5243},[5222,14094,14095],{"class":5917},"\".\u002Fsrc\u002Fdate.js\"\n",[5222,14097,14098],{"class":5224,"line":5532},[5222,14099,7158],{"class":5243},[5222,14101,14102],{"class":5224,"line":5545},[5222,14103,5898],{"class":5243},[5213,14105,14107],{"className":5215,"code":14106,"filename":11951,"language":5217,"meta":5218,"style":5218},"export * from '.\u002Fsrc\u002Fstring.js';\nexport * from '.\u002Fsrc\u002Fdate.js';\n",[5102,14108,14109,14122],{"__ignoreMap":5218},[5222,14110,14111,14113,14115,14117,14120],{"class":5224,"line":5225},[5222,14112,5118],{"class":5670},[5222,14114,10261],{"class":5235},[5222,14116,7509],{"class":5670},[5222,14118,14119],{"class":5917}," '.\u002Fsrc\u002Fstring.js'",[5222,14121,5251],{"class":5243},[5222,14123,14124,14126,14128,14130,14133],{"class":5224,"line":5232},[5222,14125,5118],{"class":5670},[5222,14127,10261],{"class":5235},[5222,14129,7509],{"class":5670},[5222,14131,14132],{"class":5917}," '.\u002Fsrc\u002Fdate.js'",[5222,14134,5251],{"class":5243},[5213,14136,14139],{"className":5215,"code":14137,"filename":14138,"language":5217,"meta":5218,"style":5218},"export function capitalize(str) {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\nexport function truncate(str, maxLength) {\n  return str.length > maxLength \n    ? str.slice(0, maxLength) + '...' \n    : str;\n}\n","src\u002Fstring.js",[5102,14140,14141,14155,14187,14191,14195,14215,14234,14261,14270],{"__ignoreMap":5218},[5222,14142,14143,14145,14147,14149,14151,14153],{"class":5224,"line":5225},[5222,14144,5118],{"class":5670},[5222,14146,5503],{"class":5235},[5222,14148,8267],{"class":5260},[5222,14150,5264],{"class":5243},[5222,14152,8085],{"class":5239},[5222,14154,5690],{"class":5243},[5222,14156,14157,14159,14161,14163,14165,14167,14169,14171,14173,14175,14177,14179,14181,14183,14185],{"class":5224,"line":5232},[5222,14158,5671],{"class":5670},[5222,14160,8094],{"class":5239},[5222,14162,5133],{"class":5243},[5222,14164,8099],{"class":5260},[5222,14166,5264],{"class":5243},[5222,14168,5248],{"class":5247},[5222,14170,5170],{"class":5243},[5222,14172,8108],{"class":5260},[5222,14174,8111],{"class":5243},[5222,14176,8085],{"class":5239},[5222,14178,5133],{"class":5243},[5222,14180,8118],{"class":5260},[5222,14182,5264],{"class":5243},[5222,14184,8123],{"class":5247},[5222,14186,5921],{"class":5243},[5222,14188,14189],{"class":5224,"line":5254},[5222,14190,5898],{"class":5243},[5222,14192,14193],{"class":5224,"line":5279},[5222,14194,5524],{"emptyLinePlaceholder":5523},[5222,14196,14197,14199,14201,14204,14206,14208,14210,14213],{"class":5224,"line":5298},[5222,14198,5118],{"class":5670},[5222,14200,5503],{"class":5235},[5222,14202,14203],{"class":5260}," truncate",[5222,14205,5264],{"class":5243},[5222,14207,8085],{"class":5239},[5222,14209,5105],{"class":5243},[5222,14211,14212],{"class":5239},"maxLength",[5222,14214,5690],{"class":5243},[5222,14216,14217,14219,14221,14223,14226,14229,14231],{"class":5224,"line":5317},[5222,14218,5671],{"class":5670},[5222,14220,8094],{"class":5239},[5222,14222,5133],{"class":5243},[5222,14224,14225],{"class":5239},"length",[5222,14227,14228],{"class":5243}," > ",[5222,14230,14212],{"class":5239},[5222,14232,14233],{"class":5243}," \n",[5222,14235,14236,14239,14241,14243,14245,14247,14249,14251,14253,14256,14259],{"class":5224,"line":5336},[5222,14237,14238],{"class":5243},"    ? ",[5222,14240,8085],{"class":5239},[5222,14242,5133],{"class":5243},[5222,14244,8118],{"class":5260},[5222,14246,5264],{"class":5243},[5222,14248,5248],{"class":5247},[5222,14250,5105],{"class":5243},[5222,14252,14212],{"class":5239},[5222,14254,14255],{"class":5243},") + ",[5222,14257,14258],{"class":5917},"'...'",[5222,14260,14233],{"class":5243},[5222,14262,14263,14266,14268],{"class":5224,"line":5532},[5222,14264,14265],{"class":5243},"    : ",[5222,14267,8085],{"class":5239},[5222,14269,5251],{"class":5243},[5222,14271,14272],{"class":5224,"line":5545},[5222,14273,5898],{"class":5243},[5213,14275,14278],{"className":5215,"code":14276,"filename":14277,"language":5217,"meta":5218,"style":5218},"export function formatDate(date) {\n  return date.toISOString().split('T')[0];\n}\n\nexport function addDays(date, days) {\n  const result = new Date(date);\n  result.setDate(result.getDate() + days);\n  return result;\n}\n","src\u002Fdate.js",[5102,14279,14280,14294,14323,14327,14331,14351,14370,14396,14404],{"__ignoreMap":5218},[5222,14281,14282,14284,14286,14288,14290,14292],{"class":5224,"line":5225},[5222,14283,5118],{"class":5670},[5222,14285,5503],{"class":5235},[5222,14287,5303],{"class":5260},[5222,14289,5264],{"class":5243},[5222,14291,5308],{"class":5239},[5222,14293,5690],{"class":5243},[5222,14295,14296,14298,14300,14302,14304,14307,14310,14312,14315,14318,14320],{"class":5224,"line":5232},[5222,14297,5671],{"class":5670},[5222,14299,5706],{"class":5239},[5222,14301,5133],{"class":5243},[5222,14303,5711],{"class":5260},[5222,14305,14306],{"class":5243},"().",[5222,14308,14309],{"class":5260},"split",[5222,14311,5264],{"class":5243},[5222,14313,14314],{"class":5917},"'T'",[5222,14316,14317],{"class":5243},")[",[5222,14319,5248],{"class":5247},[5222,14321,14322],{"class":5243},"];\n",[5222,14324,14325],{"class":5224,"line":5254},[5222,14326,5898],{"class":5243},[5222,14328,14329],{"class":5224,"line":5279},[5222,14330,5524],{"emptyLinePlaceholder":5523},[5222,14332,14333,14335,14337,14340,14342,14344,14346,14349],{"class":5224,"line":5298},[5222,14334,5118],{"class":5670},[5222,14336,5503],{"class":5235},[5222,14338,14339],{"class":5260}," addDays",[5222,14341,5264],{"class":5243},[5222,14343,5308],{"class":5239},[5222,14345,5105],{"class":5243},[5222,14347,14348],{"class":5239},"days",[5222,14350,5690],{"class":5243},[5222,14352,14353,14355,14358,14360,14362,14364,14366,14368],{"class":5224,"line":5317},[5222,14354,6749],{"class":5235},[5222,14356,14357],{"class":5471}," result",[5222,14359,5244],{"class":5243},[5222,14361,7802],{"class":5235},[5222,14363,8198],{"class":5260},[5222,14365,5264],{"class":5243},[5222,14367,5308],{"class":5239},[5222,14369,5921],{"class":5243},[5222,14371,14372,14375,14377,14380,14382,14385,14387,14390,14392,14394],{"class":5224,"line":5336},[5222,14373,14374],{"class":5239},"  result",[5222,14376,5133],{"class":5243},[5222,14378,14379],{"class":5260},"setDate",[5222,14381,5264],{"class":5243},[5222,14383,14384],{"class":5239},"result",[5222,14386,5133],{"class":5243},[5222,14388,14389],{"class":5260},"getDate",[5222,14391,8111],{"class":5243},[5222,14393,14348],{"class":5239},[5222,14395,5921],{"class":5243},[5222,14397,14398,14400,14402],{"class":5224,"line":5532},[5222,14399,5671],{"class":5670},[5222,14401,14357],{"class":5239},[5222,14403,5251],{"class":5243},[5222,14405,14406],{"class":5224,"line":5545},[5222,14407,5898],{"class":5243},[5195,14409,14410],{},[5145,14411,13927],{},[5213,14413,14415],{"className":5215,"code":14414,"language":5217,"meta":5218,"style":5218},"\u002F\u002F Імпорт усіх утиліт\nimport { capitalize, formatDate } from 'utils';\n\n\u002F\u002F Імпорт специфічних модулів\nimport { truncate } from 'utils\u002Fstring';\nimport { addDays } from 'utils\u002Fdate';\n",[5102,14416,14417,14422,14443,14447,14452,14470],{"__ignoreMap":5218},[5222,14418,14419],{"class":5224,"line":5225},[5222,14420,14421],{"class":5228},"\u002F\u002F Імпорт усіх утиліт\n",[5222,14423,14424,14426,14428,14430,14432,14434,14436,14438,14441],{"class":5224,"line":5232},[5222,14425,5115],{"class":5670},[5222,14427,6367],{"class":5243},[5222,14429,8076],{"class":5239},[5222,14431,5105],{"class":5243},[5222,14433,8037],{"class":5239},[5222,14435,6381],{"class":5243},[5222,14437,6384],{"class":5670},[5222,14439,14440],{"class":5917}," 'utils'",[5222,14442,5251],{"class":5243},[5222,14444,14445],{"class":5224,"line":5254},[5222,14446,5524],{"emptyLinePlaceholder":5523},[5222,14448,14449],{"class":5224,"line":5279},[5222,14450,14451],{"class":5228},"\u002F\u002F Імпорт специфічних модулів\n",[5222,14453,14454,14456,14458,14461,14463,14465,14468],{"class":5224,"line":5298},[5222,14455,5115],{"class":5670},[5222,14457,6367],{"class":5243},[5222,14459,14460],{"class":5239},"truncate",[5222,14462,6381],{"class":5243},[5222,14464,6384],{"class":5670},[5222,14466,14467],{"class":5917}," 'utils\u002Fstring'",[5222,14469,5251],{"class":5243},[5222,14471,14472,14474,14476,14479,14481,14483,14486],{"class":5224,"line":5317},[5222,14473,5115],{"class":5670},[5222,14475,6367],{"class":5243},[5222,14477,14478],{"class":5239},"addDays",[5222,14480,6381],{"class":5243},[5222,14482,6384],{"class":5670},[5222,14484,14485],{"class":5917}," 'utils\u002Fdate'",[5222,14487,5251],{"class":5243},[5203,14489,14491],{"id":14490},"приклад-2-rest-api-сервер-mvc-структура","Приклад 2: REST API сервер (MVC структура)",[11902,14493,14494,14537,14706,14844,15088],{},[5213,14495,14497],{"className":11745,"code":14496,"filename":5128,"language":11747,"meta":5218,"style":5218},"{\n  \"name\": \"api-server\",\n  \"type\": \"module\",\n  \"main\": \"src\u002Findex.js\"\n}\n",[5102,14498,14499,14503,14514,14524,14533],{"__ignoreMap":5218},[5222,14500,14501],{"class":5224,"line":5225},[5222,14502,11754],{"class":5243},[5222,14504,14505,14507,14509,14512],{"class":5224,"line":5232},[5222,14506,11760],{"class":11759},[5222,14508,6123],{"class":5243},[5222,14510,14511],{"class":5917},"\"api-server\"",[5222,14513,6074],{"class":5243},[5222,14515,14516,14518,14520,14522],{"class":5224,"line":5254},[5222,14517,11784],{"class":11759},[5222,14519,6123],{"class":5243},[5222,14521,11825],{"class":5917},[5222,14523,6074],{"class":5243},[5222,14525,14526,14528,14530],{"class":5224,"line":5279},[5222,14527,11938],{"class":11759},[5222,14529,6123],{"class":5243},[5222,14531,14532],{"class":5917},"\"src\u002Findex.js\"\n",[5222,14534,14535],{"class":5224,"line":5298},[5222,14536,5898],{"class":5243},[5213,14538,14541],{"className":5215,"code":14539,"filename":14540,"language":5217,"meta":5218,"style":5218},"import express from 'express';\nimport { router as userRouter } from '.\u002Froutes\u002Fusers.js';\nimport { router as postRouter } from '.\u002Froutes\u002Fposts.js';\n\nconst app = express();\n\napp.use('\u002Fapi\u002Fusers', userRouter);\napp.use('\u002Fapi\u002Fposts', postRouter);\n\napp.listen(3000, () => {\n  console.log('Server running on :3000');\n});\n","src\u002Findex.js",[5102,14542,14543,14555,14578,14600,14604,14618,14622,14644,14664,14668,14687,14702],{"__ignoreMap":5218},[5222,14544,14545,14547,14549,14551,14553],{"class":5224,"line":5225},[5222,14546,5115],{"class":5670},[5222,14548,13439],{"class":5239},[5222,14550,7509],{"class":5670},[5222,14552,13444],{"class":5917},[5222,14554,5251],{"class":5243},[5222,14556,14557,14559,14561,14564,14566,14569,14571,14573,14576],{"class":5224,"line":5232},[5222,14558,5115],{"class":5670},[5222,14560,6367],{"class":5243},[5222,14562,14563],{"class":5239},"router",[5222,14565,10185],{"class":5670},[5222,14567,14568],{"class":5239}," userRouter",[5222,14570,6381],{"class":5243},[5222,14572,6384],{"class":5670},[5222,14574,14575],{"class":5917}," '.\u002Froutes\u002Fusers.js'",[5222,14577,5251],{"class":5243},[5222,14579,14580,14582,14584,14586,14588,14591,14593,14595,14598],{"class":5224,"line":5254},[5222,14581,5115],{"class":5670},[5222,14583,6367],{"class":5243},[5222,14585,14563],{"class":5239},[5222,14587,10185],{"class":5670},[5222,14589,14590],{"class":5239}," postRouter",[5222,14592,6381],{"class":5243},[5222,14594,6384],{"class":5670},[5222,14596,14597],{"class":5917}," '.\u002Froutes\u002Fposts.js'",[5222,14599,5251],{"class":5243},[5222,14601,14602],{"class":5224,"line":5279},[5222,14603,5524],{"emptyLinePlaceholder":5523},[5222,14605,14606,14608,14611,14613,14616],{"class":5224,"line":5298},[5222,14607,5848],{"class":5235},[5222,14609,14610],{"class":5471}," app",[5222,14612,5244],{"class":5243},[5222,14614,14615],{"class":5260},"express",[5222,14617,5714],{"class":5243},[5222,14619,14620],{"class":5224,"line":5317},[5222,14621,5524],{"emptyLinePlaceholder":5523},[5222,14623,14624,14627,14629,14632,14634,14637,14639,14642],{"class":5224,"line":5336},[5222,14625,14626],{"class":5239},"app",[5222,14628,5133],{"class":5243},[5222,14630,14631],{"class":5260},"use",[5222,14633,5264],{"class":5243},[5222,14635,14636],{"class":5917},"'\u002Fapi\u002Fusers'",[5222,14638,5105],{"class":5243},[5222,14640,14641],{"class":5239},"userRouter",[5222,14643,5921],{"class":5243},[5222,14645,14646,14648,14650,14652,14654,14657,14659,14662],{"class":5224,"line":5532},[5222,14647,14626],{"class":5239},[5222,14649,5133],{"class":5243},[5222,14651,14631],{"class":5260},[5222,14653,5264],{"class":5243},[5222,14655,14656],{"class":5917},"'\u002Fapi\u002Fposts'",[5222,14658,5105],{"class":5243},[5222,14660,14661],{"class":5239},"postRouter",[5222,14663,5921],{"class":5243},[5222,14665,14666],{"class":5224,"line":5545},[5222,14667,5524],{"emptyLinePlaceholder":5523},[5222,14669,14670,14672,14674,14676,14678,14680,14683,14685],{"class":5224,"line":5557},[5222,14671,14626],{"class":5239},[5222,14673,5133],{"class":5243},[5222,14675,7424],{"class":5260},[5222,14677,5264],{"class":5243},[5222,14679,7483],{"class":5247},[5222,14681,14682],{"class":5243},", () ",[5222,14684,12057],{"class":5235},[5222,14686,5674],{"class":5243},[5222,14688,14689,14691,14693,14695,14697,14700],{"class":5224,"line":5577},[5222,14690,7252],{"class":5239},[5222,14692,5133],{"class":5243},[5222,14694,5912],{"class":5260},[5222,14696,5264],{"class":5243},[5222,14698,14699],{"class":5917},"'Server running on :3000'",[5222,14701,5921],{"class":5243},[5222,14703,14704],{"class":5224,"line":5722},[5222,14705,6777],{"class":5243},[5213,14707,14710],{"className":5215,"code":14708,"filename":14709,"language":5217,"meta":5218,"style":5218},"import express from 'express';\nimport * as userController from '..\u002Fcontrollers\u002FuserController.js';\n\nexport const router = express.Router();\n\nrouter.get('\u002F', userController.getAllUsers);\nrouter.get('\u002F:id', userController.getUserById);\nrouter.post('\u002F', userController.createUser);\n","src\u002Froutes\u002Fusers.js",[5102,14711,14712,14724,14742,14746,14766,14770,14796,14820],{"__ignoreMap":5218},[5222,14713,14714,14716,14718,14720,14722],{"class":5224,"line":5225},[5222,14715,5115],{"class":5670},[5222,14717,13439],{"class":5239},[5222,14719,7509],{"class":5670},[5222,14721,13444],{"class":5917},[5222,14723,5251],{"class":5243},[5222,14725,14726,14728,14730,14732,14735,14737,14740],{"class":5224,"line":5232},[5222,14727,5115],{"class":5670},[5222,14729,10261],{"class":5235},[5222,14731,10185],{"class":5670},[5222,14733,14734],{"class":5239}," userController",[5222,14736,7509],{"class":5670},[5222,14738,14739],{"class":5917}," '..\u002Fcontrollers\u002FuserController.js'",[5222,14741,5251],{"class":5243},[5222,14743,14744],{"class":5224,"line":5254},[5222,14745,5524],{"emptyLinePlaceholder":5523},[5222,14747,14748,14750,14752,14755,14757,14759,14761,14764],{"class":5224,"line":5279},[5222,14749,5118],{"class":5670},[5222,14751,6118],{"class":5235},[5222,14753,14754],{"class":5471}," router",[5222,14756,5244],{"class":5243},[5222,14758,14615],{"class":5239},[5222,14760,5133],{"class":5243},[5222,14762,14763],{"class":5260},"Router",[5222,14765,5714],{"class":5243},[5222,14767,14768],{"class":5224,"line":5298},[5222,14769,5524],{"emptyLinePlaceholder":5523},[5222,14771,14772,14774,14776,14779,14781,14784,14786,14789,14791,14794],{"class":5224,"line":5317},[5222,14773,14563],{"class":5239},[5222,14775,5133],{"class":5243},[5222,14777,14778],{"class":5260},"get",[5222,14780,5264],{"class":5243},[5222,14782,14783],{"class":5917},"'\u002F'",[5222,14785,5105],{"class":5243},[5222,14787,14788],{"class":5239},"userController",[5222,14790,5133],{"class":5243},[5222,14792,14793],{"class":5239},"getAllUsers",[5222,14795,5921],{"class":5243},[5222,14797,14798,14800,14802,14804,14806,14809,14811,14813,14815,14818],{"class":5224,"line":5336},[5222,14799,14563],{"class":5239},[5222,14801,5133],{"class":5243},[5222,14803,14778],{"class":5260},[5222,14805,5264],{"class":5243},[5222,14807,14808],{"class":5917},"'\u002F:id'",[5222,14810,5105],{"class":5243},[5222,14812,14788],{"class":5239},[5222,14814,5133],{"class":5243},[5222,14816,14817],{"class":5239},"getUserById",[5222,14819,5921],{"class":5243},[5222,14821,14822,14824,14826,14829,14831,14833,14835,14837,14839,14842],{"class":5224,"line":5532},[5222,14823,14563],{"class":5239},[5222,14825,5133],{"class":5243},[5222,14827,14828],{"class":5260},"post",[5222,14830,5264],{"class":5243},[5222,14832,14783],{"class":5917},[5222,14834,5105],{"class":5243},[5222,14836,14788],{"class":5239},[5222,14838,5133],{"class":5243},[5222,14840,14841],{"class":5239},"createUser",[5222,14843,5921],{"class":5243},[5213,14845,14848],{"className":5215,"code":14846,"filename":14847,"language":5217,"meta":5218,"style":5218},"import * as userService from '..\u002Fservices\u002FuserService.js';\n\nexport async function getAllUsers(req, res) {\n  const users = await userService.findAll();\n  res.json(users);\n}\n\nexport async function getUserById(req, res) {\n  const user = await userService.findById(req.params.id);\n  res.json(user);\n}\n\nexport async function createUser(req, res) {\n  const user = await userService.create(req.body);\n  res.status(201).json(user);\n}\n","src\u002Fcontrollers\u002FuserController.js",[5102,14849,14850,14868,14872,14894,14914,14929,14933,14937,14958,14990,15004,15008,15012,15032,15060,15084],{"__ignoreMap":5218},[5222,14851,14852,14854,14856,14858,14861,14863,14866],{"class":5224,"line":5225},[5222,14853,5115],{"class":5670},[5222,14855,10261],{"class":5235},[5222,14857,10185],{"class":5670},[5222,14859,14860],{"class":5239}," userService",[5222,14862,7509],{"class":5670},[5222,14864,14865],{"class":5917}," '..\u002Fservices\u002FuserService.js'",[5222,14867,5251],{"class":5243},[5222,14869,14870],{"class":5224,"line":5232},[5222,14871,5524],{"emptyLinePlaceholder":5523},[5222,14873,14874,14876,14879,14881,14884,14886,14888,14890,14892],{"class":5224,"line":5254},[5222,14875,5118],{"class":5670},[5222,14877,14878],{"class":5235}," async",[5222,14880,5503],{"class":5235},[5222,14882,14883],{"class":5260}," getAllUsers",[5222,14885,5264],{"class":5243},[5222,14887,12046],{"class":5239},[5222,14889,5105],{"class":5243},[5222,14891,12051],{"class":5239},[5222,14893,5690],{"class":5243},[5222,14895,14896,14898,14901,14903,14905,14907,14909,14912],{"class":5224,"line":5279},[5222,14897,6749],{"class":5235},[5222,14899,14900],{"class":5471}," users",[5222,14902,5244],{"class":5243},[5222,14904,10377],{"class":5670},[5222,14906,14860],{"class":5239},[5222,14908,5133],{"class":5243},[5222,14910,14911],{"class":5260},"findAll",[5222,14913,5714],{"class":5243},[5222,14915,14916,14919,14921,14923,14925,14927],{"class":5224,"line":5298},[5222,14917,14918],{"class":5239},"  res",[5222,14920,5133],{"class":5243},[5222,14922,11747],{"class":5260},[5222,14924,5264],{"class":5243},[5222,14926,5552],{"class":5239},[5222,14928,5921],{"class":5243},[5222,14930,14931],{"class":5224,"line":5317},[5222,14932,5898],{"class":5243},[5222,14934,14935],{"class":5224,"line":5336},[5222,14936,5524],{"emptyLinePlaceholder":5523},[5222,14938,14939,14941,14943,14945,14948,14950,14952,14954,14956],{"class":5224,"line":5532},[5222,14940,5118],{"class":5670},[5222,14942,14878],{"class":5235},[5222,14944,5503],{"class":5235},[5222,14946,14947],{"class":5260}," getUserById",[5222,14949,5264],{"class":5243},[5222,14951,12046],{"class":5239},[5222,14953,5105],{"class":5243},[5222,14955,12051],{"class":5239},[5222,14957,5690],{"class":5243},[5222,14959,14960,14962,14964,14966,14968,14970,14972,14975,14977,14979,14981,14984,14986,14988],{"class":5224,"line":5545},[5222,14961,6749],{"class":5235},[5222,14963,7797],{"class":5471},[5222,14965,5244],{"class":5243},[5222,14967,10377],{"class":5670},[5222,14969,14860],{"class":5239},[5222,14971,5133],{"class":5243},[5222,14973,14974],{"class":5260},"findById",[5222,14976,5264],{"class":5243},[5222,14978,12046],{"class":5239},[5222,14980,5133],{"class":5243},[5222,14982,14983],{"class":5239},"params",[5222,14985,5133],{"class":5243},[5222,14987,5289],{"class":5239},[5222,14989,5921],{"class":5243},[5222,14991,14992,14994,14996,14998,15000,15002],{"class":5224,"line":5557},[5222,14993,14918],{"class":5239},[5222,14995,5133],{"class":5243},[5222,14997,11747],{"class":5260},[5222,14999,5264],{"class":5243},[5222,15001,7829],{"class":5239},[5222,15003,5921],{"class":5243},[5222,15005,15006],{"class":5224,"line":5577},[5222,15007,5898],{"class":5243},[5222,15009,15010],{"class":5224,"line":5722},[5222,15011,5524],{"emptyLinePlaceholder":5523},[5222,15013,15014,15016,15018,15020,15022,15024,15026,15028,15030],{"class":5224,"line":5734},[5222,15015,5118],{"class":5670},[5222,15017,14878],{"class":5235},[5222,15019,5503],{"class":5235},[5222,15021,5261],{"class":5260},[5222,15023,5264],{"class":5243},[5222,15025,12046],{"class":5239},[5222,15027,5105],{"class":5243},[5222,15029,12051],{"class":5239},[5222,15031,5690],{"class":5243},[5222,15033,15034,15036,15038,15040,15042,15044,15046,15049,15051,15053,15055,15058],{"class":5224,"line":5743},[5222,15035,6749],{"class":5235},[5222,15037,7797],{"class":5471},[5222,15039,5244],{"class":5243},[5222,15041,10377],{"class":5670},[5222,15043,14860],{"class":5239},[5222,15045,5133],{"class":5243},[5222,15047,15048],{"class":5260},"create",[5222,15050,5264],{"class":5243},[5222,15052,12046],{"class":5239},[5222,15054,5133],{"class":5243},[5222,15056,15057],{"class":5239},"body",[5222,15059,5921],{"class":5243},[5222,15061,15062,15064,15066,15069,15071,15074,15076,15078,15080,15082],{"class":5224,"line":5749},[5222,15063,14918],{"class":5239},[5222,15065,5133],{"class":5243},[5222,15067,15068],{"class":5260},"status",[5222,15070,5264],{"class":5243},[5222,15072,15073],{"class":5247},"201",[5222,15075,5170],{"class":5243},[5222,15077,11747],{"class":5260},[5222,15079,5264],{"class":5243},[5222,15081,7829],{"class":5239},[5222,15083,5921],{"class":5243},[5222,15085,15086],{"class":5224,"line":5755},[5222,15087,5898],{"class":5243},[5213,15089,15092],{"className":5215,"code":15090,"filename":15091,"language":5217,"meta":5218,"style":5218},"import { db } from '..\u002Fdatabase\u002Fconnection.js';\n\nexport async function findAll() {\n  return db.query('SELECT * FROM users');\n}\n\nexport async function findById(id) {\n  const [user] = await db.query('SELECT * FROM users WHERE id = ?', [id]);\n  return user;\n}\n\nexport async function create(userData) {\n  const result = await db.query('INSERT INTO users SET ?', [userData]);\n  return { id: result.insertId, ...userData };\n}\n","src\u002Fservices\u002FuserService.js",[5102,15093,15094,15112,15116,15129,15148,15152,15156,15173,15206,15214,15218,15222,15240,15267,15290],{"__ignoreMap":5218},[5222,15095,15096,15098,15100,15103,15105,15107,15110],{"class":5224,"line":5225},[5222,15097,5115],{"class":5670},[5222,15099,6367],{"class":5243},[5222,15101,15102],{"class":5239},"db",[5222,15104,6381],{"class":5243},[5222,15106,6384],{"class":5670},[5222,15108,15109],{"class":5917}," '..\u002Fdatabase\u002Fconnection.js'",[5222,15111,5251],{"class":5243},[5222,15113,15114],{"class":5224,"line":5232},[5222,15115,5524],{"emptyLinePlaceholder":5523},[5222,15117,15118,15120,15122,15124,15127],{"class":5224,"line":5254},[5222,15119,5118],{"class":5670},[5222,15121,14878],{"class":5235},[5222,15123,5503],{"class":5235},[5222,15125,15126],{"class":5260}," findAll",[5222,15128,5636],{"class":5243},[5222,15130,15131,15133,15136,15138,15141,15143,15146],{"class":5224,"line":5279},[5222,15132,5671],{"class":5670},[5222,15134,15135],{"class":5239}," db",[5222,15137,5133],{"class":5243},[5222,15139,15140],{"class":5260},"query",[5222,15142,5264],{"class":5243},[5222,15144,15145],{"class":5917},"'SELECT * FROM users'",[5222,15147,5921],{"class":5243},[5222,15149,15150],{"class":5224,"line":5298},[5222,15151,5898],{"class":5243},[5222,15153,15154],{"class":5224,"line":5317},[5222,15155,5524],{"emptyLinePlaceholder":5523},[5222,15157,15158,15160,15162,15164,15167,15169,15171],{"class":5224,"line":5336},[5222,15159,5118],{"class":5670},[5222,15161,14878],{"class":5235},[5222,15163,5503],{"class":5235},[5222,15165,15166],{"class":5260}," findById",[5222,15168,5264],{"class":5243},[5222,15170,5289],{"class":5239},[5222,15172,5690],{"class":5243},[5222,15174,15175,15177,15180,15182,15185,15187,15189,15191,15193,15195,15198,15201,15203],{"class":5224,"line":5532},[5222,15176,6749],{"class":5235},[5222,15178,15179],{"class":5243}," [",[5222,15181,7829],{"class":5471},[5222,15183,15184],{"class":5243},"] = ",[5222,15186,10377],{"class":5670},[5222,15188,15135],{"class":5239},[5222,15190,5133],{"class":5243},[5222,15192,15140],{"class":5260},[5222,15194,5264],{"class":5243},[5222,15196,15197],{"class":5917},"'SELECT * FROM users WHERE id = ?'",[5222,15199,15200],{"class":5243},", [",[5222,15202,5289],{"class":5239},[5222,15204,15205],{"class":5243},"]);\n",[5222,15207,15208,15210,15212],{"class":5224,"line":5545},[5222,15209,5671],{"class":5670},[5222,15211,7797],{"class":5239},[5222,15213,5251],{"class":5243},[5222,15215,15216],{"class":5224,"line":5557},[5222,15217,5898],{"class":5243},[5222,15219,15220],{"class":5224,"line":5577},[5222,15221,5524],{"emptyLinePlaceholder":5523},[5222,15223,15224,15226,15228,15230,15233,15235,15238],{"class":5224,"line":5722},[5222,15225,5118],{"class":5670},[5222,15227,14878],{"class":5235},[5222,15229,5503],{"class":5235},[5222,15231,15232],{"class":5260}," create",[5222,15234,5264],{"class":5243},[5222,15236,15237],{"class":5239},"userData",[5222,15239,5690],{"class":5243},[5222,15241,15242,15244,15246,15248,15250,15252,15254,15256,15258,15261,15263,15265],{"class":5224,"line":5734},[5222,15243,6749],{"class":5235},[5222,15245,14357],{"class":5471},[5222,15247,5244],{"class":5243},[5222,15249,10377],{"class":5670},[5222,15251,15135],{"class":5239},[5222,15253,5133],{"class":5243},[5222,15255,15140],{"class":5260},[5222,15257,5264],{"class":5243},[5222,15259,15260],{"class":5917},"'INSERT INTO users SET ?'",[5222,15262,15200],{"class":5243},[5222,15264,15237],{"class":5239},[5222,15266,15205],{"class":5243},[5222,15268,15269,15271,15273,15276,15278,15280,15283,15286,15288],{"class":5224,"line":5743},[5222,15270,5671],{"class":5670},[5222,15272,6367],{"class":5243},[5222,15274,15275],{"class":5239},"id:",[5222,15277,14357],{"class":5239},[5222,15279,5133],{"class":5243},[5222,15281,15282],{"class":5239},"insertId",[5222,15284,15285],{"class":5243},", ...",[5222,15287,15237],{"class":5239},[5222,15289,6605],{"class":5243},[5222,15291,15292],{"class":5224,"line":5749},[5222,15293,5898],{"class":5243},[5203,15295,15297],{"id":15296},"приклад-3-плагін-система-з-динамічним-завантаженням","Приклад 3: Плагін-система з динамічним завантаженням",[5213,15299,15301],{"className":5215,"code":15300,"language":5217,"meta":5218,"style":5218},"\u002F\u002F plugin-loader.js\nexport async function loadPlugins(pluginNames) {\n  const plugins = [];\n  \n  for (const name of pluginNames) {\n    try {\n      const module = await import(`.\u002Fplugins\u002F${name}.js`);\n      plugins.push(module.default);\n      console.log(`✓ Plugin \"${name}\" loaded`);\n    } catch (error) {\n      console.error(`✗ Failed to load plugin \"${name}\":`, error.message);\n    }\n  }\n  \n  return plugins;\n}\n\nexport function executePlugins(plugins, data) {\n  for (const plugin of plugins) {\n    if (typeof plugin.process === 'function') {\n      data = plugin.process(data);\n    }\n  }\n  return data;\n}\n\n\u002F\u002F app.js\nimport { loadPlugins, executePlugins } from '.\u002Fplugin-loader.js';\n\nconst plugins = await loadPlugins(['logger', 'validator', 'transformer']);\nconst result = executePlugins(plugins, { text: 'Hello, World!' });\n",[5102,15302,15303,15308,15326,15336,15340,15358,15365,15392,15412,15437,15451,15483,15487,15491,15495,15503,15507,15511,15532,15548,15571,15591,15595,15599,15608,15612,15616,15620,15643,15647,15677],{"__ignoreMap":5218},[5222,15304,15305],{"class":5224,"line":5225},[5222,15306,15307],{"class":5228},"\u002F\u002F plugin-loader.js\n",[5222,15309,15310,15312,15314,15316,15319,15321,15324],{"class":5224,"line":5232},[5222,15311,5118],{"class":5670},[5222,15313,14878],{"class":5235},[5222,15315,5503],{"class":5235},[5222,15317,15318],{"class":5260}," loadPlugins",[5222,15320,5264],{"class":5243},[5222,15322,15323],{"class":5239},"pluginNames",[5222,15325,5690],{"class":5243},[5222,15327,15328,15330,15333],{"class":5224,"line":5254},[5222,15329,6749],{"class":5235},[5222,15331,15332],{"class":5471}," plugins",[5222,15334,15335],{"class":5243}," = [];\n",[5222,15337,15338],{"class":5224,"line":5279},[5222,15339,5660],{"class":5243},[5222,15341,15342,15345,15347,15349,15351,15353,15356],{"class":5224,"line":5298},[5222,15343,15344],{"class":5670},"  for",[5222,15346,10545],{"class":5243},[5222,15348,5848],{"class":5235},[5222,15350,7880],{"class":5471},[5222,15352,10641],{"class":5235},[5222,15354,15355],{"class":5239}," pluginNames",[5222,15357,5690],{"class":5243},[5222,15359,15360,15363],{"class":5224,"line":5317},[5222,15361,15362],{"class":5670},"    try",[5222,15364,5674],{"class":5243},[5222,15366,15367,15370,15372,15374,15376,15378,15380,15382,15384,15386,15388,15390],{"class":5224,"line":5336},[5222,15368,15369],{"class":5235},"      const",[5222,15371,10877],{"class":5471},[5222,15373,5244],{"class":5243},[5222,15375,10377],{"class":5670},[5222,15377,10380],{"class":5235},[5222,15379,5264],{"class":5243},[5222,15381,10656],{"class":5917},[5222,15383,7723],{"class":5235},[5222,15385,5267],{"class":5239},[5222,15387,7733],{"class":5235},[5222,15389,10793],{"class":5917},[5222,15391,5921],{"class":5243},[5222,15393,15394,15397,15399,15402,15404,15406,15408,15410],{"class":5224,"line":5532},[5222,15395,15396],{"class":5239},"      plugins",[5222,15398,5133],{"class":5243},[5222,15400,15401],{"class":5260},"push",[5222,15403,5264],{"class":5243},[5222,15405,6057],{"class":6056},[5222,15407,5133],{"class":5243},[5222,15409,12601],{"class":5239},[5222,15411,5921],{"class":5243},[5222,15413,15414,15417,15419,15421,15423,15426,15428,15430,15432,15435],{"class":5224,"line":5545},[5222,15415,15416],{"class":5239},"      console",[5222,15418,5133],{"class":5243},[5222,15420,5912],{"class":5260},[5222,15422,5264],{"class":5243},[5222,15424,15425],{"class":5917},"`✓ Plugin \"",[5222,15427,7723],{"class":5235},[5222,15429,5267],{"class":5239},[5222,15431,7733],{"class":5235},[5222,15433,15434],{"class":5917},"\" loaded`",[5222,15436,5921],{"class":5243},[5222,15438,15439,15442,15445,15447,15449],{"class":5224,"line":5557},[5222,15440,15441],{"class":5243},"    } ",[5222,15443,15444],{"class":5670},"catch",[5222,15446,10545],{"class":5243},[5222,15448,7142],{"class":5239},[5222,15450,5690],{"class":5243},[5222,15452,15453,15455,15457,15459,15461,15464,15466,15468,15470,15473,15475,15477,15479,15481],{"class":5224,"line":5577},[5222,15454,15416],{"class":5239},[5222,15456,5133],{"class":5243},[5222,15458,7142],{"class":5260},[5222,15460,5264],{"class":5243},[5222,15462,15463],{"class":5917},"`✗ Failed to load plugin \"",[5222,15465,7723],{"class":5235},[5222,15467,5267],{"class":5239},[5222,15469,7733],{"class":5235},[5222,15471,15472],{"class":5917},"\":`",[5222,15474,5105],{"class":5243},[5222,15476,7142],{"class":5239},[5222,15478,5133],{"class":5243},[5222,15480,7091],{"class":5239},[5222,15482,5921],{"class":5243},[5222,15484,15485],{"class":5224,"line":5722},[5222,15486,5746],{"class":5243},[5222,15488,15489],{"class":5224,"line":5734},[5222,15490,7158],{"class":5243},[5222,15492,15493],{"class":5224,"line":5743},[5222,15494,5660],{"class":5243},[5222,15496,15497,15499,15501],{"class":5224,"line":5749},[5222,15498,5671],{"class":5670},[5222,15500,15332],{"class":5239},[5222,15502,5251],{"class":5243},[5222,15504,15505],{"class":5224,"line":5755},[5222,15506,5898],{"class":5243},[5222,15508,15509],{"class":5224,"line":6094},[5222,15510,5524],{"emptyLinePlaceholder":5523},[5222,15512,15513,15515,15517,15520,15522,15525,15527,15530],{"class":5224,"line":6926},[5222,15514,5118],{"class":5670},[5222,15516,5503],{"class":5235},[5222,15518,15519],{"class":5260}," executePlugins",[5222,15521,5264],{"class":5243},[5222,15523,15524],{"class":5239},"plugins",[5222,15526,5105],{"class":5243},[5222,15528,15529],{"class":5239},"data",[5222,15531,5690],{"class":5243},[5222,15533,15534,15536,15538,15540,15542,15544,15546],{"class":5224,"line":6932},[5222,15535,15344],{"class":5670},[5222,15537,10545],{"class":5243},[5222,15539,5848],{"class":5235},[5222,15541,10774],{"class":5471},[5222,15543,10641],{"class":5235},[5222,15545,15332],{"class":5239},[5222,15547,5690],{"class":5243},[5222,15549,15550,15553,15555,15558,15560,15562,15564,15566,15569],{"class":5224,"line":6938},[5222,15551,15552],{"class":5670},"    if",[5222,15554,10545],{"class":5243},[5222,15556,15557],{"class":5235},"typeof",[5222,15559,10774],{"class":5239},[5222,15561,5133],{"class":5243},[5222,15563,10548],{"class":5239},[5222,15565,6674],{"class":5243},[5222,15567,15568],{"class":5917},"'function'",[5222,15570,5690],{"class":5243},[5222,15572,15573,15576,15578,15581,15583,15585,15587,15589],{"class":5224,"line":6944},[5222,15574,15575],{"class":5239},"      data",[5222,15577,5244],{"class":5243},[5222,15579,15580],{"class":5239},"plugin",[5222,15582,5133],{"class":5243},[5222,15584,10548],{"class":5260},[5222,15586,5264],{"class":5243},[5222,15588,15529],{"class":5239},[5222,15590,5921],{"class":5243},[5222,15592,15593],{"class":5224,"line":6949},[5222,15594,5746],{"class":5243},[5222,15596,15597],{"class":5224,"line":6955},[5222,15598,7158],{"class":5243},[5222,15600,15601,15603,15606],{"class":5224,"line":6961},[5222,15602,5671],{"class":5670},[5222,15604,15605],{"class":5239}," data",[5222,15607,5251],{"class":5243},[5222,15609,15610],{"class":5224,"line":6967},[5222,15611,5898],{"class":5243},[5222,15613,15614],{"class":5224,"line":6973},[5222,15615,5524],{"emptyLinePlaceholder":5523},[5222,15617,15618],{"class":5224,"line":6979},[5222,15619,6614],{"class":5228},[5222,15621,15622,15624,15626,15629,15631,15634,15636,15638,15641],{"class":5224,"line":6985},[5222,15623,5115],{"class":5670},[5222,15625,6367],{"class":5243},[5222,15627,15628],{"class":5239},"loadPlugins",[5222,15630,5105],{"class":5243},[5222,15632,15633],{"class":5239},"executePlugins",[5222,15635,6381],{"class":5243},[5222,15637,6384],{"class":5670},[5222,15639,15640],{"class":5917}," '.\u002Fplugin-loader.js'",[5222,15642,5251],{"class":5243},[5222,15644,15645],{"class":5224,"line":6991},[5222,15646,5524],{"emptyLinePlaceholder":5523},[5222,15648,15649,15651,15653,15655,15657,15659,15662,15665,15667,15670,15672,15675],{"class":5224,"line":6996},[5222,15650,5848],{"class":5235},[5222,15652,15332],{"class":5471},[5222,15654,5244],{"class":5243},[5222,15656,10377],{"class":5670},[5222,15658,15318],{"class":5260},[5222,15660,15661],{"class":5243},"([",[5222,15663,15664],{"class":5917},"'logger'",[5222,15666,5105],{"class":5243},[5222,15668,15669],{"class":5917},"'validator'",[5222,15671,5105],{"class":5243},[5222,15673,15674],{"class":5917},"'transformer'",[5222,15676,15205],{"class":5243},[5222,15678,15679,15681,15683,15685,15687,15689,15691,15693,15696,15699],{"class":5224,"line":7002},[5222,15680,5848],{"class":5235},[5222,15682,14357],{"class":5471},[5222,15684,5244],{"class":5243},[5222,15686,15633],{"class":5260},[5222,15688,5264],{"class":5243},[5222,15690,15524],{"class":5239},[5222,15692,10079],{"class":5243},[5222,15694,15695],{"class":5239},"text:",[5222,15697,15698],{"class":5917}," 'Hello, World!'",[5222,15700,15701],{"class":5243}," });\n",[9235,15703,15705,15714,15722,15729,15736,15739,15747,15755,15763,15766],{"title":15704},"node app.js",[9239,15706,15708,5932,15711],{"className":15707},[5224],[5222,15709,9246],{"className":15710},[9245],[5145,15712,15704],{"className":15713},[9250],[9239,15715,15717,15721],{"className":15716},[5224],[5222,15718,15720],{"className":15719},[9265,9250],"✓"," Plugin \"logger\" loaded",[9239,15723,15725,15728],{"className":15724},[5224],[5222,15726,15720],{"className":15727},[9265,9250]," Plugin \"validator\" loaded",[9239,15730,15732,15735],{"className":15731},[5224],[5222,15733,15720],{"className":15734},[9265,9250]," Plugin \"transformer\" loaded",[9239,15737],{"className":15738},[5224],[9239,15740,15742,15746],{"className":15741},[5224],[5222,15743,15745],{"className":15744},[9257],"[Logger Plugin]"," Processing data...",[9239,15748,15750,15754],{"className":15749},[5224],[5222,15751,15753],{"className":15752},[9257],"[Validator Plugin]"," Data is valid ✓",[9239,15756,15758,15762],{"className":15757},[5224],[5222,15759,15761],{"className":15760},[9257],"[Transformer Plugin]"," Text transformed to uppercase",[9239,15764],{"className":15765},[5224],[9239,15767,15769,15770],{"className":15768},[5224],"Result: ",[5222,15771,15773],{"className":15772},[9265,9250],"{ text: 'HELLO, WORLD!' }",[5190,15775,15777],{"id":15776},"коли-використовувати-commonjs-коли-es-modules","Коли використовувати CommonJS, коли ES Modules",[5195,15779,15780],{},"Вибір модульної системи залежить від контексту проєкту, цільового середовища та вимог до сумісності.",[15782,15783,15784,15892,15995],"tabs",{},[15785,15786,15789,15794,15832,15837],"tabs-item",{"icon":15787,"label":15788},"i-lucide-check-circle","ES Modules (рекомендовано)",[5195,15790,15791],{},[5145,15792,15793],{},"✅ Використовуйте ESM для:",[5092,15795,15796,15802,15808,15814,15820,15826],{},[5095,15797,15798,15801],{},[5145,15799,15800],{},"Нових проєктів у 2026 році"," — це стандарт майбутнього",[5095,15803,15804,15807],{},[5145,15805,15806],{},"Бібліотек та пакетів"," — краща сумісність з інструментами збірки",[5095,15809,15810,15813],{},[5145,15811,15812],{},"Фронтенд-коду"," — сумісність з браузерами без транспіляції",[5095,15815,15816,15819],{},[5145,15817,15818],{},"Tree shaking"," — автоматичне видалення невикористаного коду",[5095,15821,15822,15825],{},[5145,15823,15824],{},"Статичного аналізу"," — перевірка помилок на етапі збірки",[5095,15827,15828,15831],{},[5145,15829,15830],{},"TypeScript-проєктів"," — нативна підтримка ESM у TypeScript 4.7+",[5195,15833,15834],{},[5145,15835,15836],{},"Приклад налаштування:",[5213,15838,15840],{"className":11745,"code":15839,"language":11747,"meta":5218,"style":5218},"{\n  \"name\": \"modern-app\",\n  \"type\": \"module\",\n  \"engines\": {\n    \"node\": \">=18.0.0\"\n  }\n}\n",[5102,15841,15842,15846,15857,15867,15874,15884,15888],{"__ignoreMap":5218},[5222,15843,15844],{"class":5224,"line":5225},[5222,15845,11754],{"class":5243},[5222,15847,15848,15850,15852,15855],{"class":5224,"line":5232},[5222,15849,11760],{"class":11759},[5222,15851,6123],{"class":5243},[5222,15853,15854],{"class":5917},"\"modern-app\"",[5222,15856,6074],{"class":5243},[5222,15858,15859,15861,15863,15865],{"class":5224,"line":5254},[5222,15860,11784],{"class":11759},[5222,15862,6123],{"class":5243},[5222,15864,11825],{"class":5917},[5222,15866,6074],{"class":5243},[5222,15868,15869,15872],{"class":5224,"line":5279},[5222,15870,15871],{"class":11759},"  \"engines\"",[5222,15873,12263],{"class":5243},[5222,15875,15876,15879,15881],{"class":5224,"line":5298},[5222,15877,15878],{"class":11759},"    \"node\"",[5222,15880,6123],{"class":5243},[5222,15882,15883],{"class":5917},"\">=18.0.0\"\n",[5222,15885,15886],{"class":5224,"line":5317},[5222,15887,7158],{"class":5243},[5222,15889,15890],{"class":5224,"line":5336},[5222,15891,5898],{"class":5243},[15785,15893,15896,15901,15938,15942],{"icon":15894,"label":15895},"i-lucide-archive","CommonJS (legacy)",[5195,15897,15898],{},[5145,15899,15900],{},"✅ Використовуйте CommonJS для:",[5092,15902,15903,15909,15920,15926,15932],{},[5095,15904,15905,15908],{},[5145,15906,15907],{},"Підтримки старих версій Node.js"," (\u003C 12.20)",[5095,15910,15911,10545,15914,5105,15917,5773],{},[5145,15912,15913],{},"Конфігураційних файлів",[5102,15915,15916],{},"webpack.config.js",[5102,15918,15919],{},".eslintrc.js",[5095,15921,15922,15925],{},[5145,15923,15924],{},"Скриптів збірки та CLI-утиліт"," — швидший запуск (синхронне завантаження)",[5095,15927,15928,15931],{},[5145,15929,15930],{},"Динамічного завантаження"," на основі умов runtime",[5095,15933,15934,15937],{},[5145,15935,15936],{},"Сумісності з екосистемою"," — деякі пакети досі не підтримують ESM",[5195,15939,15940],{},[5145,15941,15836],{},[5213,15943,15945],{"className":11745,"code":15944,"language":11747,"meta":5218,"style":5218},"{\n  \"name\": \"legacy-app\",\n  \"type\": \"commonjs\",\n  \"engines\": {\n    \"node\": \">=14.0.0\"\n  }\n}\n",[5102,15946,15947,15951,15962,15972,15978,15987,15991],{"__ignoreMap":5218},[5222,15948,15949],{"class":5224,"line":5225},[5222,15950,11754],{"class":5243},[5222,15952,15953,15955,15957,15960],{"class":5224,"line":5232},[5222,15954,11760],{"class":11759},[5222,15956,6123],{"class":5243},[5222,15958,15959],{"class":5917},"\"legacy-app\"",[5222,15961,6074],{"class":5243},[5222,15963,15964,15966,15968,15970],{"class":5224,"line":5254},[5222,15965,11784],{"class":11759},[5222,15967,6123],{"class":5243},[5222,15969,11840],{"class":5917},[5222,15971,6074],{"class":5243},[5222,15973,15974,15976],{"class":5224,"line":5279},[5222,15975,15871],{"class":11759},[5222,15977,12263],{"class":5243},[5222,15979,15980,15982,15984],{"class":5224,"line":5298},[5222,15981,15878],{"class":11759},[5222,15983,6123],{"class":5243},[5222,15985,15986],{"class":5917},"\">=14.0.0\"\n",[5222,15988,15989],{"class":5224,"line":5317},[5222,15990,7158],{"class":5243},[5222,15992,15993],{"class":5224,"line":5336},[5222,15994,5898],{"class":5243},[15785,15996,15998,16003,16022,16027],{"icon":4546,"label":15997},"Гібридний підхід",[5195,15999,16000],{},[5145,16001,16002],{},"✅ Використовуйте обидві системи для:",[5092,16004,16005,16011,16017],{},[5095,16006,16007,16010],{},[5145,16008,16009],{},"Міграції з CommonJS на ESM"," — поступовий перехід",[5095,16012,16013,16016],{},[5145,16014,16015],{},"Публічних npm-пакетів"," — максимальна сумісність",[5095,16018,16019],{},[5145,16020,16021],{},"Monorepo з різними цільовими середовищами",[5195,16023,16024],{},[5145,16025,16026],{},"Приклад dual package:",[5213,16028,16030],{"className":11745,"code":16029,"language":11747,"meta":5218,"style":5218},"{\n  \"name\": \"universal-lib\",\n  \"type\": \"module\",\n  \"main\": \".\u002Fdist\u002Findex.cjs\",\n  \"module\": \".\u002Fdist\u002Findex.mjs\",\n  \"exports\": {\n    \".\": {\n      \"import\": \".\u002Fdist\u002Findex.mjs\",\n      \"require\": \".\u002Fdist\u002Findex.cjs\"\n    }\n  }\n}\n",[5102,16031,16032,16036,16047,16057,16067,16077,16083,16089,16099,16107,16111,16115],{"__ignoreMap":5218},[5222,16033,16034],{"class":5224,"line":5225},[5222,16035,11754],{"class":5243},[5222,16037,16038,16040,16042,16045],{"class":5224,"line":5232},[5222,16039,11760],{"class":11759},[5222,16041,6123],{"class":5243},[5222,16043,16044],{"class":5917},"\"universal-lib\"",[5222,16046,6074],{"class":5243},[5222,16048,16049,16051,16053,16055],{"class":5224,"line":5254},[5222,16050,11784],{"class":11759},[5222,16052,6123],{"class":5243},[5222,16054,11825],{"class":5917},[5222,16056,6074],{"class":5243},[5222,16058,16059,16061,16063,16065],{"class":5224,"line":5279},[5222,16060,11938],{"class":11759},[5222,16062,6123],{"class":5243},[5222,16064,12241],{"class":5917},[5222,16066,6074],{"class":5243},[5222,16068,16069,16071,16073,16075],{"class":5224,"line":5298},[5222,16070,12248],{"class":11759},[5222,16072,6123],{"class":5243},[5222,16074,12253],{"class":5917},[5222,16076,6074],{"class":5243},[5222,16078,16079,16081],{"class":5224,"line":5317},[5222,16080,12260],{"class":11759},[5222,16082,12263],{"class":5243},[5222,16084,16085,16087],{"class":5224,"line":5336},[5222,16086,12268],{"class":11759},[5222,16088,12263],{"class":5243},[5222,16090,16091,16093,16095,16097],{"class":5224,"line":5532},[5222,16092,12275],{"class":11759},[5222,16094,6123],{"class":5243},[5222,16096,12253],{"class":5917},[5222,16098,6074],{"class":5243},[5222,16100,16101,16103,16105],{"class":5224,"line":5545},[5222,16102,12286],{"class":11759},[5222,16104,6123],{"class":5243},[5222,16106,12291],{"class":5917},[5222,16108,16109],{"class":5224,"line":5557},[5222,16110,5746],{"class":5243},[5222,16112,16113],{"class":5224,"line":5577},[5222,16114,7158],{"class":5243},[5222,16116,16117],{"class":5224,"line":5722},[5222,16118,5898],{"class":5243},[5203,16120,16122],{"id":16121},"порівняльна-таблиця-commonjs-vs-es-modules","Порівняльна таблиця: CommonJS vs ES Modules",[9447,16124,16125,16136],{},[9450,16126,16127],{},[9453,16128,16129,16132,16134],{},[9456,16130,16131],{},"Критерій",[9456,16133,5813],{},[9456,16135,9437],{},[9464,16137,16138,16151,16169,16179,16191,16203,16215,16228,16241,16254,16267,16284],{},[9453,16139,16140,16145,16148],{},[9469,16141,16142],{},[5145,16143,16144],{},"Стандарт",[9469,16146,16147],{},"Специфіка Node.js",[9469,16149,16150],{},"ECMAScript офіційний стандарт",[9453,16152,16153,16157,16163],{},[9469,16154,16155],{},[5145,16156,9473],{},[9469,16158,16159,5105,16161],{},[5102,16160,6236],{},[5102,16162,5108],{},[9469,16164,16165,5105,16167],{},[5102,16166,5115],{},[5102,16168,5118],{},[9453,16170,16171,16175,16177],{},[9469,16172,16173],{},[5145,16174,9492],{},[9469,16176,9495],{},[9469,16178,9498],{},[9453,16180,16181,16185,16188],{},[9469,16182,16183],{},[5145,16184,9505],{},[9469,16186,16187],{},"Runtime (динамічний)",[9469,16189,16190],{},"Parse-time (статичний)",[9453,16192,16193,16197,16200],{},[9469,16194,16195],{},[5145,16196,15818],{},[9469,16198,16199],{},"❌ Неможливий",[9469,16201,16202],{},"✅ Повна підтримка",[9453,16204,16205,16209,16212],{},[9469,16206,16207],{},[5145,16208,9585],{},[9469,16210,16211],{},"Часткова підтримка",[9469,16213,16214],{},"Live bindings",[9453,16216,16217,16222,16225],{},[9469,16218,16219],{},[5145,16220,16221],{},"Top-level await",[9469,16223,16224],{},"❌ Не підтримується",[9469,16226,16227],{},"✅ Підтримується",[9453,16229,16230,16234,16238],{},[9469,16231,16232],{},[5145,16233,942],{},[9469,16235,16236],{},[5102,16237,6557],{},[9469,16239,16240],{},"Runtime кеш",[9453,16242,16243,16248,16251],{},[9469,16244,16245],{},[5145,16246,16247],{},"Швидкість запуску",[9469,16249,16250],{},"Швидше (синхронний)",[9469,16252,16253],{},"Повільніше (асинхронний)",[9453,16255,16256,16261,16264],{},[9469,16257,16258],{},[5145,16259,16260],{},"Браузерна підтримка",[9469,16262,16263],{},"❌ Потребує бандлера",[9469,16265,16266],{},"✅ Нативна підтримка",[9453,16268,16269,16274,16279],{},[9469,16270,16271],{},[5145,16272,16273],{},"Динамічний import",[9469,16275,16276],{},[5102,16277,16278],{},"require(variable)",[9469,16280,16281],{},[5102,16282,16283],{},"import(variable)",[9453,16285,16286,16291,16296],{},[9469,16287,16288],{},[5145,16289,16290],{},"Файлові розширення",[9469,16292,16293,16295],{},[5102,16294,5829],{}," (CJS за замовчуванням)",[9469,16297,16298,9529,16300,9360,16302],{},[5102,16299,9528],{},[5102,16301,5829],{},[5102,16303,9534],{},[5190,16305,16307],{"id":16306},"nodejs-26-es-modules-за-замовчуванням","Node.js 26: ES Modules за замовчуванням",[5195,16309,16310,16311,16314,16315,16318,16319,16321,16322,11893,16324,5133],{},"Починаючи з ",[5145,16312,16313],{},"Node.js 26"," (очікується у квітні 2027), планується зробити ",[5145,16316,16317],{},"ES Modules форматом за замовчуванням"," для ",[5102,16320,5829],{}," файлів навіть без ",[5102,16323,9534],{},[5102,16325,5128],{},[5203,16327,16329],{"id":16328},"що-зміниться","Що зміниться",[5195,16331,16332],{},[5145,16333,16334],{},"До Node.js 26 (поточна поведінка):",[5213,16336,16338],{"className":5215,"code":16337,"language":5217,"meta":5218,"style":5218},"\u002F\u002F app.js (без \"type\": \"module\" у package.json)\nconst express = require('express'); \u002F\u002F ✅ CommonJS за замовчуванням\n",[5102,16339,16340,16345],{"__ignoreMap":5218},[5222,16341,16342],{"class":5224,"line":5225},[5222,16343,16344],{"class":5228},"\u002F\u002F app.js (без \"type\": \"module\" у package.json)\n",[5222,16346,16347,16349,16351,16353,16355,16357,16359,16361],{"class":5224,"line":5232},[5222,16348,5848],{"class":5235},[5222,16350,13439],{"class":5471},[5222,16352,5244],{"class":5243},[5222,16354,5104],{"class":5260},[5222,16356,5264],{"class":5243},[5222,16358,6477],{"class":5917},[5222,16360,6288],{"class":5243},[5222,16362,16363],{"class":5228},"\u002F\u002F ✅ CommonJS за замовчуванням\n",[5195,16365,16366],{},[5145,16367,16368],{},"ESM (сучасний підхід):",[5213,16370,16372],{"className":7213,"code":16371,"language":7215,"meta":5218,"style":5218},"\u002F\u002F app.ts (ES Modules)\nimport express from 'express';\n",[5102,16373,16374,16379],{"__ignoreMap":5218},[5222,16375,16376],{"class":5224,"line":5225},[5222,16377,16378],{"class":5228},"\u002F\u002F app.ts (ES Modules)\n",[5222,16380,16381,16383,16385,16387,16389],{"class":5224,"line":5232},[5222,16382,5115],{"class":5670},[5222,16384,13439],{"class":5239},[5222,16386,7509],{"class":5670},[5222,16388,13444],{"class":5917},[5222,16390,5251],{"class":5243},[5195,16392,16393],{},[5145,16394,16395],{},"Після Node.js 26 (прогноз):",[5213,16397,16399],{"className":5215,"code":16398,"language":5217,"meta":5218,"style":5218},"\u002F\u002F app.js (без \"type\" у package.json)\nimport express from 'express'; \u002F\u002F ✅ ESM за замовчуванням\n\n\u002F\u002F Для CommonJS потрібно явно вказати:\n\u002F\u002F 1. Розширення .cjs\n\u002F\u002F 2. Або \"type\": \"commonjs\" у package.json\n",[5102,16400,16401,16406,16421,16425,16430,16435],{"__ignoreMap":5218},[5222,16402,16403],{"class":5224,"line":5225},[5222,16404,16405],{"class":5228},"\u002F\u002F app.js (без \"type\" у package.json)\n",[5222,16407,16408,16410,16412,16414,16416,16418],{"class":5224,"line":5232},[5222,16409,5115],{"class":5670},[5222,16411,13439],{"class":5239},[5222,16413,7509],{"class":5670},[5222,16415,13444],{"class":5917},[5222,16417,10844],{"class":5243},[5222,16419,16420],{"class":5228},"\u002F\u002F ✅ ESM за замовчуванням\n",[5222,16422,16423],{"class":5224,"line":5254},[5222,16424,5524],{"emptyLinePlaceholder":5523},[5222,16426,16427],{"class":5224,"line":5279},[5222,16428,16429],{"class":5228},"\u002F\u002F Для CommonJS потрібно явно вказати:\n",[5222,16431,16432],{"class":5224,"line":5298},[5222,16433,16434],{"class":5228},"\u002F\u002F 1. Розширення .cjs\n",[5222,16436,16437],{"class":5224,"line":5317},[5222,16438,16439],{"class":5228},"\u002F\u002F 2. Або \"type\": \"commonjs\" у package.json\n",[5203,16441,16443],{"id":16442},"рекомендації-щодо-підготовки","Рекомендації щодо підготовки",[6509,16445,16446,16450,16456,16480,16484,16490,16542,16546,16551,16557,16561,16564],{},[5203,16447,16449],{"id":16448},"крок-1-оновіть-packagejson","Крок 1: Оновіть package.json",[5195,16451,16452,16453,16455],{},"Додайте явне поле ",[5102,16454,5132],{}," до всіх проєктів:",[5213,16457,16459],{"className":11745,"code":16458,"language":11747,"meta":5218,"style":5218},"{\n  \"type\": \"module\"  \u002F\u002F або \"commonjs\"\n}\n",[5102,16460,16461,16465,16476],{"__ignoreMap":5218},[5222,16462,16463],{"class":5224,"line":5225},[5222,16464,11754],{"class":5243},[5222,16466,16467,16469,16471,16473],{"class":5224,"line":5232},[5222,16468,11784],{"class":11759},[5222,16470,6123],{"class":5243},[5222,16472,11825],{"class":5917},[5222,16474,16475],{"class":5228},"  \u002F\u002F або \"commonjs\"\n",[5222,16477,16478],{"class":5224,"line":5254},[5222,16479,5898],{"class":5243},[5203,16481,16483],{"id":16482},"крок-2-використовуйте-явні-розширення","Крок 2: Використовуйте явні розширення",[5195,16485,16486,16487,16489],{},"У ESM завжди вказуйте розширення ",[5102,16488,5829],{}," в імпортах:",[5213,16491,16493],{"className":5215,"code":16492,"language":5217,"meta":5218,"style":5218},"\u002F\u002F ❌ Може не працювати у майбутньому\nimport { helper } from '.\u002Futils';\n\n\u002F\u002F ✅ Явне розширення\nimport { helper } from '.\u002Futils.js';\n",[5102,16494,16495,16500,16517,16521,16526],{"__ignoreMap":5218},[5222,16496,16497],{"class":5224,"line":5225},[5222,16498,16499],{"class":5228},"\u002F\u002F ❌ Може не працювати у майбутньому\n",[5222,16501,16502,16504,16506,16508,16510,16512,16515],{"class":5224,"line":5232},[5222,16503,5115],{"class":5670},[5222,16505,6367],{"class":5243},[5222,16507,13969],{"class":5239},[5222,16509,6381],{"class":5243},[5222,16511,6384],{"class":5670},[5222,16513,16514],{"class":5917}," '.\u002Futils'",[5222,16516,5251],{"class":5243},[5222,16518,16519],{"class":5224,"line":5254},[5222,16520,5524],{"emptyLinePlaceholder":5523},[5222,16522,16523],{"class":5224,"line":5279},[5222,16524,16525],{"class":5228},"\u002F\u002F ✅ Явне розширення\n",[5222,16527,16528,16530,16532,16534,16536,16538,16540],{"class":5224,"line":5298},[5222,16529,5115],{"class":5670},[5222,16531,6367],{"class":5243},[5222,16533,13969],{"class":5239},[5222,16535,6381],{"class":5243},[5222,16537,6384],{"class":5670},[5222,16539,8363],{"class":5917},[5222,16541,5251],{"class":5243},[5203,16543,16545],{"id":16544},"крок-3-мігруйте-конфігураційні-файли","Крок 3: Мігруйте конфігураційні файли",[5195,16547,16548,16549,5500],{},"Конфігураційні файли, що використовують CommonJS, перейменуйте на ",[5102,16550,11832],{},[5213,16552,16555],{"className":16553,"code":16554,"language":12873},[12871],"webpack.config.js → webpack.config.cjs\njest.config.js → jest.config.cjs\n.eslintrc.js → .eslintrc.cjs\n",[5102,16556,16554],{"__ignoreMap":5218},[5203,16558,16560],{"id":16559},"крок-4-оновіть-інструменти-збірки","Крок 4: Оновіть інструменти збірки",[5195,16562,16563],{},"Переконайтеся, що всі інструменти у вашому проєкті підтримують ESM:",[5092,16565,16566,16572,16578,16584],{},[5095,16567,16568,16571],{},[5145,16569,16570],{},"Webpack 5+"," — повна підтримка ESM",[5095,16573,16574,16577],{},[5145,16575,16576],{},"Vite"," — ESM за замовчуванням",[5095,16579,16580,16583],{},[5145,16581,16582],{},"esbuild"," — нативна підтримка ESM",[5095,16585,16586,16589],{},[5145,16587,16588],{},"TypeScript 4.7+"," — покращена підтримка ESM",[5190,16591,16593],{"id":16592},"налагодження-помилок-модулів","Налагодження помилок модулів",[5203,16595,16597],{"id":16596},"помилка-cannot-find-module","Помилка: \"Cannot find module\"",[5213,16599,16602],{"className":16600,"code":16601,"language":12873},[12871],"Error: Cannot find module '.\u002Futils'\n",[5102,16603,16601],{"__ignoreMap":5218},[5195,16605,16606],{},[5145,16607,16608],{},"Причини та рішення:",[16610,16611,16612,16673,16743,16782],"accordion",{},[16613,16614,16617,16623],"accordion-item",{"icon":16615,"label":16616},"i-lucide-file-warning","1. Відсутнє розширення файлу (ESM)",[5195,16618,16619,16620,5500],{},"У ES Modules розширення ",[5145,16621,16622],{},"обов'язкове",[5213,16624,16626],{"className":5215,"code":16625,"language":5217,"meta":5218,"style":5218},"\u002F\u002F ❌ ПОМИЛКА\nimport { helper } from '.\u002Futils';\n\n\u002F\u002F ✅ ПРАВИЛЬНО\nimport { helper } from '.\u002Futils.js';\n",[5102,16627,16628,16633,16649,16653,16657],{"__ignoreMap":5218},[5222,16629,16630],{"class":5224,"line":5225},[5222,16631,16632],{"class":5228},"\u002F\u002F ❌ ПОМИЛКА\n",[5222,16634,16635,16637,16639,16641,16643,16645,16647],{"class":5224,"line":5232},[5222,16636,5115],{"class":5670},[5222,16638,6367],{"class":5243},[5222,16640,13969],{"class":5239},[5222,16642,6381],{"class":5243},[5222,16644,6384],{"class":5670},[5222,16646,16514],{"class":5917},[5222,16648,5251],{"class":5243},[5222,16650,16651],{"class":5224,"line":5254},[5222,16652,5524],{"emptyLinePlaceholder":5523},[5222,16654,16655],{"class":5224,"line":5279},[5222,16656,13324],{"class":5228},[5222,16658,16659,16661,16663,16665,16667,16669,16671],{"class":5224,"line":5298},[5222,16660,5115],{"class":5670},[5222,16662,6367],{"class":5243},[5222,16664,13969],{"class":5239},[5222,16666,6381],{"class":5243},[5222,16668,6384],{"class":5670},[5222,16670,8363],{"class":5917},[5222,16672,5251],{"class":5243},[16613,16674,16677,16682],{"icon":16675,"label":16676},"i-lucide-folder-tree","2. Неправильний відносний шлях",[5195,16678,16679,16680,5500],{},"Перевірте, що шлях вказаний правильно відносно ",[5145,16681,13218],{},[5213,16683,16685],{"className":5215,"code":16684,"language":5217,"meta":5218,"style":5218},"\u002F\u002F Структура:\n\u002F\u002F src\u002F\n\u002F\u002F   controllers\u002F\n\u002F\u002F     userController.js\n\u002F\u002F   services\u002F\n\u002F\u002F     userService.js\n\n\u002F\u002F У userController.js:\nimport { findUser } from '..\u002Fservices\u002FuserService.js';\n",[5102,16686,16687,16692,16697,16702,16707,16712,16717,16721,16726],{"__ignoreMap":5218},[5222,16688,16689],{"class":5224,"line":5225},[5222,16690,16691],{"class":5228},"\u002F\u002F Структура:\n",[5222,16693,16694],{"class":5224,"line":5232},[5222,16695,16696],{"class":5228},"\u002F\u002F src\u002F\n",[5222,16698,16699],{"class":5224,"line":5254},[5222,16700,16701],{"class":5228},"\u002F\u002F   controllers\u002F\n",[5222,16703,16704],{"class":5224,"line":5279},[5222,16705,16706],{"class":5228},"\u002F\u002F     userController.js\n",[5222,16708,16709],{"class":5224,"line":5298},[5222,16710,16711],{"class":5228},"\u002F\u002F   services\u002F\n",[5222,16713,16714],{"class":5224,"line":5317},[5222,16715,16716],{"class":5228},"\u002F\u002F     userService.js\n",[5222,16718,16719],{"class":5224,"line":5336},[5222,16720,5524],{"emptyLinePlaceholder":5523},[5222,16722,16723],{"class":5224,"line":5532},[5222,16724,16725],{"class":5228},"\u002F\u002F У userController.js:\n",[5222,16727,16728,16730,16732,16735,16737,16739,16741],{"class":5224,"line":5545},[5222,16729,5115],{"class":5670},[5222,16731,6367],{"class":5243},[5222,16733,16734],{"class":5239},"findUser",[5222,16736,6381],{"class":5243},[5222,16738,6384],{"class":5670},[5222,16740,14865],{"class":5917},[5222,16742,5251],{"class":5243},[16613,16744,16746,16749],{"icon":4365,"label":16745},"3. Пакет не встановлено",[5195,16747,16748],{},"Якщо імпортуєте сторонній пакет, переконайтеся, що він встановлений:",[5213,16750,16754],{"className":16751,"code":16752,"language":16753,"meta":5218,"style":5218},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","npm install express\n# або\npnpm add express\n","bash",[5102,16755,16756,16767,16772],{"__ignoreMap":5218},[5222,16757,16758,16761,16764],{"class":5224,"line":5225},[5222,16759,16760],{"class":5260},"npm",[5222,16762,16763],{"class":5917}," install",[5222,16765,16766],{"class":5917}," express\n",[5222,16768,16769],{"class":5224,"line":5232},[5222,16770,16771],{"class":5228},"# або\n",[5222,16773,16774,16777,16780],{"class":5224,"line":5254},[5222,16775,16776],{"class":5260},"pnpm",[5222,16778,16779],{"class":5917}," add",[5222,16781,16766],{"class":5917},[16613,16783,16786,16792],{"icon":16784,"label":16785},"i-lucide-settings","4. Неправильне поле exports у package.json",[5195,16787,16788,16789,16791],{},"Якщо пакет використовує поле ",[5102,16790,13361],{},", доступ можливий лише до експортованих підшляхів:",[5213,16793,16795],{"className":11745,"code":16794,"language":11747,"meta":5218,"style":5218},"\u002F\u002F Пакет дозволяє лише:\n{\n  \"exports\": {\n    \".\": \".\u002Findex.js\",\n    \".\u002Futils\": \".\u002Futils.js\"\n  }\n}\n\n\u002F\u002F ✅ Працює\nimport lib from 'my-lib';\nimport utils from 'my-lib\u002Futils';\n\n\u002F\u002F ❌ НЕ працює (не експортовано)\nimport internal from 'my-lib\u002Finternal.js';\n",[5102,16796,16797,16802,16806,16812,16822,16831,16835,16839,16843,16848,16853,16858,16862,16867],{"__ignoreMap":5218},[5222,16798,16799],{"class":5224,"line":5225},[5222,16800,16801],{"class":5228},"\u002F\u002F Пакет дозволяє лише:\n",[5222,16803,16804],{"class":5224,"line":5232},[5222,16805,11754],{"class":5243},[5222,16807,16808,16810],{"class":5224,"line":5254},[5222,16809,12260],{"class":11759},[5222,16811,12263],{"class":5243},[5222,16813,16814,16816,16818,16820],{"class":5224,"line":5279},[5222,16815,12268],{"class":11759},[5222,16817,6123],{"class":5243},[5222,16819,14071],{"class":5917},[5222,16821,6074],{"class":5243},[5222,16823,16824,16826,16828],{"class":5224,"line":5298},[5222,16825,12300],{"class":11759},[5222,16827,6123],{"class":5243},[5222,16829,16830],{"class":5917},"\".\u002Futils.js\"\n",[5222,16832,16833],{"class":5224,"line":5317},[5222,16834,7158],{"class":5243},[5222,16836,16837],{"class":5224,"line":5336},[5222,16838,5898],{"class":5243},[5222,16840,16841],{"class":5224,"line":5532},[5222,16842,5524],{"emptyLinePlaceholder":5523},[5222,16844,16845],{"class":5224,"line":5545},[5222,16846,16847],{"class":5228},"\u002F\u002F ✅ Працює\n",[5222,16849,16850],{"class":5224,"line":5557},[5222,16851,16852],{"class":5243},"import lib from 'my-lib';\n",[5222,16854,16855],{"class":5224,"line":5577},[5222,16856,16857],{"class":5243},"import utils from 'my-lib\u002Futils';\n",[5222,16859,16860],{"class":5224,"line":5722},[5222,16861,5524],{"emptyLinePlaceholder":5523},[5222,16863,16864],{"class":5224,"line":5734},[5222,16865,16866],{"class":5228},"\u002F\u002F ❌ НЕ працює (не експортовано)\n",[5222,16868,16869],{"class":5224,"line":5743},[5222,16870,16871],{"class":5243},"import internal from 'my-lib\u002Finternal.js';\n",[5203,16873,16875],{"id":16874},"помилка-require-of-es-module-not-supported","Помилка: \"require() of ES Module not supported\"",[5213,16877,16880],{"className":16878,"code":16879,"language":12873},[12871],"Error [ERR_REQUIRE_ESM]: require() of ES module .\u002Fapp.mjs not supported\n",[5102,16881,16879],{"__ignoreMap":5218},[5195,16883,16884,16887],{},[5145,16885,16886],{},"Причина:"," CommonJS-файл намагається синхронно завантажити ES Module.",[5195,16889,16890],{},[5145,16891,16892],{},"Рішення:",[5213,16894,16896],{"className":5215,"code":16895,"language":5217,"meta":5218,"style":5218},"\u002F\u002F ❌ ПОГАНО\nconst module = require('.\u002Fesm-module.mjs'); \u002F\u002F Error: require() of ES Module not supported\n\n\u002F\u002F ✅ ДОБРЕ: Використовуйте динамічний import\n(async () => {\n  const module = await import('.\u002Fesm-module.mjs');\n  console.log(module.default);\n})();\n",[5102,16897,16898,16902,16921,16925,16930,16942,16960,16978],{"__ignoreMap":5218},[5222,16899,16900],{"class":5224,"line":5225},[5222,16901,9403],{"class":5228},[5222,16903,16904,16906,16908,16910,16912,16914,16917,16919],{"class":5224,"line":5232},[5222,16905,5848],{"class":5235},[5222,16907,10877],{"class":5471},[5222,16909,5244],{"class":5243},[5222,16911,5104],{"class":5260},[5222,16913,5264],{"class":5243},[5222,16915,16916],{"class":5917},"'.\u002Fesm-module.mjs'",[5222,16918,6288],{"class":5243},[5222,16920,12671],{"class":5228},[5222,16922,16923],{"class":5224,"line":5254},[5222,16924,5524],{"emptyLinePlaceholder":5523},[5222,16926,16927],{"class":5224,"line":5279},[5222,16928,16929],{"class":5228},"\u002F\u002F ✅ ДОБРЕ: Використовуйте динамічний import\n",[5222,16931,16932,16934,16936,16938,16940],{"class":5224,"line":5298},[5222,16933,5264],{"class":5243},[5222,16935,10359],{"class":5235},[5222,16937,12697],{"class":5243},[5222,16939,12057],{"class":5235},[5222,16941,5674],{"class":5243},[5222,16943,16944,16946,16948,16950,16952,16954,16956,16958],{"class":5224,"line":5317},[5222,16945,6749],{"class":5235},[5222,16947,10877],{"class":5471},[5222,16949,5244],{"class":5243},[5222,16951,10377],{"class":5670},[5222,16953,10380],{"class":5235},[5222,16955,5264],{"class":5243},[5222,16957,16916],{"class":5917},[5222,16959,5921],{"class":5243},[5222,16961,16962,16964,16966,16968,16970,16972,16974,16976],{"class":5224,"line":5336},[5222,16963,7252],{"class":5239},[5222,16965,5133],{"class":5243},[5222,16967,5912],{"class":5260},[5222,16969,5264],{"class":5243},[5222,16971,6057],{"class":6056},[5222,16973,5133],{"class":5243},[5222,16975,12601],{"class":5239},[5222,16977,5921],{"class":5243},[5222,16979,16980],{"class":5224,"line":5532},[5222,16981,5758],{"class":5243},[5203,16983,16985],{"id":16984},"помилка-named-export-not-found","Помилка: \"Named export not found\"",[5213,16987,16990],{"className":16988,"code":16989,"language":12873},[12871],"SyntaxError: The requested module '.\u002Fmodule.cjs' does not provide an export named 'foo'\n",[5102,16991,16989],{"__ignoreMap":5218},[5195,16993,16994,16996],{},[5145,16995,16886],{}," Спроба іменованого імпорту з CommonJS-модуля.",[5195,16998,16999],{},[5145,17000,16892],{},[5213,17002,17004],{"className":5215,"code":17003,"language":5217,"meta":5218,"style":5218},"\u002F\u002F CommonJS module (module.cjs)\nmodule.exports = { foo: 'bar', baz: 42 };\n\n\u002F\u002F ❌ ПОМИЛКА в ESM: named exports з CJS не підтримуються\nimport { foo } from '.\u002Fmodule.cjs';\n\n\u002F\u002F ✅ ПРАВИЛЬНО: default import\nimport module from '.\u002Fmodule.cjs';\nconsole.log(module.foo);\n\n\u002F\u002F ✅ АБО: namespace import\nimport * as module from '.\u002Fmodule.cjs';\nconsole.log(module.default.foo);\n",[5102,17005,17006,17011,17035,17039,17044,17061,17065,17070,17082,17100,17104,17109,17125],{"__ignoreMap":5218},[5222,17007,17008],{"class":5224,"line":5225},[5222,17009,17010],{"class":5228},"\u002F\u002F CommonJS module (module.cjs)\n",[5222,17012,17013,17015,17017,17019,17021,17023,17025,17027,17030,17033],{"class":5224,"line":5232},[5222,17014,6057],{"class":6056},[5222,17016,5133],{"class":5243},[5222,17018,6062],{"class":6056},[5222,17020,6596],{"class":5243},[5222,17022,8425],{"class":5239},[5222,17024,8428],{"class":5917},[5222,17026,5105],{"class":5243},[5222,17028,17029],{"class":5239},"baz:",[5222,17031,17032],{"class":5247}," 42",[5222,17034,6605],{"class":5243},[5222,17036,17037],{"class":5224,"line":5254},[5222,17038,5524],{"emptyLinePlaceholder":5523},[5222,17040,17041],{"class":5224,"line":5279},[5222,17042,17043],{"class":5228},"\u002F\u002F ❌ ПОМИЛКА в ESM: named exports з CJS не підтримуються\n",[5222,17045,17046,17048,17050,17052,17054,17056,17059],{"class":5224,"line":5298},[5222,17047,5115],{"class":5670},[5222,17049,6367],{"class":5243},[5222,17051,8473],{"class":5239},[5222,17053,6381],{"class":5243},[5222,17055,6384],{"class":5670},[5222,17057,17058],{"class":5917}," '.\u002Fmodule.cjs'",[5222,17060,5251],{"class":5243},[5222,17062,17063],{"class":5224,"line":5317},[5222,17064,5524],{"emptyLinePlaceholder":5523},[5222,17066,17067],{"class":5224,"line":5336},[5222,17068,17069],{"class":5228},"\u002F\u002F ✅ ПРАВИЛЬНО: default import\n",[5222,17071,17072,17074,17076,17078,17080],{"class":5224,"line":5532},[5222,17073,5115],{"class":5670},[5222,17075,10877],{"class":5239},[5222,17077,7509],{"class":5670},[5222,17079,17058],{"class":5917},[5222,17081,5251],{"class":5243},[5222,17083,17084,17086,17088,17090,17092,17094,17096,17098],{"class":5224,"line":5545},[5222,17085,5907],{"class":5239},[5222,17087,5133],{"class":5243},[5222,17089,5912],{"class":5260},[5222,17091,5264],{"class":5243},[5222,17093,6057],{"class":6056},[5222,17095,5133],{"class":5243},[5222,17097,8473],{"class":5239},[5222,17099,5921],{"class":5243},[5222,17101,17102],{"class":5224,"line":5557},[5222,17103,5524],{"emptyLinePlaceholder":5523},[5222,17105,17106],{"class":5224,"line":5577},[5222,17107,17108],{"class":5228},"\u002F\u002F ✅ АБО: namespace import\n",[5222,17110,17111,17113,17115,17117,17119,17121,17123],{"class":5224,"line":5722},[5222,17112,5115],{"class":5670},[5222,17114,10261],{"class":5235},[5222,17116,10185],{"class":5670},[5222,17118,10877],{"class":5239},[5222,17120,7509],{"class":5670},[5222,17122,17058],{"class":5917},[5222,17124,5251],{"class":5243},[5222,17126,17127,17129,17131,17133,17135,17137,17139,17141,17143,17145],{"class":5224,"line":5734},[5222,17128,5907],{"class":5239},[5222,17130,5133],{"class":5243},[5222,17132,5912],{"class":5260},[5222,17134,5264],{"class":5243},[5222,17136,6057],{"class":6056},[5222,17138,5133],{"class":5243},[5222,17140,12601],{"class":5239},[5222,17142,5133],{"class":5243},[5222,17144,8473],{"class":5239},[5222,17146,5921],{"class":5243},[5190,17148,17150],{"id":17149},"резюме-та-ключові-висновки","Резюме та ключові висновки",[5084,17152,17153,17202],{},[5087,17154,17156],{"icon":15787,"title":17155},"✅ Що потрібно запам'ятати",[5092,17157,17158,17167,17176,17183,17190,17195],{},[5095,17159,17160,17162,17163,5105,17165,5773],{},[5145,17161,5813],{}," — синхронна модульна система Node.js (",[5102,17164,5104],{},[5102,17166,5108],{},[5095,17168,17169,17171,17172,5105,17174,5773],{},[5145,17170,9437],{}," — асинхронний стандарт ECMAScript (",[5102,17173,5115],{},[5102,17175,5118],{},[5095,17177,17178,17179,17182],{},"ESM дозволяє ",[5145,17180,17181],{},"tree shaking"," та статичний аналіз залежностей",[5095,17184,12376,17185,17187,17188,11813],{},[5102,17186,9534],{}," у package.json вмикає ESM для ",[5102,17189,5829],{},[5095,17191,17192,17193,5773],{},"ESM може імпортувати CommonJS, але не навпаки (лише через динамічний ",[5102,17194,10476],{},[5095,17196,17197,17198,17201],{},"У 2026 році ",[5145,17199,17200],{},"ES Modules — стандарт"," для нових проєктів",[5087,17203,17206],{"icon":17204,"title":17205},"i-lucide-lightbulb","🎯 Практичні рекомендації",[5092,17207,17208,17215,17224,17233,17240],{},[5095,17209,17210,17211,17214],{},"Використовуйте ",[5145,17212,17213],{},"ESM"," для нових проєктів у 2026 році",[5095,17216,17217,17218,10545,17221,17223],{},"Завжди вказуйте ",[5145,17219,17220],{},"явні розширення",[5102,17222,5829],{},") в ESM",[5095,17225,17226,17227,17230,17231],{},"Публічні пакети мають підтримувати ",[5145,17228,17229],{},"обидва формати"," через ",[5102,17232,13361],{},[5095,17234,17235,17236,17239],{},"Уникайте ",[5145,17237,17238],{},"циклічних залежностей"," (рефакторіть у третій модуль)",[5095,17241,17210,17242,17245],{},[5145,17243,17244],{},"barrel files"," для зручної організації експортів",[5203,17247,17249],{"id":17248},"інтерактивні-запитання-для-самоперевірки","Інтерактивні запитання для самоперевірки",[16610,17251,17252,17277,17302,17443],{},[16613,17253,17256,17274],{"icon":17254,"label":17255},"i-lucide-help-circle","❓ Чому у ES Modules обов'язково вказувати розширення файлу?",[5195,17257,17258,17259,17262,17263,5105,17265,5105,17267,17269,17270,17273],{},"ES Modules розроблялися як ",[5145,17260,17261],{},"крос-платформний стандарт",", що працює однаково у браузерах та Node.js. Браузери не можуть \"перебирати\" можливі розширення (",[5102,17264,5829],{},[5102,17266,6543],{},[5102,17268,9528],{},") через мережеві запити — це було б неефективно. Тому стандарт вимагає ",[5145,17271,17272],{},"явного розширення"," для передбачуваності та продуктивності.",[5195,17275,17276],{},"Node.js міг би додати автоматичну резолюцію розширень для ESM, але це порушило б сумісність з браузерним стандартом.",[16613,17278,17280,17292],{"icon":17254,"label":17279},"❓ Що таке 'live bindings' у ES Modules?",[5195,17281,17282,17284,17285,17288,17289,5133],{},[5145,17283,16214],{}," означають, що імпортована змінна — це не копія значення, а ",[5145,17286,17287],{},"пряме посилання"," на експортовану змінну. Коли експортуюча сторона змінює значення, імпортуюча сторона ",[5145,17290,17291],{},"автоматично бачить нове значення",[5195,17293,17294,17295,17298,17299,17301],{},"У CommonJS значення ",[5145,17296,17297],{},"копіюються"," при імпорті, тому зміни в оригінальному модулі не відображаються у імпортері. Live bindings особливо корисні у ",[5145,17300,11647],{},", де модулі взаємодіють до повного завантаження.",[16613,17303,17305,17315,17431,17436],{"icon":17254,"label":17304},"❓ Чому require.cache корисний у тестуванні?",[5195,17306,17307,17308,17311,17312,17314],{},"При запуску тестів часто потрібно ",[5145,17309,17310],{},"перезавантажувати модуль"," між тестами для скидання його стану (наприклад, лічильників, синглтонів, моків). Очищення ",[5102,17313,6557],{}," дозволяє виконати код модуля заново, отримавши \"свіжу\" копію:",[5213,17316,17318],{"className":5215,"code":17317,"language":5217,"meta":5218,"style":5218},"\u002F\u002F test.js (CommonJS — для прикладу)\nbeforeEach(() => {\n  delete require.cache[require.resolve('.\u002Fcounter')];\n});\n\nit('should start from 0', () => {\n  const counter = require('.\u002Fcounter');\n  expect(counter.getCount()).toBe(0);\n});\n",[5102,17319,17320,17325,17337,17362,17366,17370,17386,17402,17427],{"__ignoreMap":5218},[5222,17321,17322],{"class":5224,"line":5225},[5222,17323,17324],{"class":5228},"\u002F\u002F test.js (CommonJS — для прикладу)\n",[5222,17326,17327,17330,17333,17335],{"class":5224,"line":5232},[5222,17328,17329],{"class":5260},"beforeEach",[5222,17331,17332],{"class":5243},"(() ",[5222,17334,12057],{"class":5235},[5222,17336,5674],{"class":5243},[5222,17338,17339,17342,17344,17346,17348,17350,17352,17354,17356,17358,17360],{"class":5224,"line":5254},[5222,17340,17341],{"class":5235},"  delete",[5222,17343,8821],{"class":5239},[5222,17345,5133],{"class":5243},[5222,17347,8742],{"class":5239},[5222,17349,8828],{"class":5243},[5222,17351,5104],{"class":5239},[5222,17353,5133],{"class":5243},[5222,17355,8835],{"class":5260},[5222,17357,5264],{"class":5243},[5222,17359,8621],{"class":5917},[5222,17361,8842],{"class":5243},[5222,17363,17364],{"class":5224,"line":5279},[5222,17365,6777],{"class":5243},[5222,17367,17368],{"class":5224,"line":5298},[5222,17369,5524],{"emptyLinePlaceholder":5523},[5222,17371,17372,17375,17377,17380,17382,17384],{"class":5224,"line":5317},[5222,17373,17374],{"class":5260},"it",[5222,17376,5264],{"class":5243},[5222,17378,17379],{"class":5917},"'should start from 0'",[5222,17381,14682],{"class":5243},[5222,17383,12057],{"class":5235},[5222,17385,5674],{"class":5243},[5222,17387,17388,17390,17392,17394,17396,17398,17400],{"class":5224,"line":5336},[5222,17389,6749],{"class":5235},[5222,17391,11315],{"class":5471},[5222,17393,5244],{"class":5243},[5222,17395,5104],{"class":5260},[5222,17397,5264],{"class":5243},[5222,17399,8621],{"class":5917},[5222,17401,5921],{"class":5243},[5222,17403,17404,17407,17409,17411,17413,17415,17418,17421,17423,17425],{"class":5224,"line":5532},[5222,17405,17406],{"class":5260},"  expect",[5222,17408,5264],{"class":5243},[5222,17410,11342],{"class":5239},[5222,17412,5133],{"class":5243},[5222,17414,8688],{"class":5260},[5222,17416,17417],{"class":5243},"()).",[5222,17419,17420],{"class":5260},"toBe",[5222,17422,5264],{"class":5243},[5222,17424,5248],{"class":5247},[5222,17426,5921],{"class":5243},[5222,17428,17429],{"class":5224,"line":5545},[5222,17430,6777],{"class":5243},[5195,17432,17433,17435],{},[5145,17434,6687],{}," У тестових фреймворках (Vitest, Jest з ESM) кешування керується автоматично.",[5195,17437,17438,17439,17442],{},"Без очищення кешу всі тести отримували б ",[5145,17440,17441],{},"той самий об'єкт"," модуля з накопиченим станом.",[16613,17444,17446,17455,17497,17506,17547],{"icon":17254,"label":17445},"❓ Чому поле 'exports' безпечніше за 'main'?",[5195,17447,12376,17448,17450,17451,17454],{},[5102,17449,13358],{}," експортує ",[5145,17452,17453],{},"весь пакет",", дозволяючи доступ до будь-якого файлу:",[5213,17456,17458],{"className":5215,"code":17457,"language":5217,"meta":5218,"style":5218},"\u002F\u002F З \"main\": \".\u002Findex.js\"\nimport pkg from 'my-lib'; \u002F\u002F ✅ Працює\nimport internal from 'my-lib\u002Fsrc\u002Finternal.js'; \u002F\u002F ✅ Теж працює (небезпечно!)\n",[5102,17459,17460,17465,17481],{"__ignoreMap":5218},[5222,17461,17462],{"class":5224,"line":5225},[5222,17463,17464],{"class":5228},"\u002F\u002F З \"main\": \".\u002Findex.js\"\n",[5222,17466,17467,17469,17472,17474,17477,17479],{"class":5224,"line":5232},[5222,17468,5115],{"class":5670},[5222,17470,17471],{"class":5239}," pkg",[5222,17473,7509],{"class":5670},[5222,17475,17476],{"class":5917}," 'my-lib'",[5222,17478,10844],{"class":5243},[5222,17480,16847],{"class":5228},[5222,17482,17483,17485,17487,17489,17492,17494],{"class":5224,"line":5254},[5222,17484,5115],{"class":5670},[5222,17486,13994],{"class":5239},[5222,17488,7509],{"class":5670},[5222,17490,17491],{"class":5917}," 'my-lib\u002Fsrc\u002Finternal.js'",[5222,17493,10844],{"class":5243},[5222,17495,17496],{"class":5228},"\u002F\u002F ✅ Теж працює (небезпечно!)\n",[5195,17498,12376,17499,17501,17502,17505],{},[5102,17500,13361],{}," дозволяє ",[5145,17503,17504],{},"явно вказати",", які шляхи доступні:",[5213,17507,17509],{"className":11745,"code":17508,"language":11747,"meta":5218,"style":5218},"{\n  \"exports\": {\n    \".\": \".\u002Findex.js\",\n    \".\u002Futils\": \".\u002Futils.js\"\n  }\n}\n",[5102,17510,17511,17515,17521,17531,17539,17543],{"__ignoreMap":5218},[5222,17512,17513],{"class":5224,"line":5225},[5222,17514,11754],{"class":5243},[5222,17516,17517,17519],{"class":5224,"line":5232},[5222,17518,12260],{"class":11759},[5222,17520,12263],{"class":5243},[5222,17522,17523,17525,17527,17529],{"class":5224,"line":5254},[5222,17524,12268],{"class":11759},[5222,17526,6123],{"class":5243},[5222,17528,14071],{"class":5917},[5222,17530,6074],{"class":5243},[5222,17532,17533,17535,17537],{"class":5224,"line":5279},[5222,17534,12300],{"class":11759},[5222,17536,6123],{"class":5243},[5222,17538,16830],{"class":5917},[5222,17540,17541],{"class":5224,"line":5298},[5222,17542,7158],{"class":5243},[5222,17544,17545],{"class":5224,"line":5317},[5222,17546,5898],{"class":5243},[5195,17548,17549,17550,5932,17553,17556],{},"Тепер доступ до ",[5102,17551,17552],{},"my-lib\u002Fsrc\u002Finternal.js",[5145,17554,17555],{},"заборонено",". Це захищає внутрішню реалізацію від зовнішнього використання, дозволяючи авторам пакетів безпечно рефакторити код без ризику зламати залежні проєкти.",[17558,17559],"hr",{},[5195,17561,17562,17565],{},[5145,17563,17564],{},"Наступна лекція:"," npm та package.json",[5195,17567,17568,17569,17571],{},"У наступному матеріалі ми розглянемо систему управління пакетами npm, структуру ",[5102,17570,5128],{},", семантичне версіонування, lock-файли, скрипти збірки та публікацію власних пакетів у npm registry.",[17573,17574,17575],"style",{},"html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .siwwj, html code.shiki .siwwj{--shiki-light:#001080;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .su9tN, html code.shiki .su9tN{--shiki-light:#0000FF;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .sLwNe, html code.shiki .sLwNe{--shiki-light:#0451A5;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}",{"title":5218,"searchDepth":5232,"depth":5232,"links":17577},[17578,17581,17593,17600,17605,17610,17611,17623,17628,17631,17639,17644],{"id":5192,"depth":5232,"text":5193,"children":17579},[17580],{"id":5205,"depth":5254,"text":5206},{"id":5806,"depth":5232,"text":5807,"children":17582},[17583,17584,17585,17586,17587,17588,17589,17590,17591,17592],{"id":5817,"depth":5254,"text":5818},{"id":6499,"depth":5254,"text":6500},{"id":6513,"depth":5254,"text":6514},{"id":6550,"depth":5254,"text":6551},{"id":6691,"depth":5254,"text":6692},{"id":6812,"depth":5254,"text":6813},{"id":6822,"depth":5254,"text":6823},{"id":7051,"depth":5254,"text":7052},{"id":8507,"depth":5254,"text":8508},{"id":8882,"depth":5254,"text":8883},{"id":9430,"depth":5232,"text":9431,"children":17594},[17595,17596,17597,17598,17599],{"id":9444,"depth":5254,"text":9445},{"id":9597,"depth":5254,"text":9598},{"id":10163,"depth":5254,"text":10164},{"id":10502,"depth":5254,"text":10503},{"id":11217,"depth":5254,"text":11218},{"id":11728,"depth":5232,"text":11729,"children":17601},[17602,17603,17604],{"id":11741,"depth":5254,"text":11742},{"id":11851,"depth":5254,"text":9518},{"id":12197,"depth":5254,"text":12198},{"id":12398,"depth":5232,"text":12399,"children":17606},[17607,17608,17609],{"id":12405,"depth":5254,"text":12406},{"id":12610,"depth":5254,"text":12611},{"id":12755,"depth":5254,"text":12756},{"id":12878,"depth":5232,"text":12879},{"id":13181,"depth":5232,"text":13182,"children":17612},[17613,17614,17615,17616,17617,17619,17620,17621,17622],{"id":13195,"depth":5254,"text":13196},{"id":13211,"depth":5254,"text":13212},{"id":13258,"depth":5254,"text":13259},{"id":13343,"depth":5254,"text":13344},{"id":13379,"depth":5254,"text":17618},"Алгоритм резолюції для пакетів (без . або \u002F)",{"id":13399,"depth":5254,"text":13400},{"id":13452,"depth":5254,"text":13453},{"id":13471,"depth":5254,"text":13472},{"id":13806,"depth":5254,"text":13807},{"id":14019,"depth":5232,"text":14020,"children":17624},[17625,17626,17627],{"id":14023,"depth":5254,"text":14024},{"id":14490,"depth":5254,"text":14491},{"id":15296,"depth":5254,"text":15297},{"id":15776,"depth":5232,"text":15777,"children":17629},[17630],{"id":16121,"depth":5254,"text":16122},{"id":16306,"depth":5232,"text":16307,"children":17632},[17633,17634,17635,17636,17637,17638],{"id":16328,"depth":5254,"text":16329},{"id":16442,"depth":5254,"text":16443},{"id":16448,"depth":5254,"text":16449},{"id":16482,"depth":5254,"text":16483},{"id":16544,"depth":5254,"text":16545},{"id":16559,"depth":5254,"text":16560},{"id":16592,"depth":5232,"text":16593,"children":17640},[17641,17642,17643],{"id":16596,"depth":5254,"text":16597},{"id":16874,"depth":5254,"text":16875},{"id":16984,"depth":5254,"text":16985},{"id":17149,"depth":5232,"text":17150,"children":17645},[17646],{"id":17248,"depth":5254,"text":17249},"Порівняння CommonJS та ES Modules, require vs import, module.exports vs export, інтероперабельність","md",null,{},{"title":4177,"description":17647},"GY0le2D8Hqk-9l4BxpsijVhxLZLlF_eAtAW_9LyfA2k",[17654,17656],{"title":4173,"path":4174,"stem":4175,"description":17655,"children":-1},"Цикл подій, фази Event Loop, мікрозадачі та макрозадачі, process.nextTick() та setImmediate()",{"title":4181,"path":4182,"stem":4183,"description":17657,"children":-1},"Node Package Manager, структура package.json, залежності, скрипти, семантичне версіонування",1790366002329]