[{"data":1,"prerenderedAt":10157},["ShallowReactive",2],{"navigation_docs":3,"-web-development-typescript-type-system-introduction-compiler-config":3728,"-web-development-typescript-type-system-introduction-compiler-config-surround":10153},[4,1707,1912,2366,2547,2673,2880,3002,3052,3109,3143,3269,3346,3360,3495,3512,3525,3671,3724],{"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],{"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},"План навчання: Курс C++ — Продовження (Статті 29–60+)","\u002Fcpp\u002Fcurriculum-plan","02.cpp\u002Fcurriculum-plan",{"title":1913,"icon":1914,"path":1915,"stem":1916,"children":1917,"page":59},"JavaScript","i-devicon-javascript","\u002Fjavascript","03.javascript",[1918,1944,1998,2020,2324,2362],{"title":1919,"icon":1920,"path":1921,"stem":1922,"children":1923,"page":59},"Events","i-lucide-mouse-pointer-click","\u002Fjavascript\u002Fevents","03.javascript\u002F01.events",[1924,1928,1932,1936,1940],{"title":1925,"path":1926,"stem":1927},"Вступ до подій браузера","\u002Fjavascript\u002Fevents\u002Fintro","03.javascript\u002F01.events\u002F01.intro",{"title":1929,"path":1930,"stem":1931},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","\u002Fjavascript\u002Fevents\u002Fbubbling-capturing","03.javascript\u002F01.events\u002F02.bubbling-capturing",{"title":1933,"path":1934,"stem":1935},"Делегування подій (Event Delegation)","\u002Fjavascript\u002Fevents\u002Fdelegate-events","03.javascript\u002F01.events\u002F03.delegate-events",{"title":1937,"path":1938,"stem":1939},"Типові дії браузера та preventDefault()","\u002Fjavascript\u002Fevents\u002Fprevent-default","03.javascript\u002F01.events\u002F04.prevent-default",{"title":1941,"path":1942,"stem":1943},"Запуск користувацьких подій (Custom Events)","\u002Fjavascript\u002Fevents\u002Fcustom-events","03.javascript\u002F01.events\u002F05.custom-events",{"title":1945,"icon":1946,"path":1947,"stem":1948,"children":1949,"page":59},"Network","i-lucide-globe","\u002Fjavascript\u002Fnetwork","03.javascript\u002F02.network",[1950,1954,1958,1962,1966,1970,1974,1978,1982,1986,1990,1994],{"title":1951,"path":1952,"stem":1953},"Fetch API - Сучасний підхід до HTTP-запитів","\u002Fjavascript\u002Fnetwork\u002F01-fetch-api","03.javascript\u002F02.network\u002F01-fetch-api",{"title":1955,"path":1956,"stem":1957},"FormData - Робота з формами та файлами","\u002Fjavascript\u002Fnetwork\u002F02-formdata","03.javascript\u002F02.network\u002F02-formdata",{"title":1959,"path":1960,"stem":1961},"Відстеження прогресу завантаження","\u002Fjavascript\u002Fnetwork\u002F03-download-progress","03.javascript\u002F02.network\u002F03-download-progress",{"title":1963,"path":1964,"stem":1965},"Переривання fetch-запитів","\u002Fjavascript\u002Fnetwork\u002F04-abort-requests","03.javascript\u002F02.network\u002F04-abort-requests",{"title":1967,"path":1968,"stem":1969},"CORS - Запити між різними джерелами","\u002Fjavascript\u002Fnetwork\u002F05-cors","03.javascript\u002F02.network\u002F05-cors",{"title":1971,"path":1972,"stem":1973},"Fetch API - Повний довідник опцій","\u002Fjavascript\u002Fnetwork\u002F06-fetch-options","03.javascript\u002F02.network\u002F06-fetch-options",{"title":1975,"path":1976,"stem":1977},"URL Objects - Робота з посиланнями","\u002Fjavascript\u002Fnetwork\u002F07-url-objects","03.javascript\u002F02.network\u002F07-url-objects",{"title":1979,"path":1980,"stem":1981},"XMLHttpRequest - AJAX та низькорівневі запити","\u002Fjavascript\u002Fnetwork\u002F08-xmlhttprequest","03.javascript\u002F02.network\u002F08-xmlhttprequest",{"title":1983,"path":1984,"stem":1985},"Відновлюване завантаження файлів","\u002Fjavascript\u002Fnetwork\u002F09-resumable-upload","03.javascript\u002F02.network\u002F09-resumable-upload",{"title":1987,"path":1988,"stem":1989},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","\u002Fjavascript\u002Fnetwork\u002F10-cookies","03.javascript\u002F02.network\u002F10-cookies",{"title":1991,"path":1992,"stem":1993},"js-cookie: Керування Cookies без Болю","\u002Fjavascript\u002Fnetwork\u002F11-js-cookie","03.javascript\u002F02.network\u002F11-js-cookie",{"title":1995,"path":1996,"stem":1997},"Axios: Потужний HTTP-клієнт для JavaScript","\u002Fjavascript\u002Fnetwork\u002F12-axios","03.javascript\u002F02.network\u002F12-axios",{"title":1999,"icon":2000,"path":2001,"stem":2002,"children":2003,"page":59},"Bom","i-lucide-monitor","\u002Fjavascript\u002Fbom","03.javascript\u002F03.bom",[2004,2008,2012,2016],{"title":2005,"path":2006,"stem":2007},"LocalStorage, SessionStorage та patterns збереження даних","\u002Fjavascript\u002Fbom\u002F01-localstorage","03.javascript\u002F03.bom\u002F01-localstorage",{"title":2009,"path":2010,"stem":2011},"Location Object - Керування адресою сторінки","\u002Fjavascript\u002Fbom\u002F02-location-object","03.javascript\u002F03.bom\u002F02-location-object",{"title":2013,"path":2014,"stem":2015},"History API - Керування історією браузера","\u002Fjavascript\u002Fbom\u002F03-history-api","03.javascript\u002F03.bom\u002F03-history-api",{"title":2017,"path":2018,"stem":2019},"Navigator Object - Ідентифікація та Можливості Пристрою","\u002Fjavascript\u002Fbom\u002F04-navigator-object","03.javascript\u002F03.bom\u002F04-navigator-object",{"title":2021,"icon":2022,"path":2023,"stem":2024,"children":2025},"React","i-devicon-react","\u002Fjavascript\u002Freact","03.javascript\u002F04.react\u002Findex",[2026,2027,2031,2035,2039,2043,2106,2141,2293],{"title":2021,"path":2023,"stem":2024},{"title":2028,"path":2029,"stem":2030},"Робота з Формами в React","\u002Fjavascript\u002Freact\u002Freact-forms","03.javascript\u002F04.react\u002F01.react-forms",{"title":2032,"path":2033,"stem":2034},"React Hook Form: Професійна Робота з Формами","\u002Fjavascript\u002Freact\u002Freact-hook-form","03.javascript\u002F04.react\u002F02.react-hook-form",{"title":2036,"path":2037,"stem":2038},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","\u002Fjavascript\u002Freact\u002Freact-hook-form-new","03.javascript\u002F04.react\u002F02.react-hook-form-new",{"title":2040,"path":2041,"stem":2042},"Axios та React: Професійна Архітектура Запитів","\u002Fjavascript\u002Freact\u002Fdata-fetching-axios","03.javascript\u002F04.react\u002F03.data-fetching-axios",{"title":2044,"icon":132,"path":2045,"stem":2046,"children":2047},"Tanstack Query","\u002Fjavascript\u002Freact\u002Ftanstack-query","03.javascript\u002F04.react\u002F04.tanstack-query\u002Findex",[2048,2050,2054,2058,2062,2066,2070,2074,2078,2082,2086,2090,2094,2098,2102],{"title":2049,"path":2045,"stem":2046},"TanStack Query: Майстерність Керування Станом Сервера",{"title":2051,"path":2052,"stem":2053},"Парадигма Server State: Чому useEffect недостатньо","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-state-paradigm","03.javascript\u002F04.react\u002F04.tanstack-query\u002F01.server-state-paradigm",{"title":2055,"path":2056,"stem":2057},"Встановлення та Налаштування: Фундамент","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Finstallation-and-devtools","03.javascript\u002F04.react\u002F04.tanstack-query\u002F02.installation-and-devtools",{"title":2059,"path":2060,"stem":2061},"Основи Запитів та Магія Ключів","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fquery-basics-and-keys","03.javascript\u002F04.react\u002F04.tanstack-query\u002F03.query-basics-and-keys",{"title":2063,"path":2064,"stem":2065},"Синхронізація Даних: Життєвий Цикл Запиту","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fdata-synchronization","03.javascript\u002F04.react\u002F04.tanstack-query\u002F04.data-synchronization",{"title":2067,"path":2068,"stem":2069},"Мутації та Інвалідація: Зміна Даних","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fmutations-and-invalidation","03.javascript\u002F04.react\u002F04.tanstack-query\u002F05.mutations-and-invalidation",{"title":2071,"path":2072,"stem":2073},"Оптимістичні Оновлення: Швидше за Світло","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Foptimistic-updates","03.javascript\u002F04.react\u002F04.tanstack-query\u002F06.optimistic-updates",{"title":2075,"path":2076,"stem":2077},"Пагінація та Infinite Scroll","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fpagination-and-load-more","03.javascript\u002F04.react\u002F04.tanstack-query\u002F07.pagination-and-load-more",{"title":2079,"path":2080,"stem":2081},"Просунуті Патерни та Оптимізація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F04.tanstack-query\u002F08.advanced-patterns",{"title":2083,"path":2084,"stem":2085},"Архітектура та Best Practices","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Farchitecture-and-best-practices","03.javascript\u002F04.react\u002F04.tanstack-query\u002F09.architecture-and-best-practices",{"title":2087,"path":2088,"stem":2089},"Server-Side Rendering (SSR) та Гідратація","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fserver-side-rendering","03.javascript\u002F04.react\u002F04.tanstack-query\u002F10.server-side-rendering",{"title":2091,"path":2092,"stem":2093},"Стратегії Тестування","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Ftesting-strategies","03.javascript\u002F04.react\u002F04.tanstack-query\u002F11.testing-strategies",{"title":2095,"path":2096,"stem":2097},"Аутентифікація та Обробка Помилок","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fauthentication-and-errors","03.javascript\u002F04.react\u002F04.tanstack-query\u002F12.authentication-and-errors",{"title":2099,"path":2100,"stem":2101},"React Suspense та Майбутнє","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Freact-suspense","03.javascript\u002F04.react\u002F04.tanstack-query\u002F13.react-suspense",{"title":2103,"path":2104,"stem":2105},"Глибоке Занурення в Продуктивність","\u002Fjavascript\u002Freact\u002Ftanstack-query\u002Fperformance-deep-dive","03.javascript\u002F04.react\u002F04.tanstack-query\u002F14.performance-deep-dive",{"title":2107,"icon":2022,"path":2108,"stem":2109,"children":2110},"React Router","\u002Fjavascript\u002Freact\u002Freact-router","03.javascript\u002F04.react\u002F05.react-router\u002Findex",[2111,2113,2117,2121,2125,2129,2133,2137],{"title":2112,"path":2108,"stem":2109},"React Router: Навігаційна система сучасного вебу",{"title":2114,"path":2115,"stem":2116},"Налаштування та Базовий Роутинг","\u002Fjavascript\u002Freact\u002Freact-router\u002Fsetup-and-basic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F01.setup-and-basic-routing",{"title":2118,"path":2119,"stem":2120},"Динамічна Навігація","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnavigation-and-links","03.javascript\u002F04.react\u002F05.react-router\u002F02.navigation-and-links",{"title":2122,"path":2123,"stem":2124},"Вкладені Маршрути та Макети","\u002Fjavascript\u002Freact\u002Freact-router\u002Fnested-routes-and-layouts","03.javascript\u002F04.react\u002F05.react-router\u002F03.nested-routes-and-layouts",{"title":2126,"path":2127,"stem":2128},"Динамічні Маршрути та Параметри","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdynamic-routing","03.javascript\u002F04.react\u002F05.react-router\u002F04.dynamic-routing",{"title":2130,"path":2131,"stem":2132},"Data APIs: Loaders та Actions","\u002Fjavascript\u002Freact\u002Freact-router\u002Fdata-loading","03.javascript\u002F04.react\u002F05.react-router\u002F05.data-loading",{"title":2134,"path":2135,"stem":2136},"Просунуті Патерни","\u002Fjavascript\u002Freact\u002Freact-router\u002Fadvanced-patterns","03.javascript\u002F04.react\u002F05.react-router\u002F06.advanced-patterns",{"title":2138,"path":2139,"stem":2140},"Legacy Routing: Компонентний підхід","\u002Fjavascript\u002Freact\u002Freact-router\u002Flegacy-routing","03.javascript\u002F04.react\u002F05.react-router\u002F07.legacy-routing",{"title":2142,"icon":132,"path":2143,"stem":2144,"children":2145},"Redux","\u002Fjavascript\u002Freact\u002Fredux","03.javascript\u002F04.react\u002F06.redux\u002Findex",[2146,2148,2164,2193,2202,2223,2239,2268],{"title":2147,"path":2143,"stem":2144},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":2149,"stem":2150,"children":2151,"page":59},"\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals",[2152,2156,2160],{"title":2153,"path":2154,"stem":2155},"Вступ до State Management","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fintro-state-management","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F01.intro-state-management",{"title":2157,"path":2158,"stem":2159},"Філософія Redux та Три Принципи","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fredux-philosophy","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F02.redux-philosophy",{"title":2161,"path":2162,"stem":2163},"Чисті функції та Іммутабельність","\u002Fjavascript\u002Freact\u002Fredux\u002Ffundamentals\u002Fpure-functions-immutability","03.javascript\u002F04.react\u002F06.redux\u002F01.fundamentals\u002F03.pure-functions-immutability",{"title":2165,"icon":132,"path":2166,"stem":2167,"children":2168,"page":59},"Classic Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux",[2169,2173,2177,2181,2185,2189],{"title":2170,"path":2171,"stem":2172},"Створення Store (Classic Redux)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fstore-setup","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F01.store-setup",{"title":2174,"path":2175,"stem":2176},"Actions, Constants та Action Creators","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Factions-constants","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F02.actions-constants",{"title":2178,"path":2179,"stem":2180},"Логіка Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Freducers","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F03.reducers",{"title":2182,"path":2183,"stem":2184},"Комбінування Reducers (Root Reducer)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fdata-flow","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F04.data-flow",{"title":2186,"path":2187,"stem":2188},"Підключення до 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":2190,"path":2191,"stem":2192},"Middleware та Асинхронність (Redux Thunk)","\u002Fjavascript\u002Freact\u002Fredux\u002Fclassic-redux\u002Fmiddleware-thunk","03.javascript\u002F04.react\u002F06.redux\u002F02.classic-redux\u002F06.middleware-thunk",{"title":2194,"icon":132,"path":2195,"stem":2196,"children":2197,"page":59},"Transition To Rtk","\u002Fjavascript\u002Freact\u002Fredux\u002Ftransition-to-rtk","03.javascript\u002F04.react\u002F06.redux\u002F03.transition-to-rtk",[2198],{"title":2199,"path":2200,"stem":2201},"Проблеми класичного 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":2203,"icon":132,"path":2204,"stem":2205,"children":2206,"page":59},"Redux Toolkit","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit",[2207,2211,2215,2219],{"title":2208,"path":2209,"stem":2210},"Налаштування Store з configureStore","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fconfigure-store","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F01.configure-store",{"title":2212,"path":2213,"stem":2214},"createSlice: Революція в Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fcreate-slice","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F02.create-slice",{"title":2216,"path":2217,"stem":2218},"Асинхронність з createAsyncThunk","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fasync-thunks","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F03.async-thunks",{"title":2220,"path":2221,"stem":2222},"04. Entity Adapter: Керування нормалізованим станом","\u002Fjavascript\u002Freact\u002Fredux\u002Fredux-toolkit\u002Fentity-adapter","03.javascript\u002F04.react\u002F06.redux\u002F04.redux-toolkit\u002F04.entity-adapter",{"title":2224,"icon":92,"path":2225,"stem":2226,"children":2227,"page":59},"Advanced","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced",[2228,2232,2236],{"title":2229,"path":2230,"stem":2231},"Мемоізація та Селектори: Повний Гайд по Reselect","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Fselectors-reselect","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F01.selectors-reselect",{"title":2233,"path":2234,"stem":2235},"RTK Query: Архітектура Серверного Кешу","\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Frtk-query-intro","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F02.rtk-query-intro",{"title":2083,"path":2237,"stem":2238},"\u002Fjavascript\u002Freact\u002Fredux\u002Fadvanced\u002Farchitecture-best-practices","03.javascript\u002F04.react\u002F06.redux\u002F05.advanced\u002F03.architecture-best-practices",{"title":2240,"icon":132,"path":2241,"stem":2242,"children":2243,"page":59},"Project Kanban","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban",[2244,2248,2252,2256,2260,2264],{"title":2245,"path":2246,"stem":2247},"Проєкт: Kanban Board (Trello Clone)","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fproject-overview","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F01.project-overview",{"title":2249,"path":2250,"stem":2251},"Налаштування та Типізація","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fsetup-and-types","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F02.setup-and-types",{"title":2253,"path":2254,"stem":2255},"Board Slice: Серце Дошки","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Fboard-slice","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F03.board-slice",{"title":2257,"path":2258,"stem":2259},"Логіка 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":2261,"path":2262,"stem":2263},"Інтеграція з RTK Query","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Frtk-query-integration","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F05.rtk-query-integration",{"title":2265,"path":2266,"stem":2267},"Optimistic Updates","\u002Fjavascript\u002Freact\u002Fredux\u002Fproject-kanban\u002Foptimistic-updates","03.javascript\u002F04.react\u002F06.redux\u002F06.project-kanban\u002F06.optimistic-updates",{"title":2269,"icon":132,"path":2270,"stem":2271,"children":2272,"page":59},"Testing","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting","03.javascript\u002F04.react\u002F06.redux\u002F07.testing",[2273,2277,2281,2285,2289],{"title":2274,"path":2275,"stem":2276},"Тестування Redux","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Fintro-testing","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F01.intro-testing",{"title":2278,"path":2279,"stem":2280},"Тестування Reducers","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-reducers","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F02.testing-reducers",{"title":2282,"path":2283,"stem":2284},"Тестування Селекторів","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-selectors","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F03.testing-selectors",{"title":2286,"path":2287,"stem":2288},"Тестування Компонентів (Integration)","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-components","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F04.testing-components",{"title":2290,"path":2291,"stem":2292},"Тестування Async Thunks","\u002Fjavascript\u002Freact\u002Fredux\u002Ftesting\u002Ftesting-thunks","03.javascript\u002F04.react\u002F06.redux\u002F07.testing\u002F05.testing-thunks",{"title":2294,"icon":132,"path":2295,"stem":2296,"children":2297},"Ui Libraries","\u002Fjavascript\u002Freact\u002Fui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002Findex",[2298,2300,2304,2308,2312,2316,2320],{"title":2299,"path":2295,"stem":2296},"UI Бібліотеки в React",{"title":2301,"path":2302,"stem":2303},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fintroduction-to-ui-libraries","03.javascript\u002F04.react\u002F07.ui-libraries\u002F01.introduction-to-ui-libraries",{"title":2305,"path":2306,"stem":2307},"Філософія shadcn\u002Fui: \"Not a Component Library\"","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-philosophy","03.javascript\u002F04.react\u002F07.ui-libraries\u002F02.shadcn-philosophy",{"title":2309,"path":2310,"stem":2311},"Установка та Налаштування shadcn\u002Fui","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-installation","03.javascript\u002F04.react\u002F07.ui-libraries\u002F03.shadcn-installation",{"title":2313,"path":2314,"stem":2315},"Базові Компоненти shadcn\u002Fui: Фундамент Інтерфейсу","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-basics","03.javascript\u002F04.react\u002F07.ui-libraries\u002F04.shadcn-components-basics",{"title":2317,"path":2318,"stem":2319},"Компоненти Форм: Побудова Інтерактивних Form","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-forms","03.javascript\u002F04.react\u002F07.ui-libraries\u002F05.shadcn-components-forms",{"title":2321,"path":2322,"stem":2323},"Складні Компоненти: Dialog, Dropdown, Table та Command","\u002Fjavascript\u002Freact\u002Fui-libraries\u002Fshadcn-components-advanced","03.javascript\u002F04.react\u002F07.ui-libraries\u002F06.shadcn-components-advanced",{"title":2325,"icon":2326,"path":2327,"stem":2328,"children":2329,"page":59},"TypeScript","i-devicon-typescript","\u002Fjavascript\u002Ftypescript","03.javascript\u002F05.typescript",[2330,2334,2338,2342,2346,2350,2354,2358],{"title":2331,"path":2332,"stem":2333},"TypeScript: Броня для вашого коду","\u002Fjavascript\u002Ftypescript\u002Fintro-and-basic-types","03.javascript\u002F05.typescript\u002F01.intro-and-basic-types",{"title":2335,"path":2336,"stem":2337},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","\u002Fjavascript\u002Ftypescript\u002Finterfaces-and-advanced-types","03.javascript\u002F05.typescript\u002F02.interfaces-and-advanced-types",{"title":2339,"path":2340,"stem":2341},"Алхімія Типів: Generics та Utility Types","\u002Fjavascript\u002Ftypescript\u002Fgenerics-and-utilities","03.javascript\u002F05.typescript\u002F03.generics-and-utilities",{"title":2343,"path":2344,"stem":2345},"Архітектура та Шаблони: Класи в TypeScript","\u002Fjavascript\u002Ftypescript\u002Fclasses-and-oop","03.javascript\u002F05.typescript\u002F04.classes-and-oop",{"title":2347,"path":2348,"stem":2349},"Продакшн та Екосистема: Advanced Config & Workflow","\u002Fjavascript\u002Ftypescript\u002Fadvanced-patterns-and-config","03.javascript\u002F05.typescript\u002F05.advanced-patterns-and-config",{"title":2351,"path":2352,"stem":2353},"TypeScript у світі React","\u002Fjavascript\u002Ftypescript\u002Freact-basics","03.javascript\u002F05.typescript\u002F06.react-basics",{"title":2355,"path":2356,"stem":2357},"React + TypeScript: Продвинуті патерни","\u002Fjavascript\u002Ftypescript\u002Freact-advanced","03.javascript\u002F05.typescript\u002F07.react-advanced",{"title":2359,"path":2360,"stem":2361},"React + TypeScript: Екосистема та бібліотеки","\u002Fjavascript\u002Ftypescript\u002Freact-ecosystem","03.javascript\u002F05.typescript\u002F08.react-ecosystem",{"title":2363,"path":2364,"stem":2365},"Atomic Design","\u002Fjavascript\u002Fatomic-design","03.javascript\u002F2.atomic-design",{"title":2367,"icon":2368,"path":2369,"stem":2370,"children":2371,"page":59},"Java","i-devicon-java","\u002Fjava","04.java",[2372,2375,2378,2382,2386,2390,2394],{"title":162,"path":2373,"stem":2374},"\u002Fjava\u002Fdata-mapper-part1","04.java\u002F01.data-mapper-part1",{"title":166,"path":2376,"stem":2377},"\u002Fjava\u002Fdata-mapper-part2","04.java\u002F02.data-mapper-part2",{"title":2379,"path":2380,"stem":2381},"Service Layer: Організація бізнес-логіки","\u002Fjava\u002Fservice-layer","04.java\u002F03.service-layer",{"title":2383,"path":2384,"stem":2385},"Rich Domain Model та State Pattern","\u002Fjava\u002Frich-domain-model","04.java\u002F04.rich-domain-model",{"title":2387,"path":2388,"stem":2389},"Патерни для складної бізнес-логіки","\u002Fjava\u002Fbusiness-logic-patterns","04.java\u002F05.business-logic-patterns",{"title":2391,"path":2392,"stem":2393},"Обробка помилок та валідація","\u002Fjava\u002Ferror-handling-validation","04.java\u002F06.error-handling-validation",{"title":2395,"path":2396,"stem":2397,"children":2398,"page":59},"Проектування баз даних","\u002Fjava\u002Fpr2","04.java\u002Fpr2",[2399,2403,2407,2411,2415,2419,2423,2427,2431,2435,2439,2443,2447,2451,2455,2459,2463,2467,2471,2475,2479,2483,2487,2491,2495,2499,2503,2507,2511,2515,2519,2523,2527,2531,2535,2539,2543],{"title":2400,"path":2401,"stem":2402},"Концептуальне моделювання: Мистецтво розуміння предметної області","\u002Fjava\u002Fpr2\u002Fconceptual-modeling","04.java\u002Fpr2\u002F01.conceptual-modeling",{"title":2404,"path":2405,"stem":2406},"Логічне моделювання: Від бізнес-ідей до структур даних","\u002Fjava\u002Fpr2\u002Flogical-modeling","04.java\u002Fpr2\u002F02.logical-modeling",{"title":2408,"path":2409,"stem":2410},"Нормалізація: Гігієна даних та боротьба з аномаліями","\u002Fjava\u002Fpr2\u002Fnormalization","04.java\u002Fpr2\u002F03.normalization",{"title":2412,"path":2413,"stem":2414},"Фізична схема: Від абстракції до DDL","\u002Fjava\u002Fpr2\u002Fphysical-schema","04.java\u002Fpr2\u002F04.physical-schema",{"title":2416,"path":2417,"stem":2418},"Архітектурна класифікація таблиць","\u002Fjava\u002Fpr2\u002Ftable-classification","04.java\u002Fpr2\u002F05.table-classification",{"title":2420,"path":2421,"stem":2422},"Database Migrations: Версіонування схеми з Flyway","\u002Fjava\u002Fpr2\u002Fdatabase-migrations","04.java\u002Fpr2\u002F06.database-migrations",{"title":2424,"path":2425,"stem":2426},"А що, якби це була не реляційна БД?","\u002Fjava\u002Fpr2\u002Fbeyond-relational","04.java\u002Fpr2\u002F07.beyond-relational",{"title":2428,"path":2429,"stem":2430},"Object-Relational Impedance Mismatch: Два світи, що не хочуть дружити","\u002Fjava\u002Fpr2\u002Fimpedance-mismatch","04.java\u002Fpr2\u002F09.impedance-mismatch",{"title":2432,"path":2433,"stem":2434},"JDBC: Перший контакт із базою даних","\u002Fjava\u002Fpr2\u002Fjdbc-fundamentals","04.java\u002Fpr2\u002F10.jdbc-fundamentals",{"title":2436,"path":2437,"stem":2438},"Якість коду: Spotless, SpotBugs та SonarQube","\u002Fjava\u002Fpr2\u002F10a.code-quality","04.java\u002Fpr2\u002F10a.code-quality",{"title":2440,"path":2441,"stem":2442},"Connection Pool: Патерн Object Pool для JDBC-з'єднань","\u002Fjava\u002Fpr2\u002Fconnection-pool","04.java\u002Fpr2\u002F11.connection-pool",{"title":2444,"path":2445,"stem":2446},"Row Data Gateway: Об'єкт як обгортка рядка таблиці","\u002Fjava\u002Fpr2\u002Frow-data-gateway","04.java\u002Fpr2\u002F12.row-data-gateway",{"title":2448,"path":2449,"stem":2450},"Table Data Gateway: Фасад таблиці як архітектурний відступ","\u002Fjava\u002Fpr2\u002Ftable-data-gateway","04.java\u002Fpr2\u002F13.table-data-gateway",{"title":2452,"path":2453,"stem":2454},"Repository + Data Mapper: Правильна шарова архітектура з JDBC","\u002Fjava\u002Fpr2\u002Frepository-data-mapper","04.java\u002Fpr2\u002F14.repository-data-mapper",{"title":2456,"path":2457,"stem":2458},"Identity Map: Кешування сутностей у рамках сесії","\u002Fjava\u002Fpr2\u002Fidentity-map","04.java\u002Fpr2\u002F15.identity-map",{"title":2460,"path":2461,"stem":2462},"Unit of Work: Відстеження змін і координація JDBC-транзакцій","\u002Fjava\u002Fpr2\u002Funit-of-work","04.java\u002Fpr2\u002F16.unit-of-work",{"title":2464,"path":2465,"stem":2466},"Strategy: Замінювані SQL-стратегії для підтримки різних СУБД","\u002Fjava\u002Fpr2\u002Fstrategy-sql","04.java\u002Fpr2\u002F17.strategy-sql",{"title":2468,"path":2469,"stem":2470},"Proxy: Lazy Loading для One-To-Many колекцій","\u002Fjava\u002Fpr2\u002Fproxy-lazy-loading","04.java\u002Fpr2\u002F18.proxy-lazy-loading",{"title":2472,"path":2473,"stem":2474},"Generic Repository через Java Reflection: анотації та динамічний SQL","\u002Fjava\u002Fpr2\u002Fgeneric-repository-reflection","04.java\u002Fpr2\u002F19.generic-repository-reflection",{"title":2476,"path":2477,"stem":2478},"Specification Pattern: Композиція бізнес-правил для складних запитів","\u002Fjava\u002Fpr2\u002Fspecification-pattern","04.java\u002Fpr2\u002F20.specification-pattern",{"title":2480,"path":2481,"stem":2482},"Розширені можливості Specification Pattern: підзапити, агрегації та гібридний підхід","\u002Fjava\u002Fpr2\u002F20a.advanced-specifications","04.java\u002Fpr2\u002F20a.advanced-specifications",{"title":2484,"path":2485,"stem":2486},"Асинхронність у JDBC: Від блокуючих викликів до CompletableFuture","\u002Fjava\u002Fpr2\u002Fasynchronous-jdbc","04.java\u002Fpr2\u002F21.asynchronous-jdbc",{"title":2488,"path":2489,"stem":2490},"Інтеграційне тестування JDBC-репозиторіїв: Embedded H2 та патерн AAA","\u002Fjava\u002Fpr2\u002Fintegration-testing-h2","04.java\u002Fpr2\u002F22.integration-testing-h2",{"title":2492,"path":2493,"stem":2494},"Testcontainers: Тестування з реальною PostgreSQL у Docker-контейнерах","\u002Fjava\u002Fpr2\u002Fintegration-testing-testcontainers","04.java\u002Fpr2\u002F23.integration-testing-testcontainers",{"title":2496,"path":2497,"stem":2498},"Google Guice: Впровадження залежностей у JavaFX-проєкті","\u002Fjava\u002Fpr2\u002Fdependency-injection-guice","04.java\u002Fpr2\u002F24.dependency-injection-guice",{"title":2500,"path":2501,"stem":2502},"JavaFX: Основи побудови графічних інтерфейсів","\u002Fjava\u002Fpr2\u002Fjavafx-fundamentals","04.java\u002Fpr2\u002F25.javafx-fundamentals",{"title":2504,"path":2505,"stem":2506},"Properties та Bindings: Реактивність у JavaFX","\u002Fjava\u002Fpr2\u002Fjavafx-properties-bindings","04.java\u002Fpr2\u002F26.javafx-properties-bindings",{"title":2508,"path":2509,"stem":2510},"MVC vs MVP vs MVVM: Еволюція архітектурних патернів UI","\u002Fjava\u002Fpr2\u002Fui-architecture-patterns","04.java\u002Fpr2\u002F27.ui-architecture-patterns",{"title":2512,"path":2513,"stem":2514},"MVVM на практиці: Побудова ViewModel","\u002Fjava\u002Fpr2\u002Fmvvm-viewmodel-implementation","04.java\u002Fpr2\u002F28.mvvm-viewmodel-implementation",{"title":2516,"path":2517,"stem":2518},"View та Controller: Зв'язування з ViewModel через FXML","\u002Fjava\u002Fpr2\u002Fmvvm-view-controller","04.java\u002Fpr2\u002F29.mvvm-view-controller",{"title":2520,"path":2521,"stem":2522},"Інтеграція MVVM з Guice: Автоматична ін'єкція залежностей","\u002Fjava\u002Fpr2\u002Fmvvm-guice-integration","04.java\u002Fpr2\u002F30.mvvm-guice-integration",{"title":2524,"path":2525,"stem":2526},"Валідація та обробка помилок у MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-validation-error-handling","04.java\u002Fpr2\u002F31.mvvm-validation-error-handling",{"title":2528,"path":2529,"stem":2530},"Навігація та управління екранами у JavaFX MVVM","\u002Fjava\u002Fpr2\u002Fmvvm-navigation-screen-management","04.java\u002Fpr2\u002F32.mvvm-navigation-screen-management",{"title":2532,"path":2533,"stem":2534},"Тестування JavaFX MVVM-додатків","\u002Fjava\u002Fpr2\u002Fmvvm-testing","04.java\u002Fpr2\u002F33.mvvm-testing",{"title":2536,"path":2537,"stem":2538},"Стилізація та теми у JavaFX: CSS та User Experience","\u002Fjava\u002Fpr2\u002Fjavafx-styling-themes","04.java\u002Fpr2\u002F34.javafx-styling-themes",{"title":2540,"path":2541,"stem":2542},"AtlantaFX: Сучасні теми для JavaFX додатків","\u002Fjava\u002Fpr2\u002Fatlantafx-modern-themes","04.java\u002Fpr2\u002F35.atlantafx-modern-themes",{"title":2544,"path":2545,"stem":2546},"Пакування та розповсюдження JavaFX-додатків","\u002Fjava\u002Fpr2\u002Fjar-packaging-distribution","04.java\u002Fpr2\u002F36.jar-packaging-distribution",{"title":2548,"icon":2549,"path":2550,"stem":2551,"children":2552,"page":59},"Python","i-devicon-python","\u002Fpython","05.python",[2553,2557,2560,2564,2568,2572,2576,2580,2584,2588,2592,2596,2600,2604,2608,2669],{"title":2554,"path":2555,"stem":2556},"Модулі, Пакети та Віртуальні Середовища","\u002Fpython\u002Fmodules-packages-venv","05.python\u002F00.modules-packages-venv",{"title":71,"path":2558,"stem":2559},"\u002Fpython\u002Fclasses-objects","05.python\u002F01.classes-objects",{"title":2561,"path":2562,"stem":2563},"Інкапсуляція, Керування Доступом та Властивості","\u002Fpython\u002Fencapsulation","05.python\u002F02.encapsulation",{"title":2565,"path":2566,"stem":2567},"Наслідування, MRO та суперсила super()","\u002Fpython\u002Finheritance-mro","05.python\u002F03.inheritance-mro",{"title":2569,"path":2570,"stem":2571},"Абстракція — ABC проти Статичних Протоколів (PEP 544)","\u002Fpython\u002Fabstraction-protocols","05.python\u002F04.abstraction-protocols",{"title":2573,"path":2574,"stem":2575},"Магічні методи (Dunder) та Емуляція протоколів","\u002Fpython\u002Fdunder-methods","05.python\u002F05.dunder-methods",{"title":2577,"path":2578,"stem":2579},"Декоратори та Керування життєвим циклом методів","\u002Fpython\u002Fdecorators-static-class","05.python\u002F06.decorators-static-class",{"title":2581,"path":2582,"stem":2583},"Дескриптори — Магія доступу до атрибутів","\u002Fpython\u002Fdescriptors","05.python\u002F07.descriptors",{"title":2585,"path":2586,"stem":2587},"Метакласи — Динамічне створення класів під капотом CPython","\u002Fpython\u002Fmetaclasses","05.python\u002F08.metaclasses",{"title":2589,"path":2590,"stem":2591},"Dataclasses, NamedTuple та сучасні контейнери Python","\u002Fpython\u002Fmodern-containers","05.python\u002F09.modern-containers",{"title":2593,"path":2594,"stem":2595},"GIL та модель конкурентності CPython — фундамент перед потоками і процесами","\u002Fpython\u002Fgil-concurrency-intro","05.python\u002F11.gil-concurrency-intro",{"title":2597,"path":2598,"stem":2599},"Threading — конкурентність для I\u002FO-bound задач","\u002Fpython\u002Fthreading","05.python\u002F12.threading",{"title":2601,"path":2602,"stem":2603},"Multiprocessing — справжній паралелізм для CPU-bound задач","\u002Fpython\u002Fmultiprocessing","05.python\u002F13.multiprocessing",{"title":2605,"path":2606,"stem":2607},"asyncio — кооперативна конкурентність та event loop","\u002Fpython\u002Fasyncio","05.python\u002F14.asyncio",{"title":2609,"icon":92,"path":2610,"stem":2611,"children":2612,"page":59},"FastAPI","\u002Fpython\u002Ffastapi","05.python\u002Ffastapi",[2613,2617,2621,2625,2629,2633,2637,2641,2645,2649,2653,2657,2661,2665],{"title":2614,"path":2615,"stem":2616},"Глибокий Typing та Pydantic v2 — від анотацій до валідації","\u002Fpython\u002Ffastapi\u002Ftyping-pydantic","05.python\u002Ffastapi\u002F15.typing-pydantic",{"title":2618,"path":2619,"stem":2620},"WSGI, ASGI та Python Web-екосистема","\u002Fpython\u002Ffastapi\u002Fwsgi-asgi-ecosystem","05.python\u002Ffastapi\u002F16.wsgi-asgi-ecosystem",{"title":2622,"path":2623,"stem":2624},"FastAPI: Перший додаток, Uvicorn та OpenAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-intro","05.python\u002Ffastapi\u002F17.fastapi-intro",{"title":2626,"path":2627,"stem":2628},"Маршрутизація, параметри запитів та APIRouter","\u002Fpython\u002Ffastapi\u002Ffastapi-routing-params","05.python\u002Ffastapi\u002F18.fastapi-routing-params",{"title":2630,"path":2631,"stem":2632},"Pydantic v2 у FastAPI — схеми, валідація та серіалізація","\u002Fpython\u002Ffastapi\u002Ffastapi-pydantic-schemas","05.python\u002Ffastapi\u002F19.fastapi-pydantic-schemas",{"title":2634,"path":2635,"stem":2636},"Dependency Injection — серце архітектури FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-dependency-injection","05.python\u002Ffastapi\u002F20.fastapi-dependency-injection",{"title":2638,"path":2639,"stem":2640},"Обробка помилок, Middleware та CORS у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-errors-middleware","05.python\u002Ffastapi\u002F21.fastapi-errors-middleware",{"title":2642,"path":2643,"stem":2644},"SQLAlchemy 2.0 — ORM, Core та Async Engine","\u002Fpython\u002Ffastapi\u002Fsqlalchemy-orm","05.python\u002Ffastapi\u002F22.sqlalchemy-orm",{"title":2646,"path":2647,"stem":2648},"Alembic — міграції бази даних","\u002Fpython\u002Ffastapi\u002Falembic-migrations","05.python\u002Ffastapi\u002F23.alembic-migrations",{"title":2650,"path":2651,"stem":2652},"Repository Pattern та Clean Architecture у FastAPI","\u002Fpython\u002Ffastapi\u002Ffastapi-repository-clean-arch","05.python\u002Ffastapi\u002F24.fastapi-repository-clean-arch",{"title":2654,"path":2655,"stem":2656},"Автентифікація та авторизація — JWT, OAuth2, RBAC","\u002Fpython\u002Ffastapi\u002Ffastapi-auth-security","05.python\u002Ffastapi\u002F25.fastapi-auth-security",{"title":2658,"path":2659,"stem":2660},"Тестування FastAPI — pytest, httpx, fixtures","\u002Fpython\u002Ffastapi\u002Ffastapi-testing","05.python\u002Ffastapi\u002F26.fastapi-testing",{"title":2662,"path":2663,"stem":2664},"Async на повну — Background Tasks, WebSockets, SSE та Celery","\u002Fpython\u002Ffastapi\u002Ffastapi-async-advanced","05.python\u002Ffastapi\u002F27.fastapi-async-advanced",{"title":2666,"path":2667,"stem":2668},"Deployment — Docker, CI\u002FCD, Monitoring","\u002Fpython\u002Ffastapi\u002Ffastapi-deployment","05.python\u002Ffastapi\u002F28.fastapi-deployment",{"title":2670,"path":2671,"stem":2672},"[object Object]","\u002Fpython\u002Foop-plan","05.python\u002Foop-plan",{"title":2674,"icon":2675,"path":2676,"stem":2677,"children":2678,"page":59},"Бази даних","i-lucide-database","\u002Fdatabases","06.databases",[2679,2709,2732,2769,2798,2816,2850,2862,2871],{"title":2680,"icon":2681,"path":2682,"stem":2683,"children":2684,"page":59},"Intro","i-lucide-play","\u002Fdatabases\u002Fintro","06.databases\u002F01.intro",[2685,2689,2693,2697,2701,2705],{"title":2686,"path":2687,"stem":2688},"Введення в теорію баз даних","\u002Fdatabases\u002Fintro\u002Fintroduction-to-databases","06.databases\u002F01.intro\u002F01.introduction-to-databases",{"title":2690,"path":2691,"stem":2692},"Реляційна модель даних","\u002Fdatabases\u002Fintro\u002Frelational-model-theory","06.databases\u002F01.intro\u002F02.relational-model-theory",{"title":2694,"path":2695,"stem":2696},"ER-моделювання","\u002Fdatabases\u002Fintro\u002Fer-modeling","06.databases\u002F01.intro\u002F03.er-modeling",{"title":2698,"path":2699,"stem":2700},"Логічне проектування БД","\u002Fdatabases\u002Fintro\u002Flogical-schema","06.databases\u002F01.intro\u002F04.logical-schema",{"title":2702,"path":2703,"stem":2704},"Класифікація таблиць","\u002Fdatabases\u002Fintro\u002Ftable-classification","06.databases\u002F01.intro\u002F05.table-classification",{"title":2706,"path":2707,"stem":2708},"PlantUML для баз даних","\u002Fdatabases\u002Fintro\u002Fplantuml-diagrams","06.databases\u002F01.intro\u002F06.plantuml-diagrams",{"title":2710,"icon":2675,"path":2711,"stem":2712,"children":2713,"page":59},"MS SQL Server Start","\u002Fdatabases\u002Fms-sql-server-start","06.databases\u002F02.ms-sql-server-start",[2714,2718,2724,2728],{"title":2715,"path":2716,"stem":2717},"Типи даних у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fdata-types","06.databases\u002F02.ms-sql-server-start\u002F01.data-types",{"title":2719,"path":2720,"stem":2721,"children":2722},"Індекси у MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-indexes","06.databases\u002F02.ms-sql-server-start\u002F02.sql-indexes",[2723],{"title":2719,"path":2720,"stem":2721},{"title":2725,"path":2726,"stem":2727},"Системні бази даних MS SQL Server","\u002Fdatabases\u002Fms-sql-server-start\u002Fsystem-databases","06.databases\u002F02.ms-sql-server-start\u002F03.system-databases",{"title":2729,"path":2730,"stem":2731},"Огляд мови SQL та запитів","\u002Fdatabases\u002Fms-sql-server-start\u002Fsql-queries-overview","06.databases\u002F02.ms-sql-server-start\u002F04.sql-queries-overview",{"title":2733,"icon":2675,"path":2734,"stem":2735,"children":2736,"page":59},"SQL","\u002Fdatabases\u002Fsql","06.databases\u002F03.sql",[2737,2741,2745,2749,2753,2757,2761,2765],{"title":2738,"path":2739,"stem":2740},"Налаштування демонстраційної бази даних","\u002Fdatabases\u002Fsql\u002Fsample-database-setup","06.databases\u002F03.sql\u002F00.sample-database-setup",{"title":2742,"path":2743,"stem":2744},"DDL - Створення таблиць (CREATE TABLE)","\u002Fdatabases\u002Fsql\u002Fddl-create-table","06.databases\u002F03.sql\u002F01.ddl-create-table",{"title":2746,"path":2747,"stem":2748},"DDL - Зміна та видалення таблиць (ALTER, DROP)","\u002Fdatabases\u002Fsql\u002Fddl-alter-drop-table","06.databases\u002F03.sql\u002F02.ddl-alter-drop-table",{"title":2750,"path":2751,"stem":2752},"SELECT запити - Основи","\u002Fdatabases\u002Fsql\u002Fselect-queries-fundamentals","06.databases\u002F03.sql\u002F03.select-queries-fundamentals",{"title":2754,"path":2755,"stem":2756},"SELECT запити - Розширені можливості","\u002Fdatabases\u002Fsql\u002Fselect-queries-advanced","06.databases\u002F03.sql\u002F04.select-queries-advanced",{"title":2758,"path":2759,"stem":2760},"INSERT запити - Додавання даних","\u002Fdatabases\u002Fsql\u002Finsert-queries","06.databases\u002F03.sql\u002F05.insert-queries",{"title":2762,"path":2763,"stem":2764},"UPDATE та DELETE запити","\u002Fdatabases\u002Fsql\u002Fupdate-delete-queries","06.databases\u002F03.sql\u002F06.update-delete-queries",{"title":2766,"path":2767,"stem":2768},"Транзакції в SQL","\u002Fdatabases\u002Fsql\u002Ftransactions","06.databases\u002F03.sql\u002F07.transactions",{"title":2770,"icon":2675,"path":2771,"stem":2772,"children":2773,"page":59},"Multi Table Databases","\u002Fdatabases\u002Fmulti-table-databases","06.databases\u002F04.multi-table-databases",[2774,2778,2782,2786,2790,2794],{"title":2775,"path":2776,"stem":2777},"Зв'язки та нормалізація БД","\u002Fdatabases\u002Fmulti-table-databases\u002Frelationships-and-normalization","06.databases\u002F04.multi-table-databases\u002F00.relationships-and-normalization",{"title":2779,"path":2780,"stem":2781},"INNER JOIN - З'єднання таблиць","\u002Fdatabases\u002Fmulti-table-databases\u002Finner-join","06.databases\u002F04.multi-table-databases\u002F01.inner-join",{"title":2783,"path":2784,"stem":2785},"OUTER JOINs - LEFT, RIGHT, FULL","\u002Fdatabases\u002Fmulti-table-databases\u002Fouter-joins","06.databases\u002F04.multi-table-databases\u002F02.outer-joins",{"title":2787,"path":2788,"stem":2789},"CROSS та SELF JOINs","\u002Fdatabases\u002Fmulti-table-databases\u002Fcross-self-joins","06.databases\u002F04.multi-table-databases\u002F03.cross-self-joins",{"title":2791,"path":2792,"stem":2793},"Підзапити (Subqueries)","\u002Fdatabases\u002Fmulti-table-databases\u002Fsubqueries","06.databases\u002F04.multi-table-databases\u002F04.subqueries",{"title":2795,"path":2796,"stem":2797},"Агрегації з JOIN","\u002Fdatabases\u002Fmulti-table-databases\u002Faggregations-with-joins","06.databases\u002F04.multi-table-databases\u002F05.aggregations-with-joins",{"title":2799,"icon":2800,"path":2801,"stem":2802,"children":2803,"page":59},"Aggregate Functions","i-lucide-calculator","\u002Fdatabases\u002Faggregate-functions","06.databases\u002F05.aggregate-functions",[2804,2808,2812],{"title":2805,"path":2806,"stem":2807},"Функції агрегування в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fintroduction-aggregate-functions","06.databases\u002F05.aggregate-functions\u002F01.introduction-aggregate-functions",{"title":2809,"path":2810,"stem":2811},"Групування даних в MS SQL Server","\u002Fdatabases\u002Faggregate-functions\u002Fgrouping-data","06.databases\u002F05.aggregate-functions\u002F02.grouping-data",{"title":2813,"path":2814,"stem":2815},"Підзапити з агрегатними функціями","\u002Fdatabases\u002Faggregate-functions\u002Fsubqueries-aggregates","06.databases\u002F05.aggregate-functions\u002F03.subqueries-aggregates",{"title":2817,"icon":2818,"path":2819,"stem":2820,"children":2821,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","\u002Fdatabases\u002Ftriggers-stored-procedures","06.databases\u002F07.triggers-stored-procedures",[2822,2826,2830,2834,2838,2842,2846],{"title":2823,"path":2824,"stem":2825},"DML-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fdml-triggers","06.databases\u002F07.triggers-stored-procedures\u002F01.dml-triggers",{"title":2827,"path":2828,"stem":2829},"DDL-тригери","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fddl-triggers","06.databases\u002F07.triggers-stored-procedures\u002F02.ddl-triggers",{"title":2831,"path":2832,"stem":2833},"Transact-SQL розширення","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransact-sql-extensions","06.databases\u002F07.triggers-stored-procedures\u002F03.transact-sql-extensions",{"title":2835,"path":2836,"stem":2837},"Транзакції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Ftransactions","06.databases\u002F07.triggers-stored-procedures\u002F04.transactions",{"title":2839,"path":2840,"stem":2841},"Зберігаємі процедури","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fstored-procedures","06.databases\u002F07.triggers-stored-procedures\u002F05.stored-procedures",{"title":2843,"path":2844,"stem":2845},"Користувацькі функції","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fuser-defined-functions","06.databases\u002F07.triggers-stored-procedures\u002F06.user-defined-functions",{"title":2847,"path":2848,"stem":2849},"Безпека баз даних","\u002Fdatabases\u002Ftriggers-stored-procedures\u002Fsecurity","06.databases\u002F07.triggers-stored-procedures\u002F08.security",{"title":2847,"icon":793,"path":2851,"stem":2852,"children":2853,"page":59},"\u002Fdatabases\u002Fsecurity","06.databases\u002F08.security",[2854,2858],{"title":2855,"path":2856,"stem":2857},"Вступ до безпеки баз даних","\u002Fdatabases\u002Fsecurity\u002Fintroduction","06.databases\u002F08.security\u002F01.introduction",{"title":2859,"path":2860,"stem":2861},"Системні представлення та метадані","\u002Fdatabases\u002Fsecurity\u002Fsystem-views","06.databases\u002F08.security\u002F02.system-views",{"title":2863,"icon":2864,"path":2865,"stem":2866,"children":2867,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","\u002Fdatabases\u002Fbackup-recovery","06.databases\u002F09.backup-recovery",[2868],{"title":2863,"path":2869,"stem":2870},"\u002Fdatabases\u002Fbackup-recovery\u002Fbackup-restore","06.databases\u002F09.backup-recovery\u002F01.backup-restore",{"title":2872,"icon":2873,"path":2874,"stem":2875,"children":2876,"page":59},"Повнотекстовий пошук","i-lucide-search","\u002Fdatabases\u002Ffull-text-search","06.databases\u002F10.full-text-search",[2877],{"title":2872,"path":2878,"stem":2879},"\u002Fdatabases\u002Ffull-text-search\u002Ffull-text-search","06.databases\u002F10.full-text-search\u002F01.full-text-search",{"title":2881,"icon":2882,"path":2883,"stem":2884,"children":2885,"page":59},"Tools","i-lucide-wrench","\u002Ftools","07.tools",[2886,2962],{"title":2887,"icon":2888,"path":2889,"stem":2890,"children":2891},"Docker","i-simple-icons-docker","\u002Ftools\u002Fdocker","07.tools\u002F01.docker\u002Findex",[2892,2894,2898,2902,2906,2910,2914,2918,2922,2926,2930,2934,2938,2942,2946,2950,2954,2958],{"title":2893,"path":2889,"stem":2890},"Docker: від нуля до production",{"title":2895,"path":2896,"stem":2897},"Контейнеризація — від проблеми до рішення","\u002Ftools\u002Fdocker\u002Fcontainerization-concept","07.tools\u002F01.docker\u002F01.containerization-concept",{"title":2899,"path":2900,"stem":2901},"Docker — що це і навіщо?","\u002Ftools\u002Fdocker\u002Fdocker-what-and-why","07.tools\u002F01.docker\u002F02.docker-what-and-why",{"title":2903,"path":2904,"stem":2905},"Архітектура Docker Engine","\u002Ftools\u002Fdocker\u002Fdocker-architecture","07.tools\u002F01.docker\u002F03.docker-architecture",{"title":2907,"path":2908,"stem":2909},"Встановлення Docker","\u002Ftools\u002Fdocker\u002Finstallation","07.tools\u002F01.docker\u002F04.installation",{"title":2911,"path":2912,"stem":2913},"Перший контейнер — docker run","\u002Ftools\u002Fdocker\u002Ffirst-container","07.tools\u002F01.docker\u002F05.first-container",{"title":2915,"path":2916,"stem":2917},"Життєвий цикл контейнера","\u002Ftools\u002Fdocker\u002Fcontainer-lifecycle","07.tools\u002F01.docker\u002F06.container-lifecycle",{"title":2919,"path":2920,"stem":2921},"Docker Images — фундаментальні концепції","\u002Ftools\u002Fdocker\u002Fdocker-images-fundamentals","07.tools\u002F01.docker\u002F07.docker-images-fundamentals",{"title":2923,"path":2924,"stem":2925},"Dockerfile — основи","\u002Ftools\u002Fdocker\u002Fdockerfile-basics","07.tools\u002F01.docker\u002F08.dockerfile-basics",{"title":2927,"path":2928,"stem":2929},"Dockerfile — просунуті техніки","\u002Ftools\u002Fdocker\u002Fdockerfile-advanced","07.tools\u002F01.docker\u002F09.dockerfile-advanced",{"title":2931,"path":2932,"stem":2933},"Build Context та кешування шарів","\u002Ftools\u002Fdocker\u002Fbuild-context-and-cache","07.tools\u002F01.docker\u002F10.build-context-and-cache",{"title":2935,"path":2936,"stem":2937},"Реєстри Docker-образів","\u002Ftools\u002Fdocker\u002Fimage-registries","07.tools\u002F01.docker\u002F11.image-registries",{"title":2939,"path":2940,"stem":2941},"Контейнеризація .NET додатків","\u002Ftools\u002Fdocker\u002Fdotnet-containerization","07.tools\u002F01.docker\u002F12.dotnet-containerization",{"title":2943,"path":2944,"stem":2945},"Томи та збереження даних","\u002Ftools\u002Fdocker\u002Fvolumes-and-data","07.tools\u002F01.docker\u002F13.volumes-and-data",{"title":2947,"path":2948,"stem":2949},"Основи мережі в Docker","\u002Ftools\u002Fdocker\u002Fnetworking-basics","07.tools\u002F01.docker\u002F14.networking-basics",{"title":2951,"path":2952,"stem":2953},"Змінні оточення та конфігурація","\u002Ftools\u002Fdocker\u002Fenvironment-and-configuration","07.tools\u002F01.docker\u002F15.environment-and-configuration",{"title":2955,"path":2956,"stem":2957},"Docker Compose — оркестрація контейнерів","\u002Ftools\u002Fdocker\u002Fdocker-compose-basics","07.tools\u002F01.docker\u002F16.docker-compose-basics",{"title":2959,"path":2960,"stem":2961},"Docker Compose — Multi-Service застосунки","\u002Ftools\u002Fdocker\u002Fcompose-multi-service","07.tools\u002F01.docker\u002F17.compose-multi-service",{"title":2963,"icon":2964,"path":2965,"stem":2966,"children":2967},"Kubernetes","simple-icons:kubernetes","\u002Ftools\u002Fkubernetes","07.tools\u002F02.kubernetes\u002Findex",[2968,2970,2974,2978,2982,2986,2990,2994,2998],{"title":2969,"path":2965,"stem":2966},"Kubernetes: від розробки до production",{"title":2971,"path":2972,"stem":2973},"Kubernetes — коли Docker Compose більше не вистачає","\u002Ftools\u002Fkubernetes\u002Fwhy-kubernetes","07.tools\u002F02.kubernetes\u002F01.why-kubernetes",{"title":2975,"path":2976,"stem":2977},"Архітектура Kubernetes — анатомія кластера","\u002Ftools\u002Fkubernetes\u002Fkubernetes-architecture","07.tools\u002F02.kubernetes\u002F02.kubernetes-architecture",{"title":2979,"path":2980,"stem":2981},"Локальне середовище — minikube, kind та k3s","\u002Ftools\u002Fkubernetes\u002Flocal-environment","07.tools\u002F02.kubernetes\u002F03.local-environment",{"title":2983,"path":2984,"stem":2985},"Pod — атомарна одиниця Kubernetes","\u002Ftools\u002Fkubernetes\u002Fpods-and-containers","07.tools\u002F02.kubernetes\u002F04.pods-and-containers",{"title":2987,"path":2988,"stem":2989},"Патерни використання Pod","\u002Ftools\u002Fkubernetes\u002Fpod-patterns","07.tools\u002F02.kubernetes\u002F05.pod-patterns",{"title":2991,"path":2992,"stem":2993},"Deployment — декларативне управління Pod","\u002Ftools\u002Fkubernetes\u002Fdeployment-basics","07.tools\u002F02.kubernetes\u002F06.deployment-basics",{"title":2995,"path":2996,"stem":2997},"Rolling Updates та управління життєвим циклом Deployment","\u002Ftools\u002Fkubernetes\u002Fdeployment-rolling-updates","07.tools\u002F02.kubernetes\u002F07.deployment-rolling-updates",{"title":2999,"path":3000,"stem":3001},"Service — мережева абстракція для Pod","\u002Ftools\u002Fkubernetes\u002Fservices-networking","07.tools\u002F02.kubernetes\u002F08.services-networking",{"title":3003,"icon":3004,"path":3005,"stem":3006,"children":3007,"page":59},"Software Engineering","i-lucide-code-2","\u002Fsoftware-engineering","09.software-engineering",[3008,3012,3016,3020,3024,3028,3032,3036,3040,3044,3048],{"title":3009,"path":3010,"stem":3011},"1. Аналіз предметної області. Експертні знання та складність","\u002Fsoftware-engineering\u002Fintro-subdomains","09.software-engineering\u002F01.intro-subdomains",{"title":3013,"path":3014,"stem":3015},"2. Обмежені контексти. Інтеграція обмежених контекстів","\u002Fsoftware-engineering\u002Fintegrating-limited-contexts","09.software-engineering\u002F02.integrating-limited-contexts",{"title":3017,"path":3018,"stem":3019},"3. Реалізація простої бізнес-логіки","\u002Fsoftware-engineering\u002Fsimple","09.software-engineering\u002F03.simple",{"title":3021,"path":3022,"stem":3023},"4. Опрацювання складної бізнес-логіки","\u002Fsoftware-engineering\u002Fcomplex-business-logic","09.software-engineering\u002F04.complex-business-logic",{"title":3025,"path":3026,"stem":3027},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","\u002Fsoftware-engineering\u002Fmodelling-the-time-factor","09.software-engineering\u002F05.modelling-the-time-factor",{"title":3029,"path":3030,"stem":3031},"6. Архітектурні патерни","\u002Fsoftware-engineering\u002Farchitectural-patterns","09.software-engineering\u002F06.architectural-patterns",{"title":3033,"path":3034,"stem":3035},"Паттерни взаємодії","\u002Fsoftware-engineering\u002Fpatterns-of-interaction","09.software-engineering\u002F07.patterns-of-interaction",{"title":3037,"path":3038,"stem":3039},"Евристика проєктування","\u002Fsoftware-engineering\u002Fdesign-heuristics","09.software-engineering\u002F08.design-heuristics",{"title":3041,"path":3042,"stem":3043},"Еволюція проєктних рішень","\u002Fsoftware-engineering\u002Fevolution-of-design-solutions","09.software-engineering\u002F09.evolution-of-design-solutions",{"title":3045,"path":3046,"stem":3047},"EventStorming","\u002Fsoftware-engineering\u002Feventstorming","09.software-engineering\u002F10.eventstorming",{"title":3049,"path":3050,"stem":3051},"DDD на практиці","\u002Fsoftware-engineering\u002Fddd-in-practice","09.software-engineering\u002F11.ddd-in-practice",{"title":3053,"icon":943,"path":3054,"stem":3055,"children":3056,"page":59},"DDD","\u002Fddd","10.ddd",[3057,3061,3065,3069,3073,3077,3081,3085,3089,3093,3097,3101,3105],{"title":3058,"path":3059,"stem":3060},"Аналіз предметної області","\u002Fddd\u002Fdomain-analysis","10.ddd\u002F01.domain-analysis",{"title":3062,"path":3063,"stem":3064},"Експертні знання про предметну область","\u002Fddd\u002Fdomain-expert-knowledge","10.ddd\u002F02.domain-expert-knowledge",{"title":3066,"path":3067,"stem":3068},"Як осмислити складність предметної області","\u002Fddd\u002Fmanaging-domain-complexity","10.ddd\u002F03.managing-domain-complexity",{"title":3070,"path":3071,"stem":3072},"Інтеграція обмежених контекстів","\u002Fddd\u002Fbounded-context-integration","10.ddd\u002F04.bounded-context-integration",{"title":3074,"path":3075,"stem":3076},"Реалізація простої бізнес-логіки","\u002Fddd\u002Fsimple-business-logic","10.ddd\u002F05.simple-business-logic",{"title":3078,"path":3079,"stem":3080},"Обробка складної бізнес-логіки","\u002Fddd\u002Fcomplex-business-logic","10.ddd\u002F06.complex-business-logic",{"title":3082,"path":3083,"stem":3084},"Моделювання фактора часу","\u002Fddd\u002Ftime-modeling","10.ddd\u002F07.time-modeling",{"title":3086,"path":3087,"stem":3088},"Глава 8. Архітектурні Патерни","\u002Fddd\u002Farchitectural-patterns","10.ddd\u002F08.architectural-patterns",{"title":3090,"path":3091,"stem":3092},"Глава 9. Патерни Взаємодії","\u002Fddd\u002Finteraction-patterns","10.ddd\u002F09.interaction-patterns",{"title":3094,"path":3095,"stem":3096},"Глава 10. Проектні Евристики","\u002Fddd\u002Fdesign-heuristics","10.ddd\u002F10.design-heuristics",{"title":3098,"path":3099,"stem":3100},"Глава 11. Еволюція Проектних Рішень","\u002Fddd\u002Fevolution-of-design-decisions","10.ddd\u002F11.evolution-of-design-decisions",{"title":3102,"path":3103,"stem":3104},"Глава 12. EventStorming","\u002Fddd\u002Fevent-storming","10.ddd\u002F12.event-storming",{"title":3106,"path":3107,"stem":3108},"Глава 13. DDD на Практиці","\u002Fddd\u002Fddd-in-practice","10.ddd\u002F13.ddd-in-practice",{"title":3110,"icon":3111,"path":3112,"stem":3113,"children":3114,"page":59},"Media Streaming","i-lucide-video","\u002Fmedia-streaming","11.media-streaming",[3115,3119,3123,3127,3131,3135,3139],{"title":3116,"path":3117,"stem":3118},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","\u002Fmedia-streaming\u002Fintroduction","11.media-streaming\u002F01.introduction",{"title":3120,"path":3121,"stem":3122},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","\u002Fmedia-streaming\u002Faudio-video-anatomy","11.media-streaming\u002F02.audio-video-anatomy",{"title":3124,"path":3125,"stem":3126},"03. The Gym: FFmpeg Deep Dive","\u002Fmedia-streaming\u002Fffmpeg-gym","11.media-streaming\u002F03.ffmpeg-gym",{"title":3128,"path":3129,"stem":3130},"04. HLS Protocol: HTTP Live Streaming у Деталях","\u002Fmedia-streaming\u002Fhls-protocol","11.media-streaming\u002F04.hls-protocol",{"title":3132,"path":3133,"stem":3134},"05. DASH Protocol: Відкритий Стандарт","\u002Fmedia-streaming\u002Fdash-protocol","11.media-streaming\u002F05.dash-protocol",{"title":3136,"path":3137,"stem":3138},"06. Масштабування: CDN та Adaptive Bitrate","\u002Fmedia-streaming\u002Fcdn-and-adaptive-bitrate","11.media-streaming\u002F06.cdn-and-adaptive-bitrate",{"title":3140,"path":3141,"stem":3142},"07. Війна із Затримкою (Latency)","\u002Fmedia-streaming\u002Frealtime-latency","11.media-streaming\u002F07.realtime-latency",{"title":3144,"icon":3145,"path":3146,"stem":3147,"children":3148,"page":59},"HTML & CSS","i-devicon-html5","\u002Fhtml-css","12.html-css",[3149,3153,3157,3161,3165,3169,3173,3177,3181,3185,3189,3193,3197,3201,3205,3209,3213,3217,3221,3225,3229,3233,3237,3241,3245,3249,3253,3257,3261,3265],{"title":3150,"path":3151,"stem":3152},"Вступ до HTML. Структура документа","\u002Fhtml-css\u002Fintro-html-structure","12.html-css\u002F01.intro-html-structure",{"title":3154,"path":3155,"stem":3156},"Форматування тексту в HTML","\u002Fhtml-css\u002Fhtml-text-formatting","12.html-css\u002F02.html-text-formatting",{"title":3158,"path":3159,"stem":3160},"Посилання та зображення в HTML","\u002Fhtml-css\u002Fhtml-links-images","12.html-css\u002F03.html-links-images",{"title":3162,"path":3163,"stem":3164},"Списки та таблиці в HTML","\u002Fhtml-css\u002Fhtml-lists-tables","12.html-css\u002F04.html-lists-tables",{"title":3166,"path":3167,"stem":3168},"Форми в HTML","\u002Fhtml-css\u002Fhtml-forms","12.html-css\u002F05.html-forms",{"title":3170,"path":3171,"stem":3172},"Семантичні елементи HTML5","\u002Fhtml-css\u002Fhtml-semantic-elements","12.html-css\u002F06.html-semantic-elements",{"title":3174,"path":3175,"stem":3176},"Мультимедіа та розширені елементи HTML","\u002Fhtml-css\u002Fhtml-multimedia-advanced","12.html-css\u002F07.html-multimedia-advanced",{"title":3178,"path":3179,"stem":3180},"Мікророзмітка та SEO в HTML","\u002Fhtml-css\u002Fhtml-microdata-seo","12.html-css\u002F08.html-microdata-seo",{"title":3182,"path":3183,"stem":3184},"Вступ до CSS. Селектори та специфічність","\u002Fhtml-css\u002Fcss-intro-selectors","12.html-css\u002F09.css-intro-selectors",{"title":3186,"path":3187,"stem":3188},"Блокова модель CSS. Відступи. Box Sizing","\u002Fhtml-css\u002Fcss-box-model","12.html-css\u002F10.css-box-model",{"title":3190,"path":3191,"stem":3192},"Розміри у CSS: повний довідник одиниць і ключових слів","\u002Fhtml-css\u002F10a.css-sizing","12.html-css\u002F10a.css-sizing",{"title":3194,"path":3195,"stem":3196},"Типографіка в CSS. Шрифти та текст","\u002Fhtml-css\u002Fcss-typography","12.html-css\u002F11.css-typography",{"title":3198,"path":3199,"stem":3200},"Кольори та фони в CSS","\u002Fhtml-css\u002Fcss-colors-backgrounds","12.html-css\u002F12.css-colors-backgrounds",{"title":3202,"path":3203,"stem":3204},"Тіні та фільтри в CSS","\u002Fhtml-css\u002F12b.css-shadows-filters","12.html-css\u002F12b.css-shadows-filters",{"title":3206,"path":3207,"stem":3208},"CSS Flexbox: Фундамент гнучких макетів","\u002Fhtml-css\u002Fcss-flexbox-fundamentals","12.html-css\u002F13.css-flexbox-fundamentals",{"title":3210,"path":3211,"stem":3212},"CSS Flexbox: Вирівнювання та Позиціонування","\u002Fhtml-css\u002Fcss-flexbox-alignment-sizing-and-patterns","12.html-css\u002F14.css-flexbox-alignment-sizing-and-patterns",{"title":3214,"path":3215,"stem":3216},"CSS Grid. Двовимірний макет. Частина 1","\u002Fhtml-css\u002Fcss-layout-grid","12.html-css\u002F15.css-layout-grid",{"title":3218,"path":3219,"stem":3220},"CSS Grid. Двовимірний макет. Частина 2","\u002Fhtml-css\u002Fcss-layout-grid-advanced","12.html-css\u002F16.css-layout-grid-advanced",{"title":3222,"path":3223,"stem":3224},"Позиціонування в CSS. Z-index. Stacking Context","\u002Fhtml-css\u002Fcss-positioning","12.html-css\u002F17.css-positioning",{"title":3226,"path":3227,"stem":3228},"CSS Анімації та Переходи","\u002Fhtml-css\u002Fcss-animations-transitions","12.html-css\u002F18.css-animations-transitions",{"title":3230,"path":3231,"stem":3232},"Адаптивний дизайн. Media Queries. Частина 1","\u002Fhtml-css\u002Fcss-responsive-media-queries","12.html-css\u002F19.css-responsive-media-queries",{"title":3234,"path":3235,"stem":3236},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","\u002Fhtml-css\u002Fcss-responsive-advanced","12.html-css\u002F20.css-responsive-advanced",{"title":3238,"path":3239,"stem":3240},"CSS Custom Properties. Методології. Сучасний CSS","\u002Fhtml-css\u002Fcss-variables-methodologies","12.html-css\u002F21.css-variables-methodologies",{"title":3242,"path":3243,"stem":3244},"Сучасний CSS 2023–2025: Нові можливості","\u002Fhtml-css\u002Fcss-modern-features","12.html-css\u002F22.css-modern-features",{"title":3246,"path":3247,"stem":3248},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","\u002Fhtml-css\u002F22a.css-nesting-modern-syntax","12.html-css\u002F22a.css-nesting-modern-syntax",{"title":3250,"path":3251,"stem":3252},"CSS для форм та інтерактивних станів","\u002Fhtml-css\u002Fcss-forms-interactive-states","12.html-css\u002F23.css-forms-interactive-states",{"title":3254,"path":3255,"stem":3256},"Доступність у CSS (CSS Accessibility)","\u002Fhtml-css\u002Fcss-accessibility","12.html-css\u002F24.css-accessibility",{"title":3258,"path":3259,"stem":3260},"CSS-функції та сучасні sizing primitives","\u002Fhtml-css\u002Fcss-functions-sizing","12.html-css\u002F25.css-functions-sizing",{"title":3262,"path":3263,"stem":3264},"Rendering Pipeline і CSS Performance","\u002Fhtml-css\u002Fcss-rendering-performance","12.html-css\u002F26.css-rendering-performance",{"title":3266,"path":3267,"stem":3268},"CSS Best Practices: типові ситуації та правильні рішення","\u002Fhtml-css\u002Fcss-best-practices","12.html-css\u002F27.css-best-practices",{"title":3270,"path":3271,"stem":3272,"children":3273,"page":59},"AWS","\u002Faws","13.aws",[3274,3278,3282,3286,3290,3294,3298,3302,3306,3310,3314,3318,3322,3326,3330,3334,3338,3342],{"title":3275,"path":3276,"stem":3277},"Реєстрація AWS акаунту та студентські програми","\u002Faws\u002Faccount-registration","13.aws\u002F00.account-registration",{"title":3279,"path":3280,"stem":3281},"Вступ до хмарних обчислень та AWS","\u002Faws\u002Fintroduction-to-cloud","13.aws\u002F01.introduction-to-cloud",{"title":3283,"path":3284,"stem":3285},"AWS IAM — Identity and Access Management","\u002Faws\u002Fiam","13.aws\u002F02.iam",{"title":3287,"path":3288,"stem":3289},"AWS IAM CLI — Довідник команд","\u002Faws\u002F02a.iam-doc","13.aws\u002F02a.iam-doc",{"title":3291,"path":3292,"stem":3293},"Docker та контейнеризація в AWS — ECR, ECS та Fargate","\u002Faws\u002Fdocker-ecs","13.aws\u002F03.docker-ecs",{"title":3295,"path":3296,"stem":3297},"AWS ECR \u002F ECS CLI — Довідник команд","\u002Faws\u002F03a.docker-ecs-doc","13.aws\u002F03a.docker-ecs-doc",{"title":3299,"path":3300,"stem":3301},"Amazon EC2 — Elastic Compute Cloud","\u002Faws\u002Fec2","13.aws\u002F04.ec2",{"title":3303,"path":3304,"stem":3305},"AWS EC2 CLI — Довідник команд","\u002Faws\u002F04a.ec2-doc","13.aws\u002F04a.ec2-doc",{"title":3307,"path":3308,"stem":3309},"Elastic Load Balancing та Auto Scaling","\u002Faws\u002Falb-asg","13.aws\u002F05.alb-asg",{"title":3311,"path":3312,"stem":3313},"Amazon S3 — Simple Storage Service","\u002Faws\u002Fs3","13.aws\u002F06.s3",{"title":3315,"path":3316,"stem":3317},"Amazon CloudFront — Content Delivery Network","\u002Faws\u002Fcloudfront","13.aws\u002F07.cloudfront",{"title":3319,"path":3320,"stem":3321},"Amazon RDS — Relational Database Service","\u002Faws\u002Frds","13.aws\u002F08.rds",{"title":3323,"path":3324,"stem":3325},"Amazon DynamoDB — NoSQL Database","\u002Faws\u002Fdynamodb","13.aws\u002F09.dynamodb",{"title":3327,"path":3328,"stem":3329},"AWS Lambda та Serverless Compute","\u002Faws\u002Flambda","13.aws\u002F10.lambda",{"title":3331,"path":3332,"stem":3333},"Amazon Bedrock - Foundation Models, RAG та Agents","\u002Faws\u002Fbedrock","13.aws\u002F22.bedrock",{"title":3335,"path":3336,"stem":3337},"Amazon Rekognition - Комп'ютерний зір","\u002Faws\u002Frekognition","13.aws\u002F23.rekognition",{"title":3339,"path":3340,"stem":3341},"Amazon Textract - Інтелектуальний аналіз документів","\u002Faws\u002Ftextract","13.aws\u002F24.textract",{"title":3343,"path":3344,"stem":3345},"Amazon Polly, Transcribe, Comprehend та Translate","\u002Faws\u002Faudio-nlp-services","13.aws\u002F25.audio-nlp-services",{"title":3347,"path":3348,"stem":3349,"children":3350,"page":59},"Ai Development","\u002Fai-development","14.ai-development",[3351],{"title":3352,"path":3353,"stem":3354,"children":3355,"page":59},"Foundations","\u002Fai-development\u002Ffoundations","14.ai-development\u002F00.foundations",[3356],{"title":3357,"path":3358,"stem":3359},"Модуль 0.1. Що таке Large Language Model (LLM)","\u002Fai-development\u002Ffoundations\u002Fwhat-is-llm","14.ai-development\u002F00.foundations\u002F01.what-is-llm",{"title":3361,"path":3362,"stem":3363,"children":3364,"page":59},"React Native","\u002Freact-native","15.react-native",[3365,3386],{"title":3366,"path":3367,"stem":3368,"children":3369,"page":59},"Version1","\u002Freact-native\u002Fversion1","15.react-native\u002Fversion1",[3370,3374,3378,3382],{"title":3371,"path":3372,"stem":3373},"Що таке React Native","\u002Freact-native\u002Fversion1\u002Fwhat-is-react-native","15.react-native\u002Fversion1\u002F01.what-is-react-native",{"title":3375,"path":3376,"stem":3377},"Як влаштований React Native «під капотом»","\u002Freact-native\u002Fversion1\u002Freact-native-architecture","15.react-native\u002Fversion1\u002F02.react-native-architecture",{"title":3379,"path":3380,"stem":3381},"Від React до React Native: ключові відмінності","\u002Freact-native\u002Fversion1\u002Freact-native-vs-react","15.react-native\u002Fversion1\u002F03.react-native-vs-react",{"title":3383,"path":3384,"stem":3385},"View та Text — фундаментальні будівельні блоки","\u002Freact-native\u002Fversion1\u002Fview-and-text","15.react-native\u002Fversion1\u002F04.view-and-text",{"title":3387,"path":3388,"stem":3389,"children":3390,"page":59},"Version2","\u002Freact-native\u002Fversion2","15.react-native\u002Fversion2",[3391,3395,3399,3403,3407,3411,3415,3419,3423,3427,3431,3435,3439,3443,3447,3451,3455,3459,3463,3467,3471,3475,3479,3483,3487,3491],{"title":3392,"path":3393,"stem":3394},"React Native — навіщо він потрібен","\u002Freact-native\u002Fversion2\u002Fwhy-react-native","15.react-native\u002Fversion2\u002F01.why-react-native",{"title":3396,"path":3397,"stem":3398},"Налаштування середовища розробки","\u002Freact-native\u002Fversion2\u002Fenvironment-setup","15.react-native\u002Fversion2\u002F02.environment-setup",{"title":3400,"path":3401,"stem":3402},"Expo і класичний React Native — два шляхи одного фреймворку","\u002Freact-native\u002Fversion2\u002Fexpo-vs-cli-landscape","15.react-native\u002Fversion2\u002F03.expo-vs-cli-landscape",{"title":3404,"path":3405,"stem":3406},"Середовище Expo — перший запуск","\u002Freact-native\u002Fversion2\u002Fexpo-setup-and-tooling","15.react-native\u002Fversion2\u002F04.expo-setup-and-tooling",{"title":3408,"path":3409,"stem":3410},"Структура проєкту та перші UI-примітиви","\u002Freact-native\u002Fversion2\u002Fproject-structure-and-conventions","15.react-native\u002Fversion2\u002F05.project-structure-and-conventions",{"title":3412,"path":3413,"stem":3414},"Базові компоненти React Native","\u002Freact-native\u002Fversion2\u002Fcore-components","15.react-native\u002Fversion2\u002F06.core-components",{"title":3416,"path":3417,"stem":3418},"Flexbox і layout у React Native","\u002Freact-native\u002Fversion2\u002Fflexbox-and-layout","15.react-native\u002Fversion2\u002F07.flexbox-and-layout",{"title":3420,"path":3421,"stem":3422},"StyleSheet і теми (light \u002F dark)","\u002Freact-native\u002Fversion2\u002Fstylesheet-and-theming","15.react-native\u002Fversion2\u002F08.stylesheet-and-theming",{"title":3424,"path":3425,"stem":3426},"Списки та віртуалізація","\u002Freact-native\u002Fversion2\u002Flists-and-virtualization","15.react-native\u002Fversion2\u002F09.lists-and-virtualization",{"title":3428,"path":3429,"stem":3430},"Форми, ввід і валідація","\u002Freact-native\u002Fversion2\u002Fforms-input-validation","15.react-native\u002Fversion2\u002F10.forms-input-validation",{"title":3432,"path":3433,"stem":3434},"Основи Expo Router","\u002Freact-native\u002Fversion2\u002Fexpo-router-basics","15.react-native\u002Fversion2\u002F11.expo-router-basics",{"title":3436,"path":3437,"stem":3438},"Вкладені навігатори та модалки","\u002Freact-native\u002Fversion2\u002Fnested-navigators-and-modals","15.react-native\u002Fversion2\u002F12.nested-navigators-and-modals",{"title":3440,"path":3441,"stem":3442},"Deep linking і параметри маршрутів","\u002Freact-native\u002Fversion2\u002Fdeep-linking-and-params","15.react-native\u002Fversion2\u002F13.deep-linking-and-params",{"title":3444,"path":3445,"stem":3446},"Робота з мережею та життєвий цикл застосунку","\u002Freact-native\u002Fversion2\u002Fnetworking-and-app-lifecycle","15.react-native\u002Fversion2\u002F14.networking-and-app-lifecycle",{"title":3448,"path":3449,"stem":3450},"Redux Toolkit на мобільних платформах","\u002Freact-native\u002Fversion2\u002Fredux-toolkit-on-mobile","15.react-native\u002Fversion2\u002F15.redux-toolkit-on-mobile",{"title":3452,"path":3453,"stem":3454},"RTK Query на мобільних платформах","\u002Freact-native\u002Fversion2\u002Frtk-query-mobile","15.react-native\u002Fversion2\u002F16.rtk-query-mobile",{"title":3456,"path":3457,"stem":3458},"Автентифікація та Безпечне Зберігання","\u002Freact-native\u002Fversion2\u002Fauth-secure-storage","15.react-native\u002Fversion2\u002F18.auth-secure-storage",{"title":3460,"path":3461,"stem":3462},"Локальне сховище — AsyncStorage, MMKV, SQLite","\u002Freact-native\u002Fversion2\u002Flocal-storage-mmkv-sqlite","15.react-native\u002Fversion2\u002F19.local-storage-mmkv-sqlite",{"title":3464,"path":3465,"stem":3466},"Офлайн-First і синхронізація","\u002Freact-native\u002Fversion2\u002Foffline-first-sync","15.react-native\u002Fversion2\u002F20.offline-first-sync",{"title":3468,"path":3469,"stem":3470},"Камера, медіа та файлова система","\u002Freact-native\u002Fversion2\u002Fcamera-media-filesystem","15.react-native\u002Fversion2\u002F21.camera-media-filesystem",{"title":3472,"path":3473,"stem":3474},"Карти та геолокація","\u002Freact-native\u002Fversion2\u002Fmaps-and-location","15.react-native\u002Fversion2\u002F22.maps-and-location",{"title":3476,"path":3477,"stem":3478},"Жести та дотики","\u002Freact-native\u002Fversion2\u002Fgestures-and-touch","15.react-native\u002Fversion2\u002F23.gestures-and-touch",{"title":3480,"path":3481,"stem":3482},"Анімації з Reanimated","\u002Freact-native\u002Fversion2\u002Freanimated-animations","15.react-native\u002Fversion2\u002F24.reanimated-animations",{"title":3484,"path":3485,"stem":3486},"Push і локальні сповіщення","\u002Freact-native\u002Fversion2\u002Fpush-and-local-notifications","15.react-native\u002Fversion2\u002F25.push-and-local-notifications",{"title":3488,"path":3489,"stem":3490},"Доступність та інтернаціоналізація","\u002Freact-native\u002Fversion2\u002Faccessibility-and-i18n","15.react-native\u002Fversion2\u002F26.accessibility-and-i18n",{"title":3492,"path":3493,"stem":3494},"EAS Build та профілі збірки","\u002Freact-native\u002Fversion2\u002Feas-build-and-profiles","15.react-native\u002Fversion2\u002F29.eas-build-and-profiles",{"title":3496,"path":3497,"stem":3498,"children":3499,"page":59},"Ai Python","\u002Fai-python","16.ai-python",[3500,3504,3508],{"title":3501,"path":3502,"stem":3503},"Вступ до штучного інтелекту та машинного навчання","\u002Fai-python\u002Fintro-to-ai","16.ai-python\u002F01.intro-to-ai",{"title":3505,"path":3506,"stem":3507},"Знайомство з Jupyter Notebook та JupyterLab","\u002Fai-python\u002Fjupyter-notebook","16.ai-python\u002F02.jupyter-notebook",{"title":3509,"path":3510,"stem":3511},"Робота з даними з використанням NumPy і pandas","\u002Fai-python\u002Fnumpy-pandas","16.ai-python\u002F03.numpy-pandas",{"title":3513,"icon":658,"path":3514,"stem":3515,"children":3516,"page":59},"Клієнт-серверна архітектура","\u002Fclient-server-architecture","17.client-server-architecture",[3517,3521],{"title":3518,"path":3519,"stem":3520},"Архітектура клієнт-серверних систем та основи Go","\u002Fclient-server-architecture\u002Fclient-server-architecture-and-go","17.client-server-architecture\u002F01.client-server-architecture-and-go",{"title":3522,"path":3523,"stem":3524},"Система типів та модель пам’яті мови Go","\u002Fclient-server-architecture\u002Ftype-system-and-memory-model","17.client-server-architecture\u002F02.type-system-and-memory-model",{"title":3526,"icon":1946,"path":3527,"stem":3528,"children":3529,"page":59},"Розробка WEB-застосувань","\u002Fweb-development","18.web-development",[3530,3575,3613,3642],{"title":3531,"icon":658,"path":3532,"stem":3533,"children":3534,"page":59},"Архітектура комп'ютерних мереж та мережеві протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols","18.web-development\u002F01.network-architecture-and-protocols",[3535,3539,3543,3547,3551,3555,3559,3563,3567,3571],{"title":3536,"path":3537,"stem":3538},"Еволюція веброзробки та модель клієнт-сервер","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fweb-evolution-client-server","18.web-development\u002F01.network-architecture-and-protocols\u002F01.web-evolution-client-server",{"title":3540,"path":3541,"stem":3542},"Еталонна модель OSI","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fosi-model","18.web-development\u002F01.network-architecture-and-protocols\u002F02.osi-model",{"title":3544,"path":3545,"stem":3546},"Стек протоколів TCP\u002FIP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-ip-stack","18.web-development\u002F01.network-architecture-and-protocols\u002F03.tcp-ip-stack",{"title":3548,"path":3549,"stem":3550},"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":3552,"path":3553,"stem":3554},"Протоколи TCP та UDP","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Ftcp-udp-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F05.tcp-udp-protocols",{"title":3556,"path":3557,"stem":3558},"Система доменних імен DNS","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fdns-system","18.web-development\u002F01.network-architecture-and-protocols\u002F06.dns-system",{"title":3560,"path":3561,"stem":3562},"Протокол SMTP та поштові протоколи","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fsmtp-email-protocols","18.web-development\u002F01.network-architecture-and-protocols\u002F07.smtp-email-protocols",{"title":3564,"path":3565,"stem":3566},"Протокол WebSocket","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fwebsocket-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F08.websocket-protocol",{"title":3568,"path":3569,"stem":3570},"Протокол SSH","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fssh-protocol","18.web-development\u002F01.network-architecture-and-protocols\u002F09.ssh-protocol",{"title":3572,"path":3573,"stem":3574},"Огляд сучасних серверних технологій","\u002Fweb-development\u002Fnetwork-architecture-and-protocols\u002Fmodern-backend-technologies","18.web-development\u002F01.network-architecture-and-protocols\u002F10.modern-backend-technologies",{"title":3576,"icon":3577,"path":3578,"stem":3579,"children":3580,"page":59},"Протокол HTTP та захищена передача даних HTTPS","i-lucide-lock","\u002Fweb-development\u002Fhttp-and-https","18.web-development\u002F02.http-and-https",[3581,3585,3589,3593,3597,3601,3605,3609],{"title":3582,"path":3583,"stem":3584},"Вступ до протоколу HTTP та еволюція веб-технологій","\u002Fweb-development\u002Fhttp-and-https\u002Fintroduction-and-evolution","18.web-development\u002F02.http-and-https\u002F01.introduction-and-evolution",{"title":3586,"path":3587,"stem":3588},"Анатомія HTTP-запиту","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-request-structure","18.web-development\u002F02.http-and-https\u002F02.http-request-structure",{"title":3590,"path":3591,"stem":3592},"Анатомія HTTP-відповіді","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-response-structure","18.web-development\u002F02.http-and-https\u002F03.http-response-structure",{"title":3594,"path":3595,"stem":3596},"Методи HTTP та їхня семантика","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-methods","18.web-development\u002F02.http-and-https\u002F04.http-methods",{"title":3598,"path":3599,"stem":3600},"Коди статусу HTTP та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-status-codes","18.web-development\u002F02.http-and-https\u002F05.http-status-codes",{"title":3602,"path":3603,"stem":3604},"HTTP-заголовки та їхнє призначення","\u002Fweb-development\u002Fhttp-and-https\u002Fhttp-headers","18.web-development\u002F02.http-and-https\u002F06.http-headers",{"title":3606,"path":3607,"stem":3608},"CORS та механізми безпеки HTTP","\u002Fweb-development\u002Fhttp-and-https\u002Fcors-and-security","18.web-development\u002F02.http-and-https\u002F07.cors-and-security",{"title":3610,"path":3611,"stem":3612},"HTTPS та криптографічні основи TLS","\u002Fweb-development\u002Fhttp-and-https\u002Fhttps-and-tls","18.web-development\u002F02.http-and-https\u002F08.https-and-tls",{"title":3614,"icon":2326,"path":3615,"stem":3616,"children":3617,"page":59},"Система типів мови TypeScript","\u002Fweb-development\u002Ftypescript-type-system","18.web-development\u002F03.typescript-type-system",[3618,3622,3626,3630,3634,3638],{"title":3619,"path":3620,"stem":3621},"Знайомство з TypeScript Compiler","\u002Fweb-development\u002Ftypescript-type-system\u002Fintroduction-compiler-config","18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config",{"title":3623,"path":3624,"stem":3625},"Примітивні типи даних: string, number, boolean","\u002Fweb-development\u002Ftypescript-type-system\u002Fprimitive-special-types","18.web-development\u002F03.typescript-type-system\u002F02.primitive-special-types",{"title":3627,"path":3628,"stem":3629},"Масиви, кортежі та об","\u002Fweb-development\u002Ftypescript-type-system\u002Farrays-tuples-objects","18.web-development\u002F03.typescript-type-system\u002F03.arrays-tuples-objects",{"title":3631,"path":3632,"stem":3633},"Union типи, Intersection типи та літеральні типи","\u002Fweb-development\u002Ftypescript-type-system\u002Funion-intersection-literals","18.web-development\u002F03.typescript-type-system\u002F04.union-intersection-literals",{"title":3635,"path":3636,"stem":3637},"Type Narrowing (звуження типів)","\u002Fweb-development\u002Ftypescript-type-system\u002Ftype-narrowing","18.web-development\u002F03.typescript-type-system\u002F05.type-narrowing",{"title":3639,"path":3640,"stem":3641},"Типізація функцій","\u002Fweb-development\u002Ftypescript-type-system\u002Ffunctions-typing","18.web-development\u002F03.typescript-type-system\u002F06.functions-typing",{"title":3643,"icon":2326,"path":3644,"stem":3645,"children":3646,"page":59},"Розширені засоби мови TypeScript","\u002Fweb-development\u002Ftypescript-advanced","18.web-development\u002F04.typescript-advanced",[3647,3651,3655,3659,3663,3667],{"title":3648,"path":3649,"stem":3650},"Interfaces та Classes","\u002Fweb-development\u002Ftypescript-advanced\u002Finterfaces-classes","18.web-development\u002F04.typescript-advanced\u002F01.interfaces-classes",{"title":3652,"path":3653,"stem":3654},"Основи Generic типів","\u002Fweb-development\u002Ftypescript-advanced\u002Fgenerics-fundamentals","18.web-development\u002F04.typescript-advanced\u002F02.generics-fundamentals",{"title":3656,"path":3657,"stem":3658},"Enums та Decorators","\u002Fweb-development\u002Ftypescript-advanced\u002Fenums-decorators","18.web-development\u002F04.typescript-advanced\u002F03.enums-decorators",{"title":3660,"path":3661,"stem":3662},"Utility Types","\u002Fweb-development\u002Ftypescript-advanced\u002Futility-types","18.web-development\u002F04.typescript-advanced\u002F04.utility-types",{"title":3664,"path":3665,"stem":3666},"Mapped та Conditional Types","\u002Fweb-development\u002Ftypescript-advanced\u002Fmapped-conditional-types","18.web-development\u002F04.typescript-advanced\u002F05.mapped-conditional-types",{"title":3668,"path":3669,"stem":3670},"Модулі та Strict Mode","\u002Fweb-development\u002Ftypescript-advanced\u002Fmodules-strict-mode","18.web-development\u002F04.typescript-advanced\u002F06.modules-strict-mode",{"title":3672,"path":3673,"stem":3674,"children":3675,"page":59},"Tailwind","\u002Ftailwind","21.tailwind",[3676,3680,3684,3688,3692,3696,3700,3704,3708,3712,3716,3720],{"title":3677,"path":3678,"stem":3679},"Що таке Tailwind CSS і навіщо він потрібен","\u002Ftailwind\u002Ftailwind-intro-philosophy","21.tailwind\u002F01.tailwind-intro-philosophy",{"title":3681,"path":3682,"stem":3683},"Встановлення та налаштування Tailwind CSS v4","\u002Ftailwind\u002Ftailwind-installation-setup","21.tailwind\u002F02.tailwind-installation-setup",{"title":3685,"path":3686,"stem":3687},"Utility-класи: основи та система Tailwind","\u002Ftailwind\u002Ftailwind-utility-classes-core","21.tailwind\u002F03.tailwind-utility-classes-core",{"title":3689,"path":3690,"stem":3691},"Layout: Flexbox та Grid через Tailwind","\u002Ftailwind\u002Ftailwind-flexbox-grid","21.tailwind\u002F04.tailwind-flexbox-grid",{"title":3693,"path":3694,"stem":3695},"Кастомізація теми через @theme у Tailwind v4","\u002Ftailwind\u002Ftailwind-theme-customization","21.tailwind\u002F05.tailwind-theme-customization",{"title":3697,"path":3698,"stem":3699},"Варіанти: hover, focus, responsive, dark mode та нові v4","\u002Ftailwind\u002Ftailwind-variants-states","21.tailwind\u002F06.tailwind-variants-states",{"title":3701,"path":3702,"stem":3703},"Типографіка та система кольорів у Tailwind v4","\u002Ftailwind\u002Ftailwind-typography-colors","21.tailwind\u002F07.tailwind-typography-colors",{"title":3705,"path":3706,"stem":3707},"Компоненти та повторюваність: @apply, @utility та патерни","\u002Ftailwind\u002Ftailwind-components-patterns","21.tailwind\u002F08.tailwind-components-patterns",{"title":3709,"path":3710,"stem":3711},"Темна тема та система дизайн-токенів у Tailwind v4","\u002Ftailwind\u002Ftailwind-dark-mode-theming","21.tailwind\u002F09.tailwind-dark-mode-theming",{"title":3713,"path":3714,"stem":3715},"Довільні значення та контейнерні запити у Tailwind v4","\u002Ftailwind\u002Ftailwind-arbitrary-container-queries","21.tailwind\u002F10.tailwind-arbitrary-container-queries",{"title":3717,"path":3718,"stem":3719},"Анімації, трансформації та 3D у Tailwind v4","\u002Ftailwind\u002Ftailwind-animations-transforms","21.tailwind\u002F11.tailwind-animations-transforms",{"title":3721,"path":3722,"stem":3723},"Tailwind CLI, PostCSS та інтеграція з фреймворками","\u002Ftailwind\u002Ftailwind-cli-tooling","21.tailwind\u002F12.tailwind-cli-tooling",{"title":3725,"path":3726,"stem":3727},"Тестування компонентів діаграм","\u002Ftest-components","98.test-components",{"id":3729,"title":3619,"body":3730,"description":10147,"extension":10148,"links":10149,"meta":10150,"navigation":3921,"path":3620,"seo":10151,"stem":3621,"__hash__":10152},"docs\u002F18.web-development\u002F03.typescript-type-system\u002F01.introduction-compiler-config.md",{"type":3731,"value":3732,"toc":10095},"minimark",[3733,3737,3814,3817,3822,3831,3850,4027,4032,4035,4059,4063,4066,4071,4074,4179,4185,4190,4212,4285,4290,4300,4305,4320,4393,4401,4403,4407,4420,4424,4446,4582,4585,4633,4643,4647,4650,4655,4666,4824,4831,4836,4851,4860,4865,4868,4873,4884,4889,4899,4911,4915,4926,4936,4939,4959,4966,4968,4972,4979,5001,5021,5244,5247,5249,5253,5256,5284,5287,5317,5320,5383,5386,5402,5429,5439,5441,5445,5448,5452,5459,5502,5505,5519,5526,5562,5565,5588,5591,5603,5619,5623,5628,5831,5834,5848,5854,5991,5994,6018,6027,6031,6034,6054,6059,6202,6208,6215,6217,6221,6224,6228,6231,6268,6271,6275,6278,6282,6285,6315,6319,6322,6478,6487,6489,6493,6502,6506,6509,6523,6529,6628,6631,6643,6652,6676,6680,6683,6763,6770,6772,6776,6784,6789,6794,6874,6879,7329,7334,7368,7418,7425,7430,7434,7481,7486,7844,7849,7880,7891,7921,7966,7971,7979,7986,7992,8001,8008,8014,8021,8052,8055,8121,8126,8197,8203,8205,8208,8212,8216,8222,8227,8238,8244,8247,8252,8261,8266,8273,8278,8283,8413,8417,8427,8459,8463,8471,8476,8502,8506,8509,8550,8553,8563,8566,8581,8645,8655,8657,8661,8667,8887,8896,8900,8919,8924,8931,8934,8954,8957,8983,9149,9153,9163,9169,9245,9248,9262,9314,9320,9322,9326,9454,9465,9467,9471,9474,9875,9877,9889,9895,9897,9901,9904,9907,9949,10045,10047,10051,10091],[3734,3735,3619],"h1",{"id":3736},"знайомство-з-typescript-compiler",[3738,3739,3740,3777],"card-group",{},[3741,3742,3745],"card",{"icon":3743,"title":3744},"i-lucide-target","🎯 Мета розділу",[3746,3747,3748,3752,3760,3767,3770],"ul",{},[3749,3750,3751],"li",{},"Зрозуміти, що таке компіляція TypeScript у JavaScript та навіщо вона потрібна.",[3749,3753,3754,3755,3759],{},"Опанувати роботу з компілятором ",[3756,3757,3758],"code",{},"tsc"," через командний рядок.",[3749,3761,3762,3763,3766],{},"Вивчити структуру та ключові параметри конфігураційного файлу ",[3756,3764,3765],{},"tsconfig.json",".",[3749,3768,3769],{},"Усвідомити еволюцію від tsc-компіляції до сучасних інструментів збірки (Vite).",[3749,3771,3772,3773,3776],{},"Зрозуміти концепцію ",[3756,3774,3775],{},"noEmit"," та роль TypeScript у сучасних проєктах.",[3741,3778,3781],{"icon":3779,"title":3780},"i-lucide-key","🔑 Ключові терміни",[3746,3782,3783,3790,3796,3802,3808],{},[3749,3784,3785,3789],{},[3786,3787,3788],"strong",{},"Компілятор (Compiler):"," програма, що перетворює вихідний код однієї мови на іншу.",[3749,3791,3792,3795],{},[3786,3793,3794],{},"TypeScript Compiler (tsc):"," офіційний компілятор TypeScript у JavaScript.",[3749,3797,3798,3801],{},[3786,3799,3800],{},"Транспіляція (Transpilation):"," перетворення коду з однієї мови на іншу схожого рівня абстракції.",[3749,3803,3804,3807],{},[3786,3805,3806],{},"Target:"," цільова версія JavaScript, у яку компілюється TypeScript (ES5, ES2015, ES2020 тощо).",[3749,3809,3810,3813],{},[3786,3811,3812],{},"Bundler:"," інструмент збірки, що об'єднує модулі у фінальні файли (Vite, Webpack, Rollup).",[3815,3816],"hr",{},[3818,3819,3821],"h2",{"id":3820},"проблематика-динамічної-типізації-javascript","Проблематика динамічної типізації JavaScript",[3823,3824,3825,3826,3830],"p",{},"JavaScript був створений у 1995 році Бренданом Айком (",[3827,3828,3829],"em",{},"Brendan Eich",") за десять днів як мова сценаріїв для браузера Netscape Navigator. Його первинне призначення полягало у додаванні інтерактивності до статичних HTML-сторінок: валідація форм, анімації, обробка кліків. У той час ніхто не передбачав, що через два десятиліття JavaScript стане однією з найпопулярніших мов програмування у світі, на якій створюються складні серверні системи (Node.js), мобільні застосунки (React Native), настільні програми (Electron) та навіть вбудовані системи інтернету речей.",[3823,3832,3833,3834,3837,3838,3841,3842,3845,3846,3849],{},"Однією з ключових характеристик JavaScript є ",[3786,3835,3836],{},"динамічна типізація"," (",[3827,3839,3840],{},"dynamic typing","). Це означає, що тип змінної визначається автоматично під час виконання програми (",[3827,3843,3844],{},"runtime","), а не під час написання коду (",[3827,3847,3848],{},"compile time","). Розробник може присвоїти змінній значення будь-якого типу, а потім змінити тип цього значення у будь-який момент:",[3851,3852,3857],"pre",{"className":3853,"code":3854,"language":3855,"meta":3856,"style":3856},"language-javascript shiki shiki-themes light-plus dark-plus dark-plus","let data = \"Hello, World!\";  \u002F\u002F рядок (string)\nconsole.log(data.toUpperCase()); \u002F\u002F \"HELLO, WORLD!\"\n\ndata = 42; \u002F\u002F тепер число (number)\nconsole.log(data.toFixed(2)); \u002F\u002F \"42.00\"\n\ndata = { name: \"Alice\", age: 28 }; \u002F\u002F тепер об'єкт (object)\nconsole.log(data.name); \u002F\u002F \"Alice\"\n","javascript","",[3756,3858,3859,3887,3916,3923,3940,3969,3974,4003],{"__ignoreMap":3856},[3860,3861,3864,3868,3872,3876,3880,3883],"span",{"class":3862,"line":3863},"line",1,[3860,3865,3867],{"class":3866},"su1O8","let",[3860,3869,3871],{"class":3870},"siwwj"," data",[3860,3873,3875],{"class":3874},"sHH4Y"," = ",[3860,3877,3879],{"class":3878},"sbdoH","\"Hello, World!\"",[3860,3881,3882],{"class":3874},";  ",[3860,3884,3886],{"class":3885},"spJ8K","\u002F\u002F рядок (string)\n",[3860,3888,3890,3893,3895,3899,3902,3905,3907,3910,3913],{"class":3862,"line":3889},2,[3860,3891,3892],{"class":3870},"console",[3860,3894,3766],{"class":3874},[3860,3896,3898],{"class":3897},"s8Opu","log",[3860,3900,3901],{"class":3874},"(",[3860,3903,3904],{"class":3870},"data",[3860,3906,3766],{"class":3874},[3860,3908,3909],{"class":3897},"toUpperCase",[3860,3911,3912],{"class":3874},"()); ",[3860,3914,3915],{"class":3885},"\u002F\u002F \"HELLO, WORLD!\"\n",[3860,3917,3919],{"class":3862,"line":3918},3,[3860,3920,3922],{"emptyLinePlaceholder":3921},true,"\n",[3860,3924,3926,3928,3930,3934,3937],{"class":3862,"line":3925},4,[3860,3927,3904],{"class":3870},[3860,3929,3875],{"class":3874},[3860,3931,3933],{"class":3932},"sJj4R","42",[3860,3935,3936],{"class":3874},"; ",[3860,3938,3939],{"class":3885},"\u002F\u002F тепер число (number)\n",[3860,3941,3943,3945,3947,3949,3951,3953,3955,3958,3960,3963,3966],{"class":3862,"line":3942},5,[3860,3944,3892],{"class":3870},[3860,3946,3766],{"class":3874},[3860,3948,3898],{"class":3897},[3860,3950,3901],{"class":3874},[3860,3952,3904],{"class":3870},[3860,3954,3766],{"class":3874},[3860,3956,3957],{"class":3897},"toFixed",[3860,3959,3901],{"class":3874},[3860,3961,3962],{"class":3932},"2",[3860,3964,3965],{"class":3874},")); ",[3860,3967,3968],{"class":3885},"\u002F\u002F \"42.00\"\n",[3860,3970,3972],{"class":3862,"line":3971},6,[3860,3973,3922],{"emptyLinePlaceholder":3921},[3860,3975,3977,3979,3982,3985,3988,3991,3994,3997,4000],{"class":3862,"line":3976},7,[3860,3978,3904],{"class":3870},[3860,3980,3981],{"class":3874}," = { ",[3860,3983,3984],{"class":3870},"name:",[3860,3986,3987],{"class":3878}," \"Alice\"",[3860,3989,3990],{"class":3874},", ",[3860,3992,3993],{"class":3870},"age:",[3860,3995,3996],{"class":3932}," 28",[3860,3998,3999],{"class":3874}," }; ",[3860,4001,4002],{"class":3885},"\u002F\u002F тепер об'єкт (object)\n",[3860,4004,4006,4008,4010,4012,4014,4016,4018,4021,4024],{"class":3862,"line":4005},8,[3860,4007,3892],{"class":3870},[3860,4009,3766],{"class":3874},[3860,4011,3898],{"class":3897},[3860,4013,3901],{"class":3874},[3860,4015,3904],{"class":3870},[3860,4017,3766],{"class":3874},[3860,4019,4020],{"class":3870},"name",[3860,4022,4023],{"class":3874},"); ",[3860,4025,4026],{"class":3885},"\u002F\u002F \"Alice\"\n",[4028,4029,4031],"h3",{"id":4030},"переваги-динамічної-типізації","Переваги динамічної типізації",[3823,4033,4034],{},"Динамічна типізація має свої переваги, особливо на ранніх етапах розробки або для невеликих скриптів:",[3746,4036,4037,4043,4053],{},[3749,4038,4039,4042],{},[3786,4040,4041],{},"Швидкість прототипування:"," Не потрібно витрачати час на оголошення типів, можна швидко експериментувати з різними структурами даних.",[3749,4044,4045,4048,4049,4052],{},[3786,4046,4047],{},"Гнучкість коду:"," Функція може приймати аргументи різних типів та адаптувати поведінку залежно від переданого значення (",[3827,4050,4051],{},"duck typing",": «якщо щось крякає як качка і плаває як качка — це качка»).",[3749,4054,4055,4058],{},[3786,4056,4057],{},"Мінімалістичний синтаксис:"," Код виглядає стисло, без додаткових анотацій типів, що може підвищувати читабельність для простих випадків.",[4028,4060,4062],{"id":4061},"недоліки-динамічної-типізації-у-великих-проєктах","Недоліки динамічної типізації у великих проєктах",[3823,4064,4065],{},"Однак коли проєкт зростає у розмірах, коли над ним працює команда з десятків розробників, коли кодова база досягає сотень тисяч рядків, динамічна типізація перетворюється на джерело серйозних проблем:",[3823,4067,4068],{},[3786,4069,4070],{},"Проблема 1: Помилки типів виявляються лише під час виконання",[3823,4072,4073],{},"Уявімо функцію, що форматує дату публікації:",[3851,4075,4077],{"className":3853,"code":4076,"language":3855,"meta":3856,"style":3856},"function formatPublishDate(post) {\n  return post.publishedAt.toISOString();\n}\n\nconst article = { title: \"My Article\", author: \"Alice\" };\nconsole.log(formatPublishDate(article)); \n\u002F\u002F TypeError: Cannot read property 'toISOString' of undefined\n",[3756,4078,4079,4095,4117,4122,4126,4153,4174],{"__ignoreMap":3856},[3860,4080,4081,4084,4087,4089,4092],{"class":3862,"line":3863},[3860,4082,4083],{"class":3866},"function",[3860,4085,4086],{"class":3897}," formatPublishDate",[3860,4088,3901],{"class":3874},[3860,4090,4091],{"class":3870},"post",[3860,4093,4094],{"class":3874},") {\n",[3860,4096,4097,4101,4104,4106,4109,4111,4114],{"class":3862,"line":3889},[3860,4098,4100],{"class":4099},"s8xlr","  return",[3860,4102,4103],{"class":3870}," post",[3860,4105,3766],{"class":3874},[3860,4107,4108],{"class":3870},"publishedAt",[3860,4110,3766],{"class":3874},[3860,4112,4113],{"class":3897},"toISOString",[3860,4115,4116],{"class":3874},"();\n",[3860,4118,4119],{"class":3862,"line":3918},[3860,4120,4121],{"class":3874},"}\n",[3860,4123,4124],{"class":3862,"line":3925},[3860,4125,3922],{"emptyLinePlaceholder":3921},[3860,4127,4128,4131,4135,4137,4140,4143,4145,4148,4150],{"class":3862,"line":3942},[3860,4129,4130],{"class":3866},"const",[3860,4132,4134],{"class":4133},"s-QsJ"," article",[3860,4136,3981],{"class":3874},[3860,4138,4139],{"class":3870},"title:",[3860,4141,4142],{"class":3878}," \"My Article\"",[3860,4144,3990],{"class":3874},[3860,4146,4147],{"class":3870},"author:",[3860,4149,3987],{"class":3878},[3860,4151,4152],{"class":3874}," };\n",[3860,4154,4155,4157,4159,4161,4163,4166,4168,4171],{"class":3862,"line":3971},[3860,4156,3892],{"class":3870},[3860,4158,3766],{"class":3874},[3860,4160,3898],{"class":3897},[3860,4162,3901],{"class":3874},[3860,4164,4165],{"class":3897},"formatPublishDate",[3860,4167,3901],{"class":3874},[3860,4169,4170],{"class":3870},"article",[3860,4172,4173],{"class":3874},")); \n",[3860,4175,4176],{"class":3862,"line":3976},[3860,4177,4178],{"class":3885},"\u002F\u002F TypeError: Cannot read property 'toISOString' of undefined\n",[3823,4180,4181,4182,4184],{},"Ця помилка з'явиться лише тоді, коли функція буде викликана з об'єктом, що не має властивості ",[3756,4183,4108],{},". Якщо цей виклик знаходиться у рідко використовуваній гілці коду (наприклад, адміністративна панель, доступна лише певним користувачам), помилка може залишитися непоміченою тижнями або місяцями після розгортання у продакшен. Користувачі побачать білий екран або повідомлення про помилку, що негативно вплине на репутацію продукту.",[3823,4186,4187],{},[3786,4188,4189],{},"Проблема 2: Рефакторинг коду стає ризикованим",[3823,4191,4192,4193,4196,4197,4200,4201,4204,4205,4207,4208,4211],{},"Припустімо, ви перейменували властивість ",[3756,4194,4195],{},"author"," на ",[3756,4198,4199],{},"authorName"," у моделі статті. У великому проєкті можуть існувати десятки або сотні місць, де використовується ",[3756,4202,4203],{},"post.author",". Без статичної типізації неможливо автоматично знайти всі ці місця — IDE не знає, що ",[3756,4206,4091],{}," має бути об'єктом певної структури. Розробник змушений вручну шукати всі входження через текстовий пошук (",[3827,4209,4210],{},"Find in Files","), що призводить до пропущених місць та помилок:",[3851,4213,4215],{"className":3853,"code":4214,"language":3855,"meta":3856,"style":3856},"\u002F\u002F Файл 1: модель змінена\nconst post = { title: \"Article\", authorName: \"Alice\" };\n\n\u002F\u002F Файл 2: забули оновити (помилка!)\nfunction getAuthor(post) {\n  return post.author; \u002F\u002F undefined, але компілятор не попереджає\n}\n",[3756,4216,4217,4222,4244,4248,4253,4266,4281],{"__ignoreMap":3856},[3860,4218,4219],{"class":3862,"line":3863},[3860,4220,4221],{"class":3885},"\u002F\u002F Файл 1: модель змінена\n",[3860,4223,4224,4226,4228,4230,4232,4235,4237,4240,4242],{"class":3862,"line":3889},[3860,4225,4130],{"class":3866},[3860,4227,4103],{"class":4133},[3860,4229,3981],{"class":3874},[3860,4231,4139],{"class":3870},[3860,4233,4234],{"class":3878}," \"Article\"",[3860,4236,3990],{"class":3874},[3860,4238,4239],{"class":3870},"authorName:",[3860,4241,3987],{"class":3878},[3860,4243,4152],{"class":3874},[3860,4245,4246],{"class":3862,"line":3918},[3860,4247,3922],{"emptyLinePlaceholder":3921},[3860,4249,4250],{"class":3862,"line":3925},[3860,4251,4252],{"class":3885},"\u002F\u002F Файл 2: забули оновити (помилка!)\n",[3860,4254,4255,4257,4260,4262,4264],{"class":3862,"line":3942},[3860,4256,4083],{"class":3866},[3860,4258,4259],{"class":3897}," getAuthor",[3860,4261,3901],{"class":3874},[3860,4263,4091],{"class":3870},[3860,4265,4094],{"class":3874},[3860,4267,4268,4270,4272,4274,4276,4278],{"class":3862,"line":3971},[3860,4269,4100],{"class":4099},[3860,4271,4103],{"class":3870},[3860,4273,3766],{"class":3874},[3860,4275,4195],{"class":3870},[3860,4277,3936],{"class":3874},[3860,4279,4280],{"class":3885},"\u002F\u002F undefined, але компілятор не попереджає\n",[3860,4282,4283],{"class":3862,"line":3976},[3860,4284,4121],{"class":3874},[3823,4286,4287],{},[3786,4288,4289],{},"Проблема 3: Відсутність автодоповнення та інтелектуальних підказок",[3823,4291,4292,4293,4296,4297,4299],{},"Коли ви пишете ",[3756,4294,4295],{},"post."," у редакторі, IDE не може запропонувати список доступних властивостей, оскільки не знає структуру об'єкта ",[3756,4298,4091],{},". Розробник змушений або запам'ятовувати імена полів, або постійно звертатися до документації чи інших частин коду. Це сповільнює розробку та підвищує кількість помилок через друкарські помилки у назвах властивостей.",[3823,4301,4302],{},[3786,4303,4304],{},"Проблема 4: Неявні контракти між модулями",[3823,4306,4307,4308,4311,4312,4315,4316,4319],{},"Функція ",[3756,4309,4310],{},"calculateTotal(price, quantity, discount)"," не документує, які типи аргументів вона очікує. Чи ",[3756,4313,4314],{},"price"," має бути числом у копійках (ціле число) чи у гривнях (дробове число)? Чи ",[3756,4317,4318],{},"discount"," — це відсоток (0-100) чи коефіцієнт (0-1)? Без коментарів або зовнішньої документації це залишається загадкою, що призводить до некоректного використання функції:",[3851,4321,4323],{"className":3853,"code":4322,"language":3855,"meta":3856,"style":3856},"\u002F\u002F Розробник A думає, що discount у відсотках:\ncalculateTotal(100, 2, 10); \u002F\u002F очікує 10% знижки\n\n\u002F\u002F Розробник B думає, що discount — коефіцієнт:\ncalculateTotal(100, 2, 0.1); \u002F\u002F очікує 10% знижки\n\n\u002F\u002F Яка реалізація правильна? Невідомо без читання коду!\n",[3756,4324,4325,4330,4354,4358,4363,4384,4388],{"__ignoreMap":3856},[3860,4326,4327],{"class":3862,"line":3863},[3860,4328,4329],{"class":3885},"\u002F\u002F Розробник A думає, що discount у відсотках:\n",[3860,4331,4332,4335,4337,4340,4342,4344,4346,4349,4351],{"class":3862,"line":3889},[3860,4333,4334],{"class":3897},"calculateTotal",[3860,4336,3901],{"class":3874},[3860,4338,4339],{"class":3932},"100",[3860,4341,3990],{"class":3874},[3860,4343,3962],{"class":3932},[3860,4345,3990],{"class":3874},[3860,4347,4348],{"class":3932},"10",[3860,4350,4023],{"class":3874},[3860,4352,4353],{"class":3885},"\u002F\u002F очікує 10% знижки\n",[3860,4355,4356],{"class":3862,"line":3918},[3860,4357,3922],{"emptyLinePlaceholder":3921},[3860,4359,4360],{"class":3862,"line":3925},[3860,4361,4362],{"class":3885},"\u002F\u002F Розробник B думає, що discount — коефіцієнт:\n",[3860,4364,4365,4367,4369,4371,4373,4375,4377,4380,4382],{"class":3862,"line":3942},[3860,4366,4334],{"class":3897},[3860,4368,3901],{"class":3874},[3860,4370,4339],{"class":3932},[3860,4372,3990],{"class":3874},[3860,4374,3962],{"class":3932},[3860,4376,3990],{"class":3874},[3860,4378,4379],{"class":3932},"0.1",[3860,4381,4023],{"class":3874},[3860,4383,4353],{"class":3885},[3860,4385,4386],{"class":3862,"line":3971},[3860,4387,3922],{"emptyLinePlaceholder":3921},[3860,4389,4390],{"class":3862,"line":3976},[3860,4391,4392],{"class":3885},"\u002F\u002F Яка реалізація правильна? Невідомо без читання коду!\n",[4394,4395,4396,4397,4400],"note",{},"Згідно з дослідженням Microsoft, близько ",[3786,4398,4399],{},"15% помилок у JavaScript-проєктах"," є помилками типів, які могли б бути виявлені статичним аналізатором на етапі компіляції. У великих командних проєктах цей відсоток може сягати 25-30%, що перетворює відлагодження у болісний процес пошуку помилок, які могли бути запобігнуті.",[3815,4402],{},[3818,4404,4406],{"id":4405},"typescript-як-рішення-проблеми","TypeScript як рішення проблеми",[3823,4408,4409,4410,4412,4413,3837,4416,4419],{},"У 2012 році компанія Microsoft оголосила про розробку мови ",[3786,4411,2325],{}," — надмножини JavaScript, що додає статичну типізацію та інші можливості для підтримки великомасштабної розробки. Головний архітектор TypeScript, ",[3786,4414,4415],{},"Андерс Хейлсберг",[3827,4417,4418],{},"Anders Hejlsberg","), раніше працював над мовами Turbo Pascal, Delphi та C#, тому TypeScript увібрав багато ідей зі статично типізованих мов корпоративного класу.",[4028,4421,4423],{"id":4422},"typescript-як-надмножина-javascript","TypeScript як надмножина JavaScript",[3823,4425,4426,4427,3837,4430,4433,4434,4437,4438,4441,4442,4445],{},"Ключова філософія TypeScript полягає у тому, що це ",[3786,4428,4429],{},"надмножина",[3827,4431,4432],{},"superset",") JavaScript: ",[3786,4435,4436],{},"будь-який валідний JavaScript-код є валідним TypeScript-кодом",". Це означає, що ви можете взяти існуючий ",[3756,4439,4440],{},".js"," файл, перейменувати його у ",[3756,4443,4444],{},".ts",", і він миттєво стане TypeScript-файлом без жодних змін. Немає потреби переписувати весь код з нуля — TypeScript можна впроваджувати поступово, файл за файлом, додаючи типізацію там, де це найбільш критично.",[4447,4448,4449],"plant-uml",{"alt":4423},[3851,4450,4454],{"className":4451,"code":4452,"language":4453,"meta":3856,"style":3856},"language-plantuml shiki shiki-themes light-plus dark-plus dark-plus","@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\nrectangle \"TypeScript\" as TS #DBEAFE {\n    rectangle \"Анотації типів\\nІнтерфейси\\nЕнуми\\nУзагальнення\" as TSFeatures #93C5FD\n    \n    rectangle \"JavaScript\\n(ES3-ESNext)\" as JS #DCFCE7 {\n        note bottom\n        Весь валідний JS-код\n        є валідним TS-кодом\n        end note\n    }\n}\n\nTSFeatures -down-> JS : розширює\n\nnote right of TS\n  TypeScript = JavaScript\n  + статична типізація\n  + інструменти розробки\nend note\n@enduml\n","plantuml",[3756,4455,4456,4461,4466,4471,4475,4480,4485,4490,4495,4501,4507,4513,4519,4525,4530,4535,4541,4546,4552,4558,4564,4570,4576],{"__ignoreMap":3856},[3860,4457,4458],{"class":3862,"line":3863},[3860,4459,4460],{},"@startuml\n",[3860,4462,4463],{"class":3862,"line":3889},[3860,4464,4465],{},"skinparam style plain\n",[3860,4467,4468],{"class":3862,"line":3918},[3860,4469,4470],{},"skinparam backgroundColor #FFFFFF\n",[3860,4472,4473],{"class":3862,"line":3925},[3860,4474,3922],{"emptyLinePlaceholder":3921},[3860,4476,4477],{"class":3862,"line":3942},[3860,4478,4479],{},"rectangle \"TypeScript\" as TS #DBEAFE {\n",[3860,4481,4482],{"class":3862,"line":3971},[3860,4483,4484],{},"    rectangle \"Анотації типів\\nІнтерфейси\\nЕнуми\\nУзагальнення\" as TSFeatures #93C5FD\n",[3860,4486,4487],{"class":3862,"line":3976},[3860,4488,4489],{},"    \n",[3860,4491,4492],{"class":3862,"line":4005},[3860,4493,4494],{},"    rectangle \"JavaScript\\n(ES3-ESNext)\" as JS #DCFCE7 {\n",[3860,4496,4498],{"class":3862,"line":4497},9,[3860,4499,4500],{},"        note bottom\n",[3860,4502,4504],{"class":3862,"line":4503},10,[3860,4505,4506],{},"        Весь валідний JS-код\n",[3860,4508,4510],{"class":3862,"line":4509},11,[3860,4511,4512],{},"        є валідним TS-кодом\n",[3860,4514,4516],{"class":3862,"line":4515},12,[3860,4517,4518],{},"        end note\n",[3860,4520,4522],{"class":3862,"line":4521},13,[3860,4523,4524],{},"    }\n",[3860,4526,4528],{"class":3862,"line":4527},14,[3860,4529,4121],{},[3860,4531,4533],{"class":3862,"line":4532},15,[3860,4534,3922],{"emptyLinePlaceholder":3921},[3860,4536,4538],{"class":3862,"line":4537},16,[3860,4539,4540],{},"TSFeatures -down-> JS : розширює\n",[3860,4542,4544],{"class":3862,"line":4543},17,[3860,4545,3922],{"emptyLinePlaceholder":3921},[3860,4547,4549],{"class":3862,"line":4548},18,[3860,4550,4551],{},"note right of TS\n",[3860,4553,4555],{"class":3862,"line":4554},19,[3860,4556,4557],{},"  TypeScript = JavaScript\n",[3860,4559,4561],{"class":3862,"line":4560},20,[3860,4562,4563],{},"  + статична типізація\n",[3860,4565,4567],{"class":3862,"line":4566},21,[3860,4568,4569],{},"  + інструменти розробки\n",[3860,4571,4573],{"class":3862,"line":4572},22,[3860,4574,4575],{},"end note\n",[3860,4577,4579],{"class":3862,"line":4578},23,[3860,4580,4581],{},"@enduml\n",[3823,4583,4584],{},"TypeScript додає до JavaScript наступні можливості:",[3746,4586,4587,4593,4599,4605,4611,4627],{},[3749,4588,4589,4592],{},[3786,4590,4591],{},"Анотації типів:"," Явне оголошення типів змінних, параметрів функцій, значень повернення.",[3749,4594,4595,4598],{},[3786,4596,4597],{},"Інтерфейси та псевдоніми типів:"," Опис структури об'єктів, контрактів між модулями.",[3749,4600,4601,4604],{},[3786,4602,4603],{},"Узагальнені типи (Generics):"," Створення функцій та класів, що працюють з різними типами даних, зберігаючи типобезпеку.",[3749,4606,4607,4610],{},[3786,4608,4609],{},"Перерахування (Enums):"," Визначення іменованих констант для обмеження можливих значень.",[3749,4612,4613,4616,4617,3990,4620,3990,4623,4626],{},[3786,4614,4615],{},"Розширений об'єктно-орієнтований синтаксис:"," Модифікатори доступу (",[3756,4618,4619],{},"private",[3756,4621,4622],{},"protected",[3756,4624,4625],{},"public","), абстрактні класи.",[3749,4628,4629,4632],{},[3786,4630,4631],{},"Декоратори:"," Метапрограмування для модифікації класів, методів та властивостей.",[3823,4634,4635,4636,3837,4639,4642],{},"При цьому TypeScript не виконується безпосередньо — він ",[3786,4637,4638],{},"компілюється",[3827,4640,4641],{},"transpiles",") у звичайний JavaScript, що може працювати у будь-якому середовищі виконання (браузери, Node.js, Deno, Bun).",[4028,4644,4646],{"id":4645},"переваги-статичної-типізації","Переваги статичної типізації",[3823,4648,4649],{},"Статична типізація TypeScript надає численні переваги, що кардинально змінюють досвід розробки:",[3823,4651,4652],{},[3786,4653,4654],{},"1. Раннє виявлення помилок",[3823,4656,4657,4658,4661,4662,4665],{},"Компілятор TypeScript аналізує код та повідомляє про типові невідповідності ",[3786,4659,4660],{},"до запуску програми",". Якщо ви спробуєте викликати метод на значенні ",[3756,4663,4664],{},"undefined"," або передати рядок туди, де очікується число, компілятор видасть помилку на етапі написання коду:",[3851,4667,4671],{"className":4668,"code":4669,"language":4670,"meta":3856,"style":3856},"language-typescript shiki shiki-themes light-plus dark-plus dark-plus","type Post = {\n  id: string;\n  title: string;\n  publishedAt: Date;\n};\n\nfunction formatPublishDate(post: Post): string {\n  return post.publishedAt.toISOString();\n}\n\nconst article = { title: \"My Article\", author: \"Alice\" };\nformatPublishDate(article); \n\u002F\u002F Error: Argument of type '{ title: string; author: string; }' \n\u002F\u002F is not assignable to parameter of type 'Post'.\n\u002F\u002F Property 'id' is missing.\n","typescript",[3756,4672,4673,4685,4699,4710,4722,4727,4731,4754,4770,4774,4778,4798,4809,4814,4819],{"__ignoreMap":3856},[3860,4674,4675,4678,4682],{"class":3862,"line":3863},[3860,4676,4677],{"class":3866},"type",[3860,4679,4681],{"class":4680},"sN1BT"," Post",[3860,4683,4684],{"class":3874}," = {\n",[3860,4686,4687,4690,4693,4696],{"class":3862,"line":3889},[3860,4688,4689],{"class":3870},"  id",[3860,4691,4692],{"class":3874},": ",[3860,4694,4695],{"class":4680},"string",[3860,4697,4698],{"class":3874},";\n",[3860,4700,4701,4704,4706,4708],{"class":3862,"line":3918},[3860,4702,4703],{"class":3870},"  title",[3860,4705,4692],{"class":3874},[3860,4707,4695],{"class":4680},[3860,4709,4698],{"class":3874},[3860,4711,4712,4715,4717,4720],{"class":3862,"line":3925},[3860,4713,4714],{"class":3870},"  publishedAt",[3860,4716,4692],{"class":3874},[3860,4718,4719],{"class":4680},"Date",[3860,4721,4698],{"class":3874},[3860,4723,4724],{"class":3862,"line":3942},[3860,4725,4726],{"class":3874},"};\n",[3860,4728,4729],{"class":3862,"line":3971},[3860,4730,3922],{"emptyLinePlaceholder":3921},[3860,4732,4733,4735,4737,4739,4741,4743,4746,4749,4751],{"class":3862,"line":3976},[3860,4734,4083],{"class":3866},[3860,4736,4086],{"class":3897},[3860,4738,3901],{"class":3874},[3860,4740,4091],{"class":3870},[3860,4742,4692],{"class":3874},[3860,4744,4745],{"class":4680},"Post",[3860,4747,4748],{"class":3874},"): ",[3860,4750,4695],{"class":4680},[3860,4752,4753],{"class":3874}," {\n",[3860,4755,4756,4758,4760,4762,4764,4766,4768],{"class":3862,"line":4005},[3860,4757,4100],{"class":4099},[3860,4759,4103],{"class":3870},[3860,4761,3766],{"class":3874},[3860,4763,4108],{"class":3870},[3860,4765,3766],{"class":3874},[3860,4767,4113],{"class":3897},[3860,4769,4116],{"class":3874},[3860,4771,4772],{"class":3862,"line":4497},[3860,4773,4121],{"class":3874},[3860,4775,4776],{"class":3862,"line":4503},[3860,4777,3922],{"emptyLinePlaceholder":3921},[3860,4779,4780,4782,4784,4786,4788,4790,4792,4794,4796],{"class":3862,"line":4509},[3860,4781,4130],{"class":3866},[3860,4783,4134],{"class":4133},[3860,4785,3981],{"class":3874},[3860,4787,4139],{"class":3870},[3860,4789,4142],{"class":3878},[3860,4791,3990],{"class":3874},[3860,4793,4147],{"class":3870},[3860,4795,3987],{"class":3878},[3860,4797,4152],{"class":3874},[3860,4799,4800,4802,4804,4806],{"class":3862,"line":4515},[3860,4801,4165],{"class":3897},[3860,4803,3901],{"class":3874},[3860,4805,4170],{"class":3870},[3860,4807,4808],{"class":3874},"); \n",[3860,4810,4811],{"class":3862,"line":4521},[3860,4812,4813],{"class":3885},"\u002F\u002F Error: Argument of type '{ title: string; author: string; }' \n",[3860,4815,4816],{"class":3862,"line":4527},[3860,4817,4818],{"class":3885},"\u002F\u002F is not assignable to parameter of type 'Post'.\n",[3860,4820,4821],{"class":3862,"line":4532},[3860,4822,4823],{"class":3885},"\u002F\u002F Property 'id' is missing.\n",[3823,4825,4826,4827,4830],{},"Помилка виявлена у редакторі ",[3786,4828,4829],{},"до запуску коду",". Не потрібно чекати, поки користувач натрапить на цю помилку у продакшені.",[3823,4832,4833],{},[3786,4834,4835],{},"2. Автодоповнення та навігація у коді",[3823,4837,4838,4839,4841,4842,3990,4845,3990,4848,4850],{},"Редактори коду (Visual Studio Code, WebStorm, Sublime Text з плагінами) використовують інформацію про типи для надання інтелектуальних підказок. Коли ви пишете ",[3756,4840,4295],{},", IDE миттєво показує список доступних властивостей (",[3756,4843,4844],{},"id",[3756,4846,4847],{},"title",[3756,4849,4108],{},") та їхні типи. Натискання Ctrl+клік (Cmd+клік на macOS) на ім'я функції переносить вас до її оголошення:",[3823,4852,4853],{},[4854,4855],"img",{"alt":4856,"className":4857,"src":4859},"Автодоповнення TypeScript у VS Code",[4858],"screenshot","\u002Fimages\u002Fweb-development\u002Ftypescript-type-system\u002Fautocomplete-example.png",[3823,4861,4862],{},[3786,4863,4864],{},"3. Безпечний рефакторинг",[3823,4866,4867],{},"Перейменування властивості через команду \"Rename Symbol\" у VS Code автоматично оновлює всі використання цієї властивості у всьому проєкті. Компілятор TypeScript гарантує, що жодне місце не буде пропущено. Якщо ви видалите параметр функції, компілятор покаже помилки у всіх місцях виклику цієї функції, де ще передається старий параметр.",[3823,4869,4870],{},[3786,4871,4872],{},"4. Самодокументований код",[3823,4874,4875,4876,4879,4880,4883],{},"Сигнатура функції ",[3756,4877,4878],{},"calculateTotal(price: number, quantity: number, discount: number): number"," чітко вказує, які аргументи приймає функція (всі числа) та що вона повертає (число). Немає потреби шукати документацію або досліджувати тіло функції, щоб зрозуміти її контракт. Типи є ",[3786,4881,4882],{},"вбудованою документацією",", що завжди актуальна (на відміну від коментарів, які часто застарівають).",[3823,4885,4886],{},[3786,4887,4888],{},"5. Полегшення командної розробки",[3823,4890,4891,4892,4895,4896,4898],{},"Коли над проєктом працює кілька розробників, типізація діє як ",[3786,4893,4894],{},"формальна специфікація"," інтерфейсів між модулями. Розробник, що працює над модулем оплати, може покладатися на те, що модуль користувачів надає об'єкт певної структури з гарантованими полями, і компілятор забезпечить дотримання цього контракту. Немає «сюрпризів» у вигляді неочікуваних ",[3756,4897,4664],{}," чи некоректних типів даних.",[4900,4901,4902,4903,4906,4907,4910],"warning",{},"Поширена помилка полягає у думці, що TypeScript «сповільнює розробку» через необхідність писати анотації типів. Насправді ця початкова інвестиція часу багаторазово окупається зменшенням часу на відлагодження, рефакторинг та онбординг нових членів команди. За оцінками Airbnb, впровадження TypeScript у їхній кодовій базі ",[3786,4904,4905],{},"скоротило кількість продакшн-помилок на 38%"," та ",[3786,4908,4909],{},"прискорило розробку нових функцій на 15%"," завдяки покращеній підтримці IDE та впевненості розробників у коректності коду.",[4028,4912,4914],{"id":4913},"історичний-контекст-чому-typescript-зявився-саме-у-2012-році","Історичний контекст: чому TypeScript з'явився саме у 2012 році",[3823,4916,4917,4918,4921,4922,4925],{},"До 2012 року JavaScript активно використовувався для створення складних веб-застосунків (Gmail, Google Maps, Facebook), але розробники стикалися з критичними проблемами масштабування. Google створив власну мову ",[3786,4919,4920],{},"Dart"," (2011), що мала статичну типізацію та компілювалася у JavaScript. Facebook розробляв ",[3786,4923,4924],{},"Flow"," — статичний аналізатор типів для JavaScript. Microsoft, маючи досвід створення корпоративних мов (C#, Visual Basic), бачив можливість створити рішення, що поєднує сумісність з JavaScript та потужність статичної типізації.",[3823,4927,4928,4929,3837,4932,4935],{},"Ключовою відмінністю TypeScript від конкурентів стала ",[3786,4930,4931],{},"поступова типізація",[3827,4933,4934],{},"gradual typing","): можна починати з чистого JavaScript та додавати типи поступово, файл за файлом. Це зробило міграцію існуючих проєктів практичною — не потрібно переписувати мільйони рядків коду за одну ніч.",[3823,4937,4938],{},"Сьогодні TypeScript використовують:",[3746,4940,4941,4947,4953],{},[3749,4942,4943,4946],{},[3786,4944,4945],{},"Великі технологічні компанії:"," Microsoft (весь VS Code написаний на TS), Google (Angular повністю на TS), Airbnb, Slack, Shopify.",[3749,4948,4949,4952],{},[3786,4950,4951],{},"Популярні фреймворки:"," Angular (обов'язковий TS), Vue 3 (написаний на TS), NestJS (Node.js фреймворк).",[3749,4954,4955,4958],{},[3786,4956,4957],{},"Опенсорс-проєкти:"," Redux Toolkit, RxJS, TypeORM, Prisma.",[3823,4960,4961,4962,4965],{},"За даними State of JS 2023, ",[3786,4963,4964],{},"78% JavaScript-розробників"," використовують TypeScript у своїх проєктах, і лише 9% планують від нього відмовитися. TypeScript став де-факто стандартом для серйозної веброзробки.",[3815,4967],{},[3818,4969,4971],{"id":4970},"чому-typescript-потребує-компіляції","Чому TypeScript потребує компіляції",[3823,4973,4974,4975,4978],{},"JavaScript є ",[3786,4976,4977],{},"інтерпретованою мовою",": браузери та середовище Node.js виконують JavaScript-код безпосередньо, рядок за рядком, без попереднього перетворення. TypeScript, навпаки, не може бути виконаний безпосередньо — жоден рушій JavaScript (V8 у Chrome\u002FNode.js, SpiderMonkey у Firefox, JavaScriptCore у Safari) не розуміє синтаксису TypeScript.",[3823,4980,4981,4982,3837,4985,4987,4988,3990,4991,3990,4994,3990,4997,5000],{},"TypeScript є ",[3786,4983,4984],{},"надбудовою",[3827,4986,4432],{},") JavaScript: будь-який валідний JavaScript-код є валідним TypeScript-кодом, але TypeScript додає додаткові конструкції — ",[3786,4989,4990],{},"анотації типів",[3786,4992,4993],{},"інтерфейси",[3786,4995,4996],{},"енуми",[3786,4998,4999],{},"узагальнення"," тощо. Ці конструкції існують лише на етапі розробки для перевірки коректності коду. Перед виконанням вони мають бути видалені, а сам код — перетворений на чистий JavaScript.",[3823,5002,5003,5004,5007,5008,5011,5012,5015,5016,3837,5018,5020],{},"Процес перетворення TypeScript у JavaScript називається ",[3786,5005,5006],{},"компіляцією"," (або точніше — ",[3786,5009,5010],{},"транспіляцією",", оскільки обидві мови знаходяться на схожому рівні абстракції). Цей процес виконує ",[3786,5013,5014],{},"TypeScript Compiler"," — програма ",[3756,5017,3758],{},[3827,5019,5014],{},").",[4447,5022,5024],{"alt":5023},"Процес компіляції TypeScript",[3851,5025,5027],{"className":4451,"code":5026,"language":4453,"meta":3856,"style":3856},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\nskinparam componentStyle rectangle\n\nrectangle \"Вихідний TypeScript\\n(example.ts)\" as TS #DBEAFE {\n    note bottom\n    let message: string = \"Hello\";\n    function greet(name: string): string {\n      return `Hello, ${name}!`;\n    }\n    end note\n}\n\nrectangle \"TypeScript Compiler\\n(tsc)\" as TSC #FCD34D {\n    note bottom\n    1. Парсинг коду\n    2. Перевірка типів\n    3. Видалення анотацій\n    4. Трансформація синтаксису\n    end note\n}\n\nrectangle \"Згенерований JavaScript\\n(example.js)\" as JS #DCFCE7 {\n    note bottom\n    var message = \"Hello\";\n    function greet(name) {\n      return \"Hello, \" + name + \"!\";\n    }\n    end note\n}\n\nrectangle \"Виконання\\n(Node.js \u002F Browser)\" as Runtime #E2E8F0\n\nTS -right-> TSC : npx tsc example.ts\nTSC -right-> JS : генерація\nJS -right-> Runtime : node example.js\n\nnote bottom of Runtime\n  TypeScript зникає повністю —\n  виконується чистий JavaScript\nend note\n@enduml\n",[3756,5028,5029,5033,5037,5041,5046,5050,5055,5060,5065,5070,5075,5079,5084,5088,5092,5097,5101,5106,5111,5116,5121,5125,5129,5133,5139,5144,5150,5156,5162,5167,5172,5177,5182,5188,5193,5199,5205,5211,5216,5222,5228,5234,5239],{"__ignoreMap":3856},[3860,5030,5031],{"class":3862,"line":3863},[3860,5032,4460],{},[3860,5034,5035],{"class":3862,"line":3889},[3860,5036,4465],{},[3860,5038,5039],{"class":3862,"line":3918},[3860,5040,4470],{},[3860,5042,5043],{"class":3862,"line":3925},[3860,5044,5045],{},"skinparam componentStyle rectangle\n",[3860,5047,5048],{"class":3862,"line":3942},[3860,5049,3922],{"emptyLinePlaceholder":3921},[3860,5051,5052],{"class":3862,"line":3971},[3860,5053,5054],{},"rectangle \"Вихідний TypeScript\\n(example.ts)\" as TS #DBEAFE {\n",[3860,5056,5057],{"class":3862,"line":3976},[3860,5058,5059],{},"    note bottom\n",[3860,5061,5062],{"class":3862,"line":4005},[3860,5063,5064],{},"    let message: string = \"Hello\";\n",[3860,5066,5067],{"class":3862,"line":4497},[3860,5068,5069],{},"    function greet(name: string): string {\n",[3860,5071,5072],{"class":3862,"line":4503},[3860,5073,5074],{},"      return `Hello, ${name}!`;\n",[3860,5076,5077],{"class":3862,"line":4509},[3860,5078,4524],{},[3860,5080,5081],{"class":3862,"line":4515},[3860,5082,5083],{},"    end note\n",[3860,5085,5086],{"class":3862,"line":4521},[3860,5087,4121],{},[3860,5089,5090],{"class":3862,"line":4527},[3860,5091,3922],{"emptyLinePlaceholder":3921},[3860,5093,5094],{"class":3862,"line":4532},[3860,5095,5096],{},"rectangle \"TypeScript Compiler\\n(tsc)\" as TSC #FCD34D {\n",[3860,5098,5099],{"class":3862,"line":4537},[3860,5100,5059],{},[3860,5102,5103],{"class":3862,"line":4543},[3860,5104,5105],{},"    1. Парсинг коду\n",[3860,5107,5108],{"class":3862,"line":4548},[3860,5109,5110],{},"    2. Перевірка типів\n",[3860,5112,5113],{"class":3862,"line":4554},[3860,5114,5115],{},"    3. Видалення анотацій\n",[3860,5117,5118],{"class":3862,"line":4560},[3860,5119,5120],{},"    4. Трансформація синтаксису\n",[3860,5122,5123],{"class":3862,"line":4566},[3860,5124,5083],{},[3860,5126,5127],{"class":3862,"line":4572},[3860,5128,4121],{},[3860,5130,5131],{"class":3862,"line":4578},[3860,5132,3922],{"emptyLinePlaceholder":3921},[3860,5134,5136],{"class":3862,"line":5135},24,[3860,5137,5138],{},"rectangle \"Згенерований JavaScript\\n(example.js)\" as JS #DCFCE7 {\n",[3860,5140,5142],{"class":3862,"line":5141},25,[3860,5143,5059],{},[3860,5145,5147],{"class":3862,"line":5146},26,[3860,5148,5149],{},"    var message = \"Hello\";\n",[3860,5151,5153],{"class":3862,"line":5152},27,[3860,5154,5155],{},"    function greet(name) {\n",[3860,5157,5159],{"class":3862,"line":5158},28,[3860,5160,5161],{},"      return \"Hello, \" + name + \"!\";\n",[3860,5163,5165],{"class":3862,"line":5164},29,[3860,5166,4524],{},[3860,5168,5170],{"class":3862,"line":5169},30,[3860,5171,5083],{},[3860,5173,5175],{"class":3862,"line":5174},31,[3860,5176,4121],{},[3860,5178,5180],{"class":3862,"line":5179},32,[3860,5181,3922],{"emptyLinePlaceholder":3921},[3860,5183,5185],{"class":3862,"line":5184},33,[3860,5186,5187],{},"rectangle \"Виконання\\n(Node.js \u002F Browser)\" as Runtime #E2E8F0\n",[3860,5189,5191],{"class":3862,"line":5190},34,[3860,5192,3922],{"emptyLinePlaceholder":3921},[3860,5194,5196],{"class":3862,"line":5195},35,[3860,5197,5198],{},"TS -right-> TSC : npx tsc example.ts\n",[3860,5200,5202],{"class":3862,"line":5201},36,[3860,5203,5204],{},"TSC -right-> JS : генерація\n",[3860,5206,5208],{"class":3862,"line":5207},37,[3860,5209,5210],{},"JS -right-> Runtime : node example.js\n",[3860,5212,5214],{"class":3862,"line":5213},38,[3860,5215,3922],{"emptyLinePlaceholder":3921},[3860,5217,5219],{"class":3862,"line":5218},39,[3860,5220,5221],{},"note bottom of Runtime\n",[3860,5223,5225],{"class":3862,"line":5224},40,[3860,5226,5227],{},"  TypeScript зникає повністю —\n",[3860,5229,5231],{"class":3862,"line":5230},41,[3860,5232,5233],{},"  виконується чистий JavaScript\n",[3860,5235,5237],{"class":3862,"line":5236},42,[3860,5238,4575],{},[3860,5240,5242],{"class":3862,"line":5241},43,[3860,5243,4581],{},[4394,5245,5246],{},"TypeScript не додає жодних runtime-бібліотек чи залежностей до згенерованого коду (на відміну від Babel з полі-філами). Результатом компіляції завжди є чистий JavaScript, який може виконуватися у будь-якому середовищі без додаткових залежностей.",[3815,5248],{},[3818,5250,5252],{"id":5251},"встановлення-typescript-compiler","Встановлення TypeScript Compiler",[3823,5254,5255],{},"Перед початком роботи необхідно встановити Node.js (версія LTS, наприклад 20.x) та менеджер пакетів npm. Перевірте встановлення:",[3851,5257,5261],{"className":5258,"code":5259,"language":5260,"meta":3856,"style":3856},"language-bash shiki shiki-themes light-plus dark-plus dark-plus","node --version   # v20.11.0\nnpm --version    # 10.4.0\n","bash",[3756,5262,5263,5274],{"__ignoreMap":3856},[3860,5264,5265,5268,5271],{"class":3862,"line":3863},[3860,5266,5267],{"class":3897},"node",[3860,5269,5270],{"class":3866}," --version",[3860,5272,5273],{"class":3885},"   # v20.11.0\n",[3860,5275,5276,5279,5281],{"class":3862,"line":3889},[3860,5277,5278],{"class":3897},"npm",[3860,5280,5270],{"class":3866},[3860,5282,5283],{"class":3885},"    # 10.4.0\n",[3823,5285,5286],{},"Створіть новий каталог для експериментів та ініціалізуйте npm-проєкт:",[3851,5288,5290],{"className":5258,"code":5289,"language":5260,"meta":3856,"style":3856},"mkdir typescript-basics\ncd typescript-basics\nnpm init -y\n",[3756,5291,5292,5300,5307],{"__ignoreMap":3856},[3860,5293,5294,5297],{"class":3862,"line":3863},[3860,5295,5296],{"class":3897},"mkdir",[3860,5298,5299],{"class":3878}," typescript-basics\n",[3860,5301,5302,5305],{"class":3862,"line":3889},[3860,5303,5304],{"class":3897},"cd",[3860,5306,5299],{"class":3878},[3860,5308,5309,5311,5314],{"class":3862,"line":3918},[3860,5310,5278],{"class":3897},[3860,5312,5313],{"class":3878}," init",[3860,5315,5316],{"class":3866}," -y\n",[3823,5318,5319],{},"Встановіть TypeScript як залежність розробки:",[5321,5322,5323,5344,5364],"tabs",{},[5324,5325,5326],"tabs-item",{"label":5278},[3851,5327,5329],{"className":5258,"code":5328,"language":5260,"meta":3856,"style":3856},"npm install --save-dev typescript\n",[3756,5330,5331],{"__ignoreMap":3856},[3860,5332,5333,5335,5338,5341],{"class":3862,"line":3863},[3860,5334,5278],{"class":3897},[3860,5336,5337],{"class":3878}," install",[3860,5339,5340],{"class":3866}," --save-dev",[3860,5342,5343],{"class":3878}," typescript\n",[5324,5345,5347],{"label":5346},"yarn",[3851,5348,5350],{"className":5258,"code":5349,"language":5260,"meta":3856,"style":3856},"yarn add --dev typescript\n",[3756,5351,5352],{"__ignoreMap":3856},[3860,5353,5354,5356,5359,5362],{"class":3862,"line":3863},[3860,5355,5346],{"class":3897},[3860,5357,5358],{"class":3878}," add",[3860,5360,5361],{"class":3866}," --dev",[3860,5363,5343],{"class":3878},[5324,5365,5367],{"label":5366},"pnpm",[3851,5368,5370],{"className":5258,"code":5369,"language":5260,"meta":3856,"style":3856},"pnpm add -D typescript\n",[3756,5371,5372],{"__ignoreMap":3856},[3860,5373,5374,5376,5378,5381],{"class":3862,"line":3863},[3860,5375,5366],{"class":3897},[3860,5377,5358],{"class":3878},[3860,5379,5380],{"class":3866}," -D",[3860,5382,5343],{"class":3878},[3823,5384,5385],{},"Перевірте встановлення компілятора:",[3851,5387,5389],{"className":5258,"code":5388,"language":5260,"meta":3856,"style":3856},"npx tsc --version\n",[3756,5390,5391],{"__ignoreMap":3856},[3860,5392,5393,5396,5399],{"class":3862,"line":3863},[3860,5394,5395],{"class":3897},"npx",[3860,5397,5398],{"class":3878}," tsc",[3860,5400,5401],{"class":3866}," --version\n",[5403,5404,5407,5421],"terminal-preview",{":cursor":5405,"title":5406},"false","npx tsc --version",[5408,5409,5411,5416,5417],"div",{"className":5410},[3862],[3860,5412,5415],{"className":5413},[5414],"opacity-40","$"," ",[3786,5418,5406],{"className":5419},[5420],"font-bold",[5408,5422,5424],{"className":5423},[3862],[3860,5425,5428],{"className":5426},[5427],"text-green-400","Version 5.3.3",[3823,5430,5431,5432,5434,5435,5438],{},"Команда ",[3756,5433,5395],{}," запускає локально встановлений виконуваний файл з ",[3756,5436,5437],{},"node_modules\u002F.bin\u002F",", що дозволяє уникнути глобального встановлення.",[3815,5440],{},[3818,5442,5444],{"id":5443},"перша-компіляція-робота-з-tsc-через-cli","Перша компіляція: робота з tsc через CLI",[3823,5446,5447],{},"Створимо найпростіший TypeScript-файл та скомпілюємо його вручну через командний рядок.",[4028,5449,5451],{"id":5450},"приклад-1-базова-компіляція","Приклад 1: Базова компіляція",[3823,5453,5454,5455,5458],{},"Створіть файл ",[3756,5456,5457],{},"hello.ts",":",[3851,5460,5462],{"className":4668,"code":5461,"language":4670,"meta":3856,"style":3856},"let message: string = \"Hello, TypeScript!\";\nconsole.log(message.toUpperCase());\n",[3756,5463,5464,5482],{"__ignoreMap":3856},[3860,5465,5466,5468,5471,5473,5475,5477,5480],{"class":3862,"line":3863},[3860,5467,3867],{"class":3866},[3860,5469,5470],{"class":3870}," message",[3860,5472,4692],{"class":3874},[3860,5474,4695],{"class":4680},[3860,5476,3875],{"class":3874},[3860,5478,5479],{"class":3878},"\"Hello, TypeScript!\"",[3860,5481,4698],{"class":3874},[3860,5483,5484,5486,5488,5490,5492,5495,5497,5499],{"class":3862,"line":3889},[3860,5485,3892],{"class":3870},[3860,5487,3766],{"class":3874},[3860,5489,3898],{"class":3897},[3860,5491,3901],{"class":3874},[3860,5493,5494],{"class":3870},"message",[3860,5496,3766],{"class":3874},[3860,5498,3909],{"class":3897},[3860,5500,5501],{"class":3874},"());\n",[3823,5503,5504],{},"Скомпілюйте файл командою:",[3851,5506,5508],{"className":5258,"code":5507,"language":5260,"meta":3856,"style":3856},"npx tsc hello.ts\n",[3756,5509,5510],{"__ignoreMap":3856},[3860,5511,5512,5514,5516],{"class":3862,"line":3863},[3860,5513,5395],{"class":3897},[3860,5515,5398],{"class":3878},[3860,5517,5518],{"class":3878}," hello.ts\n",[3823,5520,5521,5522,5525],{},"Компілятор створить файл ",[3756,5523,5524],{},"hello.js"," у тому ж каталозі:",[3851,5527,5529],{"className":3853,"code":5528,"language":3855,"meta":3856,"style":3856},"var message = \"Hello, TypeScript!\";\nconsole.log(message.toUpperCase());\n",[3756,5530,5531,5544],{"__ignoreMap":3856},[3860,5532,5533,5536,5538,5540,5542],{"class":3862,"line":3863},[3860,5534,5535],{"class":3866},"var",[3860,5537,5470],{"class":3870},[3860,5539,3875],{"class":3874},[3860,5541,5479],{"class":3878},[3860,5543,4698],{"class":3874},[3860,5545,5546,5548,5550,5552,5554,5556,5558,5560],{"class":3862,"line":3889},[3860,5547,3892],{"class":3870},[3860,5549,3766],{"class":3874},[3860,5551,3898],{"class":3897},[3860,5553,3901],{"class":3874},[3860,5555,5494],{"class":3870},[3860,5557,3766],{"class":3874},[3860,5559,3909],{"class":3897},[3860,5561,5501],{"class":3874},[3823,5563,5564],{},"Зверніть увагу на зміни:",[5566,5567,5568,5578],"ol",{},[3749,5569,5570,5577],{},[3786,5571,5572,5573,5576],{},"Анотація типу ",[3756,5574,5575],{},": string"," видалена"," — JavaScript не знає про типи.",[3749,5579,5580,5587],{},[3786,5581,5582,5584,5585],{},[3756,5583,3867],{}," замінено на ",[3756,5586,5535],{}," — за замовчуванням tsc компілює у ES3\u002FES5 для максимальної сумісності.",[3823,5589,5590],{},"Запустіть згенерований JavaScript:",[3851,5592,5594],{"className":5258,"code":5593,"language":5260,"meta":3856,"style":3856},"node hello.js\n",[3756,5595,5596],{"__ignoreMap":3856},[3860,5597,5598,5600],{"class":3862,"line":3863},[3860,5599,5267],{"class":3897},[3860,5601,5602],{"class":3878}," hello.js\n",[5403,5604,5606,5615],{":cursor":5405,"title":5605},"node hello.js",[5408,5607,5609,5416,5612],{"className":5608},[3862],[3860,5610,5415],{"className":5611},[5414],[3786,5613,5605],{"className":5614},[5420],[5408,5616,5618],{"className":5617},[3862],"HELLO, TYPESCRIPT!",[4028,5620,5622],{"id":5621},"приклад-2-функції-з-типізацією","Приклад 2: Функції з типізацією",[3823,5624,5454,5625,5458],{},[3756,5626,5627],{},"math.ts",[3851,5629,5631],{"className":4668,"code":5630,"language":4670,"meta":3856,"style":3856},"function add(a: number, b: number): number {\n  return a + b;\n}\n\nfunction multiply(x: number, y: number): number {\n  return x * y;\n}\n\nlet result: number = add(5, 3);\nconsole.log(`5 + 3 = ${result}`);\nconsole.log(`5 * 3 = ${multiply(5, 3)}`);\n",[3756,5632,5633,5664,5678,5682,5686,5717,5731,5735,5739,5768,5795],{"__ignoreMap":3856},[3860,5634,5635,5637,5639,5641,5644,5646,5649,5651,5654,5656,5658,5660,5662],{"class":3862,"line":3863},[3860,5636,4083],{"class":3866},[3860,5638,5358],{"class":3897},[3860,5640,3901],{"class":3874},[3860,5642,5643],{"class":3870},"a",[3860,5645,4692],{"class":3874},[3860,5647,5648],{"class":4680},"number",[3860,5650,3990],{"class":3874},[3860,5652,5653],{"class":3870},"b",[3860,5655,4692],{"class":3874},[3860,5657,5648],{"class":4680},[3860,5659,4748],{"class":3874},[3860,5661,5648],{"class":4680},[3860,5663,4753],{"class":3874},[3860,5665,5666,5668,5671,5674,5676],{"class":3862,"line":3889},[3860,5667,4100],{"class":4099},[3860,5669,5670],{"class":3870}," a",[3860,5672,5673],{"class":3874}," + ",[3860,5675,5653],{"class":3870},[3860,5677,4698],{"class":3874},[3860,5679,5680],{"class":3862,"line":3918},[3860,5681,4121],{"class":3874},[3860,5683,5684],{"class":3862,"line":3925},[3860,5685,3922],{"emptyLinePlaceholder":3921},[3860,5687,5688,5690,5693,5695,5698,5700,5702,5704,5707,5709,5711,5713,5715],{"class":3862,"line":3942},[3860,5689,4083],{"class":3866},[3860,5691,5692],{"class":3897}," multiply",[3860,5694,3901],{"class":3874},[3860,5696,5697],{"class":3870},"x",[3860,5699,4692],{"class":3874},[3860,5701,5648],{"class":4680},[3860,5703,3990],{"class":3874},[3860,5705,5706],{"class":3870},"y",[3860,5708,4692],{"class":3874},[3860,5710,5648],{"class":4680},[3860,5712,4748],{"class":3874},[3860,5714,5648],{"class":4680},[3860,5716,4753],{"class":3874},[3860,5718,5719,5721,5724,5727,5729],{"class":3862,"line":3971},[3860,5720,4100],{"class":4099},[3860,5722,5723],{"class":3870}," x",[3860,5725,5726],{"class":3874}," * ",[3860,5728,5706],{"class":3870},[3860,5730,4698],{"class":3874},[3860,5732,5733],{"class":3862,"line":3976},[3860,5734,4121],{"class":3874},[3860,5736,5737],{"class":3862,"line":4005},[3860,5738,3922],{"emptyLinePlaceholder":3921},[3860,5740,5741,5743,5746,5748,5750,5752,5755,5757,5760,5762,5765],{"class":3862,"line":4497},[3860,5742,3867],{"class":3866},[3860,5744,5745],{"class":3870}," result",[3860,5747,4692],{"class":3874},[3860,5749,5648],{"class":4680},[3860,5751,3875],{"class":3874},[3860,5753,5754],{"class":3897},"add",[3860,5756,3901],{"class":3874},[3860,5758,5759],{"class":3932},"5",[3860,5761,3990],{"class":3874},[3860,5763,5764],{"class":3932},"3",[3860,5766,5767],{"class":3874},");\n",[3860,5769,5770,5772,5774,5776,5778,5781,5784,5787,5790,5793],{"class":3862,"line":4503},[3860,5771,3892],{"class":3870},[3860,5773,3766],{"class":3874},[3860,5775,3898],{"class":3897},[3860,5777,3901],{"class":3874},[3860,5779,5780],{"class":3878},"`5 + 3 = ",[3860,5782,5783],{"class":3866},"${",[3860,5785,5786],{"class":3870},"result",[3860,5788,5789],{"class":3866},"}",[3860,5791,5792],{"class":3878},"`",[3860,5794,5767],{"class":3874},[3860,5796,5797,5799,5801,5803,5805,5808,5810,5813,5816,5818,5820,5822,5825,5827,5829],{"class":3862,"line":4509},[3860,5798,3892],{"class":3870},[3860,5800,3766],{"class":3874},[3860,5802,3898],{"class":3897},[3860,5804,3901],{"class":3874},[3860,5806,5807],{"class":3878},"`5 * 3 = ",[3860,5809,5783],{"class":3866},[3860,5811,5812],{"class":3897},"multiply",[3860,5814,3901],{"class":5815},"sD7JJ",[3860,5817,5759],{"class":3932},[3860,5819,3990],{"class":5815},[3860,5821,5764],{"class":3932},[3860,5823,5824],{"class":5815},")",[3860,5826,5789],{"class":3866},[3860,5828,5792],{"class":3878},[3860,5830,5767],{"class":3874},[3823,5832,5833],{},"Скомпілюйте:",[3851,5835,5837],{"className":5258,"code":5836,"language":5260,"meta":3856,"style":3856},"npx tsc math.ts\n",[3756,5838,5839],{"__ignoreMap":3856},[3860,5840,5841,5843,5845],{"class":3862,"line":3863},[3860,5842,5395],{"class":3897},[3860,5844,5398],{"class":3878},[3860,5846,5847],{"class":3878}," math.ts\n",[3823,5849,5850,5851,5458],{},"Згенерований ",[3756,5852,5853],{},"math.js",[3851,5855,5857],{"className":3853,"code":5856,"language":3855,"meta":3856,"style":3856},"function add(a, b) {\n    return a + b;\n}\nfunction multiply(x, y) {\n    return x * y;\n}\nvar result = add(5, 3);\nconsole.log(\"5 + 3 = \" + result);\nconsole.log(\"5 * 3 = \" + multiply(5, 3));\n",[3756,5858,5859,5875,5888,5892,5908,5920,5924,5944,5963],{"__ignoreMap":3856},[3860,5860,5861,5863,5865,5867,5869,5871,5873],{"class":3862,"line":3863},[3860,5862,4083],{"class":3866},[3860,5864,5358],{"class":3897},[3860,5866,3901],{"class":3874},[3860,5868,5643],{"class":3870},[3860,5870,3990],{"class":3874},[3860,5872,5653],{"class":3870},[3860,5874,4094],{"class":3874},[3860,5876,5877,5880,5882,5884,5886],{"class":3862,"line":3889},[3860,5878,5879],{"class":4099},"    return",[3860,5881,5670],{"class":3870},[3860,5883,5673],{"class":3874},[3860,5885,5653],{"class":3870},[3860,5887,4698],{"class":3874},[3860,5889,5890],{"class":3862,"line":3918},[3860,5891,4121],{"class":3874},[3860,5893,5894,5896,5898,5900,5902,5904,5906],{"class":3862,"line":3925},[3860,5895,4083],{"class":3866},[3860,5897,5692],{"class":3897},[3860,5899,3901],{"class":3874},[3860,5901,5697],{"class":3870},[3860,5903,3990],{"class":3874},[3860,5905,5706],{"class":3870},[3860,5907,4094],{"class":3874},[3860,5909,5910,5912,5914,5916,5918],{"class":3862,"line":3942},[3860,5911,5879],{"class":4099},[3860,5913,5723],{"class":3870},[3860,5915,5726],{"class":3874},[3860,5917,5706],{"class":3870},[3860,5919,4698],{"class":3874},[3860,5921,5922],{"class":3862,"line":3971},[3860,5923,4121],{"class":3874},[3860,5925,5926,5928,5930,5932,5934,5936,5938,5940,5942],{"class":3862,"line":3976},[3860,5927,5535],{"class":3866},[3860,5929,5745],{"class":3870},[3860,5931,3875],{"class":3874},[3860,5933,5754],{"class":3897},[3860,5935,3901],{"class":3874},[3860,5937,5759],{"class":3932},[3860,5939,3990],{"class":3874},[3860,5941,5764],{"class":3932},[3860,5943,5767],{"class":3874},[3860,5945,5946,5948,5950,5952,5954,5957,5959,5961],{"class":3862,"line":4005},[3860,5947,3892],{"class":3870},[3860,5949,3766],{"class":3874},[3860,5951,3898],{"class":3897},[3860,5953,3901],{"class":3874},[3860,5955,5956],{"class":3878},"\"5 + 3 = \"",[3860,5958,5673],{"class":3874},[3860,5960,5786],{"class":3870},[3860,5962,5767],{"class":3874},[3860,5964,5965,5967,5969,5971,5973,5976,5978,5980,5982,5984,5986,5988],{"class":3862,"line":4497},[3860,5966,3892],{"class":3870},[3860,5968,3766],{"class":3874},[3860,5970,3898],{"class":3897},[3860,5972,3901],{"class":3874},[3860,5974,5975],{"class":3878},"\"5 * 3 = \"",[3860,5977,5673],{"class":3874},[3860,5979,5812],{"class":3897},[3860,5981,3901],{"class":3874},[3860,5983,5759],{"class":3932},[3860,5985,3990],{"class":3874},[3860,5987,5764],{"class":3932},[3860,5989,5990],{"class":3874},"));\n",[3823,5992,5993],{},"Зміни:",[5566,5995,5996,6004,6010],{},[3749,5997,5998,3837,6001,5020],{},[3786,5999,6000],{},"Всі анотації типів видалені",[3756,6002,6003],{},": number",[3749,6005,6006,6009],{},[3786,6007,6008],{},"Template literal перетворено на конкатенацію"," — це поведінка для ES5.",[3749,6011,6012,3766],{},[3786,6013,6014,5584,6016],{},[3756,6015,3867],{},[3756,6017,5535],{},[4900,6019,6020,6021,6024,6025,3766],{},"За замовчуванням tsc використовує ",[3786,6022,6023],{},"target: ES3",", що є надзвичайно старою версією JavaScript (1999 рік). Це призводить до громіздкого коду. У реальних проєктах завжди налаштовуйте target через параметри CLI або ",[3756,6026,3765],{},[4028,6028,6030],{"id":6029},"приклад-3-вказування-target-через-cli","Приклад 3: Вказування target через CLI",[3823,6032,6033],{},"Скомпілюємо той же файл у сучасніший JavaScript (ES2020):",[3851,6035,6037],{"className":5258,"code":6036,"language":5260,"meta":3856,"style":3856},"npx tsc math.ts --target ES2020\n",[3756,6038,6039],{"__ignoreMap":3856},[3860,6040,6041,6043,6045,6048,6051],{"class":3862,"line":3863},[3860,6042,5395],{"class":3897},[3860,6044,5398],{"class":3878},[3860,6046,6047],{"class":3878}," math.ts",[3860,6049,6050],{"class":3866}," --target",[3860,6052,6053],{"class":3878}," ES2020\n",[3823,6055,5850,6056,6058],{},[3756,6057,5853],{}," (ES2020):",[3851,6060,6062],{"className":3853,"code":6061,"language":3855,"meta":3856,"style":3856},"function add(a, b) {\n    return a + b;\n}\nfunction multiply(x, y) {\n    return x * y;\n}\nlet result = add(5, 3);\nconsole.log(`5 + 3 = ${result}`);\nconsole.log(`5 * 3 = ${multiply(5, 3)}`);\n",[3756,6063,6064,6080,6092,6096,6112,6124,6128,6148,6170],{"__ignoreMap":3856},[3860,6065,6066,6068,6070,6072,6074,6076,6078],{"class":3862,"line":3863},[3860,6067,4083],{"class":3866},[3860,6069,5358],{"class":3897},[3860,6071,3901],{"class":3874},[3860,6073,5643],{"class":3870},[3860,6075,3990],{"class":3874},[3860,6077,5653],{"class":3870},[3860,6079,4094],{"class":3874},[3860,6081,6082,6084,6086,6088,6090],{"class":3862,"line":3889},[3860,6083,5879],{"class":4099},[3860,6085,5670],{"class":3870},[3860,6087,5673],{"class":3874},[3860,6089,5653],{"class":3870},[3860,6091,4698],{"class":3874},[3860,6093,6094],{"class":3862,"line":3918},[3860,6095,4121],{"class":3874},[3860,6097,6098,6100,6102,6104,6106,6108,6110],{"class":3862,"line":3925},[3860,6099,4083],{"class":3866},[3860,6101,5692],{"class":3897},[3860,6103,3901],{"class":3874},[3860,6105,5697],{"class":3870},[3860,6107,3990],{"class":3874},[3860,6109,5706],{"class":3870},[3860,6111,4094],{"class":3874},[3860,6113,6114,6116,6118,6120,6122],{"class":3862,"line":3942},[3860,6115,5879],{"class":4099},[3860,6117,5723],{"class":3870},[3860,6119,5726],{"class":3874},[3860,6121,5706],{"class":3870},[3860,6123,4698],{"class":3874},[3860,6125,6126],{"class":3862,"line":3971},[3860,6127,4121],{"class":3874},[3860,6129,6130,6132,6134,6136,6138,6140,6142,6144,6146],{"class":3862,"line":3976},[3860,6131,3867],{"class":3866},[3860,6133,5745],{"class":3870},[3860,6135,3875],{"class":3874},[3860,6137,5754],{"class":3897},[3860,6139,3901],{"class":3874},[3860,6141,5759],{"class":3932},[3860,6143,3990],{"class":3874},[3860,6145,5764],{"class":3932},[3860,6147,5767],{"class":3874},[3860,6149,6150,6152,6154,6156,6158,6160,6162,6164,6166,6168],{"class":3862,"line":4005},[3860,6151,3892],{"class":3870},[3860,6153,3766],{"class":3874},[3860,6155,3898],{"class":3897},[3860,6157,3901],{"class":3874},[3860,6159,5780],{"class":3878},[3860,6161,5783],{"class":3866},[3860,6163,5786],{"class":3870},[3860,6165,5789],{"class":3866},[3860,6167,5792],{"class":3878},[3860,6169,5767],{"class":3874},[3860,6171,6172,6174,6176,6178,6180,6182,6184,6186,6188,6190,6192,6194,6196,6198,6200],{"class":3862,"line":4497},[3860,6173,3892],{"class":3870},[3860,6175,3766],{"class":3874},[3860,6177,3898],{"class":3897},[3860,6179,3901],{"class":3874},[3860,6181,5807],{"class":3878},[3860,6183,5783],{"class":3866},[3860,6185,5812],{"class":3897},[3860,6187,3901],{"class":5815},[3860,6189,5759],{"class":3932},[3860,6191,3990],{"class":5815},[3860,6193,5764],{"class":3932},[3860,6195,5824],{"class":5815},[3860,6197,5789],{"class":3866},[3860,6199,5792],{"class":3878},[3860,6201,5767],{"class":3874},[3823,6203,6204,6205,6207],{},"Тепер код зберігає ",[3756,6206,3867],{}," та template literals, оскільки ES2020 їх підтримує.",[6209,6210,5431,6211,6214],"tip",{},[3756,6212,6213],{},"npx tsc --help"," виводить повний список доступних параметрів компілятора. Експериментуйте з різними комбінаціями для розуміння їхнього впливу на вихідний код.",[3815,6216],{},[3818,6218,6220],{"id":6219},"проблеми-компіляції-через-cli","Проблеми компіляції через CLI",[3823,6222,6223],{},"Компіляція через командний рядок підходить для швидких експериментів, але має серйозні недоліки для реальних проєктів:",[4028,6225,6227],{"id":6226},"проблема-1-багатослівність-команд","Проблема 1: Багатослівність команд",[3823,6229,6230],{},"Кожного разу доводиться вручну вказувати всі параметри:",[3851,6232,6234],{"className":5258,"code":6233,"language":5260,"meta":3856,"style":3856},"npx tsc src\u002Findex.ts --target ES2020 --module ESNext --outDir dist --strict --esModuleInterop\n",[3756,6235,6236],{"__ignoreMap":3856},[3860,6237,6238,6240,6242,6245,6247,6250,6253,6256,6259,6262,6265],{"class":3862,"line":3863},[3860,6239,5395],{"class":3897},[3860,6241,5398],{"class":3878},[3860,6243,6244],{"class":3878}," src\u002Findex.ts",[3860,6246,6050],{"class":3866},[3860,6248,6249],{"class":3878}," ES2020",[3860,6251,6252],{"class":3866}," --module",[3860,6254,6255],{"class":3878}," ESNext",[3860,6257,6258],{"class":3866}," --outDir",[3860,6260,6261],{"class":3878}," dist",[3860,6263,6264],{"class":3866}," --strict",[3860,6266,6267],{"class":3866}," --esModuleInterop\n",[3823,6269,6270],{},"Якщо проєкт має 20 файлів, команда стає неймовірно довгою. Немає способу зберегти налаштування для повторного використання.",[4028,6272,6274],{"id":6273},"проблема-2-відсутність-консистентності","Проблема 2: Відсутність консистентності",[3823,6276,6277],{},"Різні члени команди можуть використовувати різні параметри компіляції, що призводить до несумісного коду. Один розробник компілює у ES5, інший у ES2020 — результати відрізняються.",[4028,6279,6281],{"id":6280},"проблема-3-немає-автоматичної-компіляції-всіх-файлів","Проблема 3: Немає автоматичної компіляції всіх файлів",[3823,6283,6284],{},"Для компіляції всього проєкту потрібно або перелічити всі файли вручну, або використовувати glob-паттерни, що не завжди працюють однаково на різних ОС:",[3851,6286,6288],{"className":5258,"code":6287,"language":5260,"meta":3856,"style":3856},"npx tsc src\u002F**\u002F*.ts --outDir dist\n",[3756,6289,6290],{"__ignoreMap":3856},[3860,6291,6292,6294,6296,6299,6302,6305,6308,6310,6312],{"class":3862,"line":3863},[3860,6293,5395],{"class":3897},[3860,6295,5398],{"class":3878},[3860,6297,6298],{"class":3878}," src\u002F",[3860,6300,6301],{"class":3866},"**",[3860,6303,6304],{"class":3878},"\u002F",[3860,6306,6307],{"class":3866},"*",[3860,6309,4444],{"class":3878},[3860,6311,6258],{"class":3866},[3860,6313,6314],{"class":3878}," dist\n",[4028,6316,6318],{"id":6317},"проблема-4-складність-налаштування-ide","Проблема 4: Складність налаштування IDE",[3823,6320,6321],{},"Редактори коду (VS Code, WebStorm) потребують знати параметри компіляції для коректного аналізу та підказок. Передавати їм параметри через CLI неможливо.",[4447,6323,6325],{"alt":6324},"Проблеми CLI-компіляції",[3851,6326,6328],{"className":4451,"code":6327,"language":4453,"meta":3856,"style":3856},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\nactor \"Розробник 1\" as Dev1 #DBEAFE\nactor \"Розробник 2\" as Dev2 #DCFCE7\n\nrectangle \"CLI-команди\" as CLI #FEF3C7 {\n    note bottom\n    tsc file.ts --target ES5\n    vs\n    tsc file.ts --target ES2020\n    end note\n}\n\nrectangle \"Різні результати\" as Results #FCA5A5 {\n    note bottom\n    var message = \"...\";\n    vs\n    let message = \"...\";\n    end note\n}\n\nDev1 --> CLI : різні параметри\nDev2 --> CLI : різні параметри\nCLI --> Results : несумісний код\n\nnote bottom of Results\n  Код працює по-різному,\n  важко налагоджувати,\n  конфлікти при злитті\nend note\n@enduml\n",[3756,6329,6330,6334,6338,6342,6346,6351,6356,6360,6365,6369,6374,6379,6384,6388,6392,6396,6401,6405,6410,6414,6419,6423,6427,6431,6436,6441,6446,6450,6455,6460,6465,6470,6474],{"__ignoreMap":3856},[3860,6331,6332],{"class":3862,"line":3863},[3860,6333,4460],{},[3860,6335,6336],{"class":3862,"line":3889},[3860,6337,4465],{},[3860,6339,6340],{"class":3862,"line":3918},[3860,6341,4470],{},[3860,6343,6344],{"class":3862,"line":3925},[3860,6345,3922],{"emptyLinePlaceholder":3921},[3860,6347,6348],{"class":3862,"line":3942},[3860,6349,6350],{},"actor \"Розробник 1\" as Dev1 #DBEAFE\n",[3860,6352,6353],{"class":3862,"line":3971},[3860,6354,6355],{},"actor \"Розробник 2\" as Dev2 #DCFCE7\n",[3860,6357,6358],{"class":3862,"line":3976},[3860,6359,3922],{"emptyLinePlaceholder":3921},[3860,6361,6362],{"class":3862,"line":4005},[3860,6363,6364],{},"rectangle \"CLI-команди\" as CLI #FEF3C7 {\n",[3860,6366,6367],{"class":3862,"line":4497},[3860,6368,5059],{},[3860,6370,6371],{"class":3862,"line":4503},[3860,6372,6373],{},"    tsc file.ts --target ES5\n",[3860,6375,6376],{"class":3862,"line":4509},[3860,6377,6378],{},"    vs\n",[3860,6380,6381],{"class":3862,"line":4515},[3860,6382,6383],{},"    tsc file.ts --target ES2020\n",[3860,6385,6386],{"class":3862,"line":4521},[3860,6387,5083],{},[3860,6389,6390],{"class":3862,"line":4527},[3860,6391,4121],{},[3860,6393,6394],{"class":3862,"line":4532},[3860,6395,3922],{"emptyLinePlaceholder":3921},[3860,6397,6398],{"class":3862,"line":4537},[3860,6399,6400],{},"rectangle \"Різні результати\" as Results #FCA5A5 {\n",[3860,6402,6403],{"class":3862,"line":4543},[3860,6404,5059],{},[3860,6406,6407],{"class":3862,"line":4548},[3860,6408,6409],{},"    var message = \"...\";\n",[3860,6411,6412],{"class":3862,"line":4554},[3860,6413,6378],{},[3860,6415,6416],{"class":3862,"line":4560},[3860,6417,6418],{},"    let message = \"...\";\n",[3860,6420,6421],{"class":3862,"line":4566},[3860,6422,5083],{},[3860,6424,6425],{"class":3862,"line":4572},[3860,6426,4121],{},[3860,6428,6429],{"class":3862,"line":4578},[3860,6430,3922],{"emptyLinePlaceholder":3921},[3860,6432,6433],{"class":3862,"line":5135},[3860,6434,6435],{},"Dev1 --> CLI : різні параметри\n",[3860,6437,6438],{"class":3862,"line":5141},[3860,6439,6440],{},"Dev2 --> CLI : різні параметри\n",[3860,6442,6443],{"class":3862,"line":5146},[3860,6444,6445],{},"CLI --> Results : несумісний код\n",[3860,6447,6448],{"class":3862,"line":5152},[3860,6449,3922],{"emptyLinePlaceholder":3921},[3860,6451,6452],{"class":3862,"line":5158},[3860,6453,6454],{},"note bottom of Results\n",[3860,6456,6457],{"class":3862,"line":5164},[3860,6458,6459],{},"  Код працює по-різному,\n",[3860,6461,6462],{"class":3862,"line":5169},[3860,6463,6464],{},"  важко налагоджувати,\n",[3860,6466,6467],{"class":3862,"line":5174},[3860,6468,6469],{},"  конфлікти при злитті\n",[3860,6471,6472],{"class":3862,"line":5179},[3860,6473,4575],{},[3860,6475,6476],{"class":3862,"line":5184},[3860,6477,4581],{},[3823,6479,6480,6483,6484,6486],{},[3786,6481,6482],{},"Рішення:"," Всі параметри компіляції виносяться у конфігураційний файл ",[3756,6485,3765],{},", який стає єдиним джерелом істини для проєкту.",[3815,6488],{},[3818,6490,6492],{"id":6491},"конфігураційний-файл-tsconfigjson","Конфігураційний файл tsconfig.json",[3823,6494,6495,6496,6498,6499,6501],{},"Файл ",[3756,6497,3765],{}," — це JSON-конфігурація, що описує параметри компіляції TypeScript-проєкту. Він розміщується у корені проєкту та автоматично зчитується компілятором ",[3756,6500,3758],{},", а також редакторами коду для аналізу.",[4028,6503,6505],{"id":6504},"створення-базового-tsconfigjson","Створення базового tsconfig.json",[3823,6507,6508],{},"Згенеруйте файл командою:",[3851,6510,6512],{"className":5258,"code":6511,"language":5260,"meta":3856,"style":3856},"npx tsc --init\n",[3756,6513,6514],{"__ignoreMap":3856},[3860,6515,6516,6518,6520],{"class":3862,"line":3863},[3860,6517,5395],{"class":3897},[3860,6519,5398],{"class":3878},[3860,6521,6522],{"class":3866}," --init\n",[3823,6524,6525,6526,6528],{},"Ця команда створює ",[3756,6527,3765],{}," із детальними коментарями:",[3851,6530,6534],{"className":6531,"code":6532,"language":6533,"meta":3856,"style":3856},"language-json shiki shiki-themes light-plus dark-plus dark-plus","{\n  \"compilerOptions\": {\n    \"target\": \"ES2016\",\n    \"module\": \"commonjs\",\n    \"strict\": true,\n    \"esModuleInterop\": true,\n    \"skipLibCheck\": true,\n    \"forceConsistentCasingInFileNames\": true\n  }\n}\n","json",[3756,6535,6536,6541,6550,6563,6575,6587,6598,6609,6619,6624],{"__ignoreMap":3856},[3860,6537,6538],{"class":3862,"line":3863},[3860,6539,6540],{"class":3874},"{\n",[3860,6542,6543,6547],{"class":3862,"line":3889},[3860,6544,6546],{"class":6545},"sLwNe","  \"compilerOptions\"",[3860,6548,6549],{"class":3874},": {\n",[3860,6551,6552,6555,6557,6560],{"class":3862,"line":3918},[3860,6553,6554],{"class":6545},"    \"target\"",[3860,6556,4692],{"class":3874},[3860,6558,6559],{"class":3878},"\"ES2016\"",[3860,6561,6562],{"class":3874},",\n",[3860,6564,6565,6568,6570,6573],{"class":3862,"line":3925},[3860,6566,6567],{"class":6545},"    \"module\"",[3860,6569,4692],{"class":3874},[3860,6571,6572],{"class":3878},"\"commonjs\"",[3860,6574,6562],{"class":3874},[3860,6576,6577,6580,6582,6585],{"class":3862,"line":3942},[3860,6578,6579],{"class":6545},"    \"strict\"",[3860,6581,4692],{"class":3874},[3860,6583,6584],{"class":3866},"true",[3860,6586,6562],{"class":3874},[3860,6588,6589,6592,6594,6596],{"class":3862,"line":3971},[3860,6590,6591],{"class":6545},"    \"esModuleInterop\"",[3860,6593,4692],{"class":3874},[3860,6595,6584],{"class":3866},[3860,6597,6562],{"class":3874},[3860,6599,6600,6603,6605,6607],{"class":3862,"line":3976},[3860,6601,6602],{"class":6545},"    \"skipLibCheck\"",[3860,6604,4692],{"class":3874},[3860,6606,6584],{"class":3866},[3860,6608,6562],{"class":3874},[3860,6610,6611,6614,6616],{"class":3862,"line":4005},[3860,6612,6613],{"class":6545},"    \"forceConsistentCasingInFileNames\"",[3860,6615,4692],{"class":3874},[3860,6617,6618],{"class":3866},"true\n",[3860,6620,6621],{"class":3862,"line":4497},[3860,6622,6623],{"class":3874},"  }\n",[3860,6625,6626],{"class":3862,"line":4503},[3860,6627,4121],{"class":3874},[3823,6629,6630],{},"Тепер для компіляції всього проєкту достатньо виконати:",[3851,6632,6634],{"className":5258,"code":6633,"language":5260,"meta":3856,"style":3856},"npx tsc\n",[3756,6635,6636],{"__ignoreMap":3856},[3860,6637,6638,6640],{"class":3862,"line":3863},[3860,6639,5395],{"class":3897},[3860,6641,6642],{"class":3878}," tsc\n",[3823,6644,6645,6646,6648,6649,6651],{},"Компілятор автоматично знайде ",[3756,6647,3765],{},", прочитає налаштування та скомпілює всі ",[3756,6650,4444],{}," файли відповідно до конфігурації.",[4394,6653,6654,6655,6657,6658,6661,6662,6665,6666,6669,6670,5416,6672,6675],{},"Якщо у каталозі є ",[3756,6656,3765],{},", команда ",[3756,6659,6660],{},"npx tsc"," без аргументів компілює ",[3786,6663,6664],{},"весь проєкт"," згідно з конфігурацією. Якщо вказати конкретний файл (",[3756,6667,6668],{},"npx tsc file.ts","), ",[3756,6671,3765],{},[3786,6673,6674],{},"ігнорується",", і використовуються параметри за замовчуванням або параметри CLI.",[4028,6677,6679],{"id":6678},"структура-tsconfigjson","Структура tsconfig.json",[3823,6681,6682],{},"Файл складається з кількох основних секцій:",[3851,6684,6686],{"className":6531,"code":6685,"language":6533,"meta":3856,"style":3856},"{\n  \"compilerOptions\": {\n    \u002F\u002F Параметри компілятора\n  },\n  \"include\": [\n    \u002F\u002F Які файли компілювати\n  ],\n  \"exclude\": [\n    \u002F\u002F Які файли ігнорувати\n  ],\n  \"files\": [\n    \u002F\u002F Конкретні файли (рідко використовується)\n  ]\n}\n",[3756,6687,6688,6692,6698,6703,6708,6716,6721,6726,6733,6738,6742,6749,6754,6759],{"__ignoreMap":3856},[3860,6689,6690],{"class":3862,"line":3863},[3860,6691,6540],{"class":3874},[3860,6693,6694,6696],{"class":3862,"line":3889},[3860,6695,6546],{"class":6545},[3860,6697,6549],{"class":3874},[3860,6699,6700],{"class":3862,"line":3918},[3860,6701,6702],{"class":3885},"    \u002F\u002F Параметри компілятора\n",[3860,6704,6705],{"class":3862,"line":3925},[3860,6706,6707],{"class":3874},"  },\n",[3860,6709,6710,6713],{"class":3862,"line":3942},[3860,6711,6712],{"class":6545},"  \"include\"",[3860,6714,6715],{"class":3874},": [\n",[3860,6717,6718],{"class":3862,"line":3971},[3860,6719,6720],{"class":3885},"    \u002F\u002F Які файли компілювати\n",[3860,6722,6723],{"class":3862,"line":3976},[3860,6724,6725],{"class":3874},"  ],\n",[3860,6727,6728,6731],{"class":3862,"line":4005},[3860,6729,6730],{"class":6545},"  \"exclude\"",[3860,6732,6715],{"class":3874},[3860,6734,6735],{"class":3862,"line":4497},[3860,6736,6737],{"class":3885},"    \u002F\u002F Які файли ігнорувати\n",[3860,6739,6740],{"class":3862,"line":4503},[3860,6741,6725],{"class":3874},[3860,6743,6744,6747],{"class":3862,"line":4509},[3860,6745,6746],{"class":6545},"  \"files\"",[3860,6748,6715],{"class":3874},[3860,6750,6751],{"class":3862,"line":4515},[3860,6752,6753],{"class":3885},"    \u002F\u002F Конкретні файли (рідко використовується)\n",[3860,6755,6756],{"class":3862,"line":4521},[3860,6757,6758],{"class":3874},"  ]\n",[3860,6760,6761],{"class":3862,"line":4527},[3860,6762,4121],{"class":3874},[3823,6764,6765,6766,6769],{},"Найважливішою є секція ",[3756,6767,6768],{},"compilerOptions",", що містить десятки параметрів. Розглянемо найкритичніші.",[3815,6771],{},[3818,6773,6775],{"id":6774},"детальний-розбір-ключових-параметрів-compileroptions","Детальний розбір ключових параметрів compilerOptions",[4028,6777,6779,6780,6783],{"id":6778},"параметр-target-цільова-версія-javascript","Параметр ",[3756,6781,6782],{},"target",": цільова версія JavaScript",[3823,6785,6779,6786,6788],{},[3756,6787,6782],{}," визначає, у яку версію ECMAScript компілюватиметься TypeScript-код.",[3823,6790,6791],{},[3786,6792,6793],{},"Доступні значення:",[3746,6795,6796,6802,6808,6823,6832,6844,6860,6868],{},[3749,6797,6798,6801],{},[3756,6799,6800],{},"ES3"," (1999) — Internet Explorer 6-8",[3749,6803,6804,6807],{},[3756,6805,6806],{},"ES5"," (2009) — IE 9-11, старі Android-браузери",[3749,6809,6810,6813,6814,6817,6818,6304,6820,6822],{},[3756,6811,6812],{},"ES6"," \u002F ",[3756,6815,6816],{},"ES2015"," (2015) — класи, стрілкові функції, ",[3756,6819,3867],{},[3756,6821,4130],{},", модулі",[3749,6824,6825,6828,6829,6831],{},[3756,6826,6827],{},"ES2016"," — оператор ",[3756,6830,6301],{}," (піднесення до степеня)",[3749,6833,6834,6837,6838,6304,6841],{},[3756,6835,6836],{},"ES2017"," — ",[3756,6839,6840],{},"async",[3756,6842,6843],{},"await",[3749,6845,6846,6849,6850,6853,6854,6669,6857],{},[3756,6847,6848],{},"ES2020"," — optional chaining (",[3756,6851,6852],{},"?.","), nullish coalescing (",[3756,6855,6856],{},"??",[3756,6858,6859],{},"BigInt",[3749,6861,6862,6865,6866],{},[3756,6863,6864],{},"ES2022"," — class fields, top-level ",[3756,6867,6843],{},[3749,6869,6870,6873],{},[3756,6871,6872],{},"ESNext"," — найновіші можливості (експериментальні)",[3823,6875,6876],{},[3786,6877,6878],{},"Приклад впливу target:",[6880,6881,6882,6996,7127,7230],"code-group",{},[3851,6883,6886],{"className":4668,"code":6884,"filename":6885,"language":4670,"meta":3856,"style":3856},"const greet = (name: string): string => {\n  return `Hello, ${name}!`;\n};\n\nclass User {\n  constructor(public name: string) {}\n}\n\nconsole.log(greet(\"Alice\"));\n","Вихідний TypeScript",[3756,6887,6888,6913,6931,6935,6939,6949,6968,6972,6976],{"__ignoreMap":3856},[3860,6889,6890,6892,6895,6898,6900,6902,6904,6906,6908,6911],{"class":3862,"line":3863},[3860,6891,4130],{"class":3866},[3860,6893,6894],{"class":3897}," greet",[3860,6896,6897],{"class":3874}," = (",[3860,6899,4020],{"class":3870},[3860,6901,4692],{"class":3874},[3860,6903,4695],{"class":4680},[3860,6905,4748],{"class":3874},[3860,6907,4695],{"class":4680},[3860,6909,6910],{"class":3866}," =>",[3860,6912,4753],{"class":3874},[3860,6914,6915,6917,6920,6922,6924,6926,6929],{"class":3862,"line":3889},[3860,6916,4100],{"class":4099},[3860,6918,6919],{"class":3878}," `Hello, ",[3860,6921,5783],{"class":3866},[3860,6923,4020],{"class":3870},[3860,6925,5789],{"class":3866},[3860,6927,6928],{"class":3878},"!`",[3860,6930,4698],{"class":3874},[3860,6932,6933],{"class":3862,"line":3918},[3860,6934,4726],{"class":3874},[3860,6936,6937],{"class":3862,"line":3925},[3860,6938,3922],{"emptyLinePlaceholder":3921},[3860,6940,6941,6944,6947],{"class":3862,"line":3942},[3860,6942,6943],{"class":3866},"class",[3860,6945,6946],{"class":4680}," User",[3860,6948,4753],{"class":3874},[3860,6950,6951,6954,6956,6958,6961,6963,6965],{"class":3862,"line":3971},[3860,6952,6953],{"class":3866},"  constructor",[3860,6955,3901],{"class":3874},[3860,6957,4625],{"class":3866},[3860,6959,6960],{"class":3870}," name",[3860,6962,4692],{"class":3874},[3860,6964,4695],{"class":4680},[3860,6966,6967],{"class":3874},") {}\n",[3860,6969,6970],{"class":3862,"line":3976},[3860,6971,4121],{"class":3874},[3860,6973,6974],{"class":3862,"line":4005},[3860,6975,3922],{"emptyLinePlaceholder":3921},[3860,6977,6978,6980,6982,6984,6986,6989,6991,6994],{"class":3862,"line":4497},[3860,6979,3892],{"class":3870},[3860,6981,3766],{"class":3874},[3860,6983,3898],{"class":3897},[3860,6985,3901],{"class":3874},[3860,6987,6988],{"class":3897},"greet",[3860,6990,3901],{"class":3874},[3860,6992,6993],{"class":3878},"\"Alice\"",[3860,6995,5990],{"class":3874},[3851,6997,7000],{"className":3853,"code":6998,"filename":6999,"language":3855,"meta":3856,"style":3856},"var greet = function (name) {\n    return \"Hello, \" + name + \"!\";\n};\nvar User = \u002F** @class *\u002F (function () {\n    function User(name) {\n        this.name = name;\n    }\n    return User;\n}());\nconsole.log(greet(\"Alice\"));\n","target: ES5",[3756,7001,7002,7018,7036,7040,7064,7077,7092,7096,7104,7109],{"__ignoreMap":3856},[3860,7003,7004,7006,7008,7010,7012,7014,7016],{"class":3862,"line":3863},[3860,7005,5535],{"class":3866},[3860,7007,6894],{"class":3897},[3860,7009,3875],{"class":3874},[3860,7011,4083],{"class":3866},[3860,7013,3837],{"class":3874},[3860,7015,4020],{"class":3870},[3860,7017,4094],{"class":3874},[3860,7019,7020,7022,7025,7027,7029,7031,7034],{"class":3862,"line":3889},[3860,7021,5879],{"class":4099},[3860,7023,7024],{"class":3878}," \"Hello, \"",[3860,7026,5673],{"class":3874},[3860,7028,4020],{"class":3870},[3860,7030,5673],{"class":3874},[3860,7032,7033],{"class":3878},"\"!\"",[3860,7035,4698],{"class":3874},[3860,7037,7038],{"class":3862,"line":3918},[3860,7039,4726],{"class":3874},[3860,7041,7042,7044,7046,7048,7051,7054,7057,7059,7061],{"class":3862,"line":3925},[3860,7043,5535],{"class":3866},[3860,7045,6946],{"class":3870},[3860,7047,3875],{"class":3874},[3860,7049,7050],{"class":3885},"\u002F** ",[3860,7052,7053],{"class":3866},"@class",[3860,7055,7056],{"class":3885}," *\u002F",[3860,7058,3837],{"class":3874},[3860,7060,4083],{"class":3866},[3860,7062,7063],{"class":3874}," () {\n",[3860,7065,7066,7069,7071,7073,7075],{"class":3862,"line":3942},[3860,7067,7068],{"class":3866},"    function",[3860,7070,6946],{"class":3897},[3860,7072,3901],{"class":3874},[3860,7074,4020],{"class":3870},[3860,7076,4094],{"class":3874},[3860,7078,7079,7082,7084,7086,7088,7090],{"class":3862,"line":3971},[3860,7080,7081],{"class":3866},"        this",[3860,7083,3766],{"class":3874},[3860,7085,4020],{"class":3870},[3860,7087,3875],{"class":3874},[3860,7089,4020],{"class":3870},[3860,7091,4698],{"class":3874},[3860,7093,7094],{"class":3862,"line":3976},[3860,7095,4524],{"class":3874},[3860,7097,7098,7100,7102],{"class":3862,"line":4005},[3860,7099,5879],{"class":4099},[3860,7101,6946],{"class":3870},[3860,7103,4698],{"class":3874},[3860,7105,7106],{"class":3862,"line":4497},[3860,7107,7108],{"class":3874},"}());\n",[3860,7110,7111,7113,7115,7117,7119,7121,7123,7125],{"class":3862,"line":4503},[3860,7112,3892],{"class":3870},[3860,7114,3766],{"class":3874},[3860,7116,3898],{"class":3897},[3860,7118,3901],{"class":3874},[3860,7120,6988],{"class":3897},[3860,7122,3901],{"class":3874},[3860,7124,6993],{"class":3878},[3860,7126,5990],{"class":3874},[3851,7128,7131],{"className":3853,"code":7129,"filename":7130,"language":3855,"meta":3856,"style":3856},"const greet = (name) => {\n    return `Hello, ${name}!`;\n};\nclass User {\n    constructor(name) {\n        this.name = name;\n    }\n}\nconsole.log(greet(\"Alice\"));\n","target: ES2015",[3756,7132,7133,7151,7167,7171,7179,7190,7204,7208,7212],{"__ignoreMap":3856},[3860,7134,7135,7137,7139,7141,7143,7146,7149],{"class":3862,"line":3863},[3860,7136,4130],{"class":3866},[3860,7138,6894],{"class":3897},[3860,7140,6897],{"class":3874},[3860,7142,4020],{"class":3870},[3860,7144,7145],{"class":3874},") ",[3860,7147,7148],{"class":3866},"=>",[3860,7150,4753],{"class":3874},[3860,7152,7153,7155,7157,7159,7161,7163,7165],{"class":3862,"line":3889},[3860,7154,5879],{"class":4099},[3860,7156,6919],{"class":3878},[3860,7158,5783],{"class":3866},[3860,7160,4020],{"class":3870},[3860,7162,5789],{"class":3866},[3860,7164,6928],{"class":3878},[3860,7166,4698],{"class":3874},[3860,7168,7169],{"class":3862,"line":3918},[3860,7170,4726],{"class":3874},[3860,7172,7173,7175,7177],{"class":3862,"line":3925},[3860,7174,6943],{"class":3866},[3860,7176,6946],{"class":4680},[3860,7178,4753],{"class":3874},[3860,7180,7181,7184,7186,7188],{"class":3862,"line":3942},[3860,7182,7183],{"class":3866},"    constructor",[3860,7185,3901],{"class":3874},[3860,7187,4020],{"class":3870},[3860,7189,4094],{"class":3874},[3860,7191,7192,7194,7196,7198,7200,7202],{"class":3862,"line":3971},[3860,7193,7081],{"class":3866},[3860,7195,3766],{"class":3874},[3860,7197,4020],{"class":3870},[3860,7199,3875],{"class":3874},[3860,7201,4020],{"class":3870},[3860,7203,4698],{"class":3874},[3860,7205,7206],{"class":3862,"line":3976},[3860,7207,4524],{"class":3874},[3860,7209,7210],{"class":3862,"line":4005},[3860,7211,4121],{"class":3874},[3860,7213,7214,7216,7218,7220,7222,7224,7226,7228],{"class":3862,"line":4497},[3860,7215,3892],{"class":3870},[3860,7217,3766],{"class":3874},[3860,7219,3898],{"class":3897},[3860,7221,3901],{"class":3874},[3860,7223,6988],{"class":3897},[3860,7225,3901],{"class":3874},[3860,7227,6993],{"class":3878},[3860,7229,5990],{"class":3874},[3851,7231,7233],{"className":3853,"code":7129,"filename":7232,"language":3855,"meta":3856,"style":3856},"target: ES2020",[3756,7234,7235,7251,7267,7271,7279,7289,7303,7307,7311],{"__ignoreMap":3856},[3860,7236,7237,7239,7241,7243,7245,7247,7249],{"class":3862,"line":3863},[3860,7238,4130],{"class":3866},[3860,7240,6894],{"class":3897},[3860,7242,6897],{"class":3874},[3860,7244,4020],{"class":3870},[3860,7246,7145],{"class":3874},[3860,7248,7148],{"class":3866},[3860,7250,4753],{"class":3874},[3860,7252,7253,7255,7257,7259,7261,7263,7265],{"class":3862,"line":3889},[3860,7254,5879],{"class":4099},[3860,7256,6919],{"class":3878},[3860,7258,5783],{"class":3866},[3860,7260,4020],{"class":3870},[3860,7262,5789],{"class":3866},[3860,7264,6928],{"class":3878},[3860,7266,4698],{"class":3874},[3860,7268,7269],{"class":3862,"line":3918},[3860,7270,4726],{"class":3874},[3860,7272,7273,7275,7277],{"class":3862,"line":3925},[3860,7274,6943],{"class":3866},[3860,7276,6946],{"class":4680},[3860,7278,4753],{"class":3874},[3860,7280,7281,7283,7285,7287],{"class":3862,"line":3942},[3860,7282,7183],{"class":3866},[3860,7284,3901],{"class":3874},[3860,7286,4020],{"class":3870},[3860,7288,4094],{"class":3874},[3860,7290,7291,7293,7295,7297,7299,7301],{"class":3862,"line":3971},[3860,7292,7081],{"class":3866},[3860,7294,3766],{"class":3874},[3860,7296,4020],{"class":3870},[3860,7298,3875],{"class":3874},[3860,7300,4020],{"class":3870},[3860,7302,4698],{"class":3874},[3860,7304,7305],{"class":3862,"line":3976},[3860,7306,4524],{"class":3874},[3860,7308,7309],{"class":3862,"line":4005},[3860,7310,4121],{"class":3874},[3860,7312,7313,7315,7317,7319,7321,7323,7325,7327],{"class":3862,"line":4497},[3860,7314,3892],{"class":3870},[3860,7316,3766],{"class":3874},[3860,7318,3898],{"class":3897},[3860,7320,3901],{"class":3874},[3860,7322,6988],{"class":3897},[3860,7324,3901],{"class":3874},[3860,7326,6993],{"class":3878},[3860,7328,5990],{"class":3874},[3823,7330,7331],{},[3786,7332,7333],{},"Як обрати target:",[3746,7335,7336,7346,7353,7360],{},[3749,7337,7338,5416,7341,7343,7344],{},[3786,7339,7340],{},"Node.js 18+:",[3756,7342,6864],{}," або ",[3756,7345,6872],{},[3749,7347,7348,5416,7351],{},[3786,7349,7350],{},"Сучасні браузери (Chrome\u002FFirefox\u002FSafari останніх 2 версій):",[3756,7352,6848],{},[3749,7354,7355,5416,7358],{},[3786,7356,7357],{},"Потрібна підтримка IE11:",[3756,7359,6806],{},[3749,7361,7362,5416,7365,7367],{},[3786,7363,7364],{},"Невідоме середовище:",[3756,7366,6816],{}," (безпечний баланс)",[5403,7369,7371,7381,7395,7398,7408],{":cursor":6584,"title":7370},"tsc з різними target",[5408,7372,7374,5416,7377],{"className":7373},[3862],[3860,7375,5415],{"className":7376},[5414],[3786,7378,7380],{"className":7379},[5420],"npx tsc --target ES5 example.ts",[5408,7382,7384,7389,7390],{"className":7383},[3862],[3860,7385,7388],{"className":7386},[7387],"text-blue-400","Generated:"," example.js ",[3860,7391,7394],{"className":7392},[7393],"opacity-60","(ES5 syntax)",[5408,7396],{"className":7397},[3862],[5408,7399,7401,5416,7404],{"className":7400},[3862],[3860,7402,5415],{"className":7403},[5414],[3786,7405,7407],{"className":7406},[5420],"npx tsc --target ES2020 example.ts",[5408,7409,7411,7389,7414],{"className":7410},[3862],[3860,7412,7388],{"className":7413},[7387],[3860,7415,7417],{"className":7416},[7393],"(modern syntax)",[4028,7419,6779,7421,7424],{"id":7420},"параметр-module-система-модулів",[3756,7422,7423],{},"module",": система модулів",[3823,7426,6779,7427,7429],{},[3756,7428,7423],{}," визначає, яку систему модулів використовувати у згенерованому JavaScript-коді.",[3823,7431,7432],{},[3786,7433,6793],{},[3746,7435,7436,7448,7463,7469,7475],{},[3749,7437,7438,7441,7442,6304,7445,5824],{},[3756,7439,7440],{},"CommonJS"," — Node.js-модулі (",[3756,7443,7444],{},"require",[3756,7446,7447],{},"module.exports",[3749,7449,7450,6813,7452,6813,7454,7456,7457,6304,7460,5824],{},[3756,7451,6816],{},[3756,7453,6812],{},[3756,7455,6872],{}," — стандарт ECMAScript (",[3756,7458,7459],{},"import",[3756,7461,7462],{},"export",[3749,7464,7465,7468],{},[3756,7466,7467],{},"AMD"," — Asynchronous Module Definition (застарілий)",[3749,7470,7471,7474],{},[3756,7472,7473],{},"UMD"," — Universal Module Definition (сумісний з усіма системами)",[3749,7476,7477,7480],{},[3756,7478,7479],{},"None"," — без модулів (всі файли у глобальній області видимості)",[3823,7482,7483],{},[3786,7484,7485],{},"Приклад впливу module:",[6880,7487,7488,7588,7758],{},[3851,7489,7491],{"className":4668,"code":7490,"filename":6885,"language":4670,"meta":3856,"style":3856},"export function calculateSum(a: number, b: number): number {\n  return a + b;\n}\n\nimport { calculateSum } from '.\u002Fmath';\nconsole.log(calculateSum(5, 3));\n",[3756,7492,7493,7525,7537,7541,7545,7566],{"__ignoreMap":3856},[3860,7494,7495,7497,7500,7503,7505,7507,7509,7511,7513,7515,7517,7519,7521,7523],{"class":3862,"line":3863},[3860,7496,7462],{"class":4099},[3860,7498,7499],{"class":3866}," function",[3860,7501,7502],{"class":3897}," calculateSum",[3860,7504,3901],{"class":3874},[3860,7506,5643],{"class":3870},[3860,7508,4692],{"class":3874},[3860,7510,5648],{"class":4680},[3860,7512,3990],{"class":3874},[3860,7514,5653],{"class":3870},[3860,7516,4692],{"class":3874},[3860,7518,5648],{"class":4680},[3860,7520,4748],{"class":3874},[3860,7522,5648],{"class":4680},[3860,7524,4753],{"class":3874},[3860,7526,7527,7529,7531,7533,7535],{"class":3862,"line":3889},[3860,7528,4100],{"class":4099},[3860,7530,5670],{"class":3870},[3860,7532,5673],{"class":3874},[3860,7534,5653],{"class":3870},[3860,7536,4698],{"class":3874},[3860,7538,7539],{"class":3862,"line":3918},[3860,7540,4121],{"class":3874},[3860,7542,7543],{"class":3862,"line":3925},[3860,7544,3922],{"emptyLinePlaceholder":3921},[3860,7546,7547,7549,7552,7555,7558,7561,7564],{"class":3862,"line":3942},[3860,7548,7459],{"class":4099},[3860,7550,7551],{"class":3874}," { ",[3860,7553,7554],{"class":3870},"calculateSum",[3860,7556,7557],{"class":3874}," } ",[3860,7559,7560],{"class":4099},"from",[3860,7562,7563],{"class":3878}," '.\u002Fmath'",[3860,7565,4698],{"class":3874},[3860,7567,7568,7570,7572,7574,7576,7578,7580,7582,7584,7586],{"class":3862,"line":3971},[3860,7569,3892],{"class":3870},[3860,7571,3766],{"class":3874},[3860,7573,3898],{"class":3897},[3860,7575,3901],{"class":3874},[3860,7577,7554],{"class":3897},[3860,7579,3901],{"class":3874},[3860,7581,5759],{"class":3932},[3860,7583,3990],{"class":3874},[3860,7585,5764],{"class":3932},[3860,7587,5990],{"class":3874},[3851,7589,7592],{"className":3853,"code":7590,"filename":7591,"language":3855,"meta":3856,"style":3856},"\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.calculateSum = void 0;\nfunction calculateSum(a, b) {\n    return a + b;\n}\nexports.calculateSum = calculateSum;\n\n\u002F\u002F Імпорт\nconst math_1 = require(\".\u002Fmath\");\nconsole.log((0, math_1.calculateSum)(5, 3));\n","module: CommonJS",[3756,7593,7594,7601,7633,7651,7667,7679,7683,7697,7701,7706,7724],{"__ignoreMap":3856},[3860,7595,7596,7599],{"class":3862,"line":3863},[3860,7597,7598],{"class":3878},"\"use strict\"",[3860,7600,4698],{"class":3874},[3860,7602,7603,7606,7608,7611,7613,7616,7618,7621,7624,7627,7630],{"class":3862,"line":3889},[3860,7604,7605],{"class":3870},"Object",[3860,7607,3766],{"class":3874},[3860,7609,7610],{"class":3897},"defineProperty",[3860,7612,3901],{"class":3874},[3860,7614,7615],{"class":4680},"exports",[3860,7617,3990],{"class":3874},[3860,7619,7620],{"class":3878},"\"__esModule\"",[3860,7622,7623],{"class":3874},", { ",[3860,7625,7626],{"class":3870},"value:",[3860,7628,7629],{"class":3866}," true",[3860,7631,7632],{"class":3874}," });\n",[3860,7634,7635,7637,7639,7641,7643,7646,7649],{"class":3862,"line":3918},[3860,7636,7615],{"class":4680},[3860,7638,3766],{"class":3874},[3860,7640,7554],{"class":3870},[3860,7642,3875],{"class":3874},[3860,7644,7645],{"class":3866},"void",[3860,7647,7648],{"class":3932}," 0",[3860,7650,4698],{"class":3874},[3860,7652,7653,7655,7657,7659,7661,7663,7665],{"class":3862,"line":3925},[3860,7654,4083],{"class":3866},[3860,7656,7502],{"class":3897},[3860,7658,3901],{"class":3874},[3860,7660,5643],{"class":3870},[3860,7662,3990],{"class":3874},[3860,7664,5653],{"class":3870},[3860,7666,4094],{"class":3874},[3860,7668,7669,7671,7673,7675,7677],{"class":3862,"line":3942},[3860,7670,5879],{"class":4099},[3860,7672,5670],{"class":3870},[3860,7674,5673],{"class":3874},[3860,7676,5653],{"class":3870},[3860,7678,4698],{"class":3874},[3860,7680,7681],{"class":3862,"line":3971},[3860,7682,4121],{"class":3874},[3860,7684,7685,7687,7689,7691,7693,7695],{"class":3862,"line":3976},[3860,7686,7615],{"class":4680},[3860,7688,3766],{"class":3874},[3860,7690,7554],{"class":3870},[3860,7692,3875],{"class":3874},[3860,7694,7554],{"class":3870},[3860,7696,4698],{"class":3874},[3860,7698,7699],{"class":3862,"line":4005},[3860,7700,3922],{"emptyLinePlaceholder":3921},[3860,7702,7703],{"class":3862,"line":4497},[3860,7704,7705],{"class":3885},"\u002F\u002F Імпорт\n",[3860,7707,7708,7710,7713,7715,7717,7719,7722],{"class":3862,"line":4503},[3860,7709,4130],{"class":3866},[3860,7711,7712],{"class":4133}," math_1",[3860,7714,3875],{"class":3874},[3860,7716,7444],{"class":3897},[3860,7718,3901],{"class":3874},[3860,7720,7721],{"class":3878},"\".\u002Fmath\"",[3860,7723,5767],{"class":3874},[3860,7725,7726,7728,7730,7732,7735,7738,7740,7743,7745,7747,7750,7752,7754,7756],{"class":3862,"line":4509},[3860,7727,3892],{"class":3870},[3860,7729,3766],{"class":3874},[3860,7731,3898],{"class":3897},[3860,7733,7734],{"class":3874},"((",[3860,7736,7737],{"class":3932},"0",[3860,7739,3990],{"class":3874},[3860,7741,7742],{"class":3870},"math_1",[3860,7744,3766],{"class":3874},[3860,7746,7554],{"class":3870},[3860,7748,7749],{"class":3874},")(",[3860,7751,5759],{"class":3932},[3860,7753,3990],{"class":3874},[3860,7755,5764],{"class":3932},[3860,7757,5990],{"class":3874},[3851,7759,7762],{"className":3853,"code":7760,"filename":7761,"language":3855,"meta":3856,"style":3856},"export function calculateSum(a, b) {\n    return a + b;\n}\n\n\u002F\u002F Імпорт\nimport { calculateSum } from '.\u002Fmath';\nconsole.log(calculateSum(5, 3));\n","module: ES2015",[3756,7763,7764,7782,7794,7798,7802,7806,7822],{"__ignoreMap":3856},[3860,7765,7766,7768,7770,7772,7774,7776,7778,7780],{"class":3862,"line":3863},[3860,7767,7462],{"class":4099},[3860,7769,7499],{"class":3866},[3860,7771,7502],{"class":3897},[3860,7773,3901],{"class":3874},[3860,7775,5643],{"class":3870},[3860,7777,3990],{"class":3874},[3860,7779,5653],{"class":3870},[3860,7781,4094],{"class":3874},[3860,7783,7784,7786,7788,7790,7792],{"class":3862,"line":3889},[3860,7785,5879],{"class":4099},[3860,7787,5670],{"class":3870},[3860,7789,5673],{"class":3874},[3860,7791,5653],{"class":3870},[3860,7793,4698],{"class":3874},[3860,7795,7796],{"class":3862,"line":3918},[3860,7797,4121],{"class":3874},[3860,7799,7800],{"class":3862,"line":3925},[3860,7801,3922],{"emptyLinePlaceholder":3921},[3860,7803,7804],{"class":3862,"line":3942},[3860,7805,7705],{"class":3885},[3860,7807,7808,7810,7812,7814,7816,7818,7820],{"class":3862,"line":3971},[3860,7809,7459],{"class":4099},[3860,7811,7551],{"class":3874},[3860,7813,7554],{"class":3870},[3860,7815,7557],{"class":3874},[3860,7817,7560],{"class":4099},[3860,7819,7563],{"class":3878},[3860,7821,4698],{"class":3874},[3860,7823,7824,7826,7828,7830,7832,7834,7836,7838,7840,7842],{"class":3862,"line":3976},[3860,7825,3892],{"class":3870},[3860,7827,3766],{"class":3874},[3860,7829,3898],{"class":3897},[3860,7831,3901],{"class":3874},[3860,7833,7554],{"class":3897},[3860,7835,3901],{"class":3874},[3860,7837,5759],{"class":3932},[3860,7839,3990],{"class":3874},[3860,7841,5764],{"class":3932},[3860,7843,5990],{"class":3874},[3823,7845,7846],{},[3786,7847,7848],{},"Як обрати module:",[3746,7850,7851,7865,7872],{},[3749,7852,7853,5416,7856,7858,7859,7861,7862,5824],{},[3786,7854,7855],{},"Node.js проєкт:",[3756,7857,7440],{}," (або ",[3756,7860,6816],{}," якщо package.json має ",[3756,7863,7864],{},"\"type\": \"module\"",[3749,7866,7867,5416,7870],{},[3786,7868,7869],{},"Браузерний проєкт з бандлером (Vite\u002FWebpack):",[3756,7871,6872],{},[3749,7873,7874,5416,7877,7879],{},[3786,7875,7876],{},"Бібліотека для npm:",[3756,7878,7440],{}," або гібридний підхід",[4028,7881,7883,7884,4906,7887,7890],{"id":7882},"параметри-outdir-та-rootdir-організація-файлів","Параметри ",[3756,7885,7886],{},"outDir",[3756,7888,7889],{},"rootDir",": організація файлів",[3746,7892,7893,7906],{},[3749,7894,7895,7899,7900,7902,7903,5824],{},[3786,7896,7897,5458],{},[3756,7898,7889],{}," Кореневий каталог вихідних ",[3756,7901,4444],{}," файлів (зазвичай ",[3756,7904,7905],{},".\u002Fsrc",[3749,7907,7908,7912,7913,7902,7915,7343,7918,5824],{},[3786,7909,7910,5458],{},[3756,7911,7886],{}," Каталог для згенерованих ",[3756,7914,4440],{},[3756,7916,7917],{},".\u002Fdist",[3756,7919,7920],{},".\u002Fbuild",[3851,7922,7924],{"className":6531,"code":7923,"language":6533,"meta":3856,"style":3856},"{\n  \"compilerOptions\": {\n    \"rootDir\": \".\u002Fsrc\",\n    \"outDir\": \".\u002Fdist\"\n  }\n}\n",[3756,7925,7926,7930,7936,7948,7958,7962],{"__ignoreMap":3856},[3860,7927,7928],{"class":3862,"line":3863},[3860,7929,6540],{"class":3874},[3860,7931,7932,7934],{"class":3862,"line":3889},[3860,7933,6546],{"class":6545},[3860,7935,6549],{"class":3874},[3860,7937,7938,7941,7943,7946],{"class":3862,"line":3918},[3860,7939,7940],{"class":6545},"    \"rootDir\"",[3860,7942,4692],{"class":3874},[3860,7944,7945],{"class":3878},"\".\u002Fsrc\"",[3860,7947,6562],{"class":3874},[3860,7949,7950,7953,7955],{"class":3862,"line":3925},[3860,7951,7952],{"class":6545},"    \"outDir\"",[3860,7954,4692],{"class":3874},[3860,7956,7957],{"class":3878},"\".\u002Fdist\"\n",[3860,7959,7960],{"class":3862,"line":3942},[3860,7961,6623],{"class":3874},[3860,7963,7964],{"class":3862,"line":3971},[3860,7965,4121],{"class":3874},[3823,7967,7968],{},[3786,7969,7970],{},"До компіляції:",[3851,7972,7977],{"className":7973,"code":7975,"language":7976},[7974],"language-text","project\u002F\n├── src\u002F\n│   ├── index.ts\n│   └── utils.ts\n└── tsconfig.json\n","text",[3756,7978,7975],{"__ignoreMap":3856},[3823,7980,7981],{},[3786,7982,7983,7984,5458],{},"Після ",[3756,7985,6660],{},[3851,7987,7990],{"className":7988,"code":7989,"language":7976},[7974],"project\u002F\n├── src\u002F\n│   ├── index.ts\n│   └── utils.ts\n├── dist\u002F           # \u003C-- згенеровано\n│   ├── index.js\n│   └── utils.js\n└── tsconfig.json\n",[3756,7991,7989],{"__ignoreMap":3856},[4900,7993,7994,7995,7997,7998,3766],{},"Якщо не вказати ",[3756,7996,7889],{},", компілятор визначить його автоматично як найглибший спільний каталог усіх вхідних файлів. Це може призвести до неочікуваної структури ",[3756,7999,8000],{},"dist\u002F",[4028,8002,6779,8004,8007],{"id":8003},"параметр-strict-суворий-режим-типізації",[3756,8005,8006],{},"strict",": суворий режим типізації",[3823,8009,6779,8010,8013],{},[3756,8011,8012],{},"strict: true"," вмикає всі сув",[3823,8015,8016,8017,8020],{},"орі перевірки типів одночасно. Це ",[3786,8018,8019],{},"найважливіший параметр"," для якісного коду.",[3851,8022,8024],{"className":6531,"code":8023,"language":6533,"meta":3856,"style":3856},"{\n  \"compilerOptions\": {\n    \"strict\": true\n  }\n}\n",[3756,8025,8026,8030,8036,8044,8048],{"__ignoreMap":3856},[3860,8027,8028],{"class":3862,"line":3863},[3860,8029,6540],{"class":3874},[3860,8031,8032,8034],{"class":3862,"line":3889},[3860,8033,6546],{"class":6545},[3860,8035,6549],{"class":3874},[3860,8037,8038,8040,8042],{"class":3862,"line":3918},[3860,8039,6579],{"class":6545},[3860,8041,4692],{"class":3874},[3860,8043,6618],{"class":3866},[3860,8045,8046],{"class":3862,"line":3925},[3860,8047,6623],{"class":3874},[3860,8049,8050],{"class":3862,"line":3942},[3860,8051,4121],{"class":3874},[3823,8053,8054],{},"Еквівалентно вмиканню:",[3746,8056,8057,8068,8074,8089,8095,8104,8112],{},[3749,8058,8059,6837,8062,4906,8065,8067],{},[3756,8060,8061],{},"strictNullChecks",[3756,8063,8064],{},"null",[3756,8066,4664],{}," окремі типи",[3749,8069,8070,8073],{},[3756,8071,8072],{},"strictFunctionTypes"," — сувора перевірка типів функцій",[3749,8075,8076,8079,8080,6304,8083,6304,8086],{},[3756,8077,8078],{},"strictBindCallApply"," — перевірка типів для ",[3756,8081,8082],{},"bind",[3756,8084,8085],{},"call",[3756,8087,8088],{},"apply",[3749,8090,8091,8094],{},[3756,8092,8093],{},"strictPropertyInitialization"," — властивості класів мають бути ініціалізовані",[3749,8096,8097,8100,8101],{},[3756,8098,8099],{},"noImplicitAny"," — заборона неявного ",[3756,8102,8103],{},"any",[3749,8105,8106,8100,8109],{},[3756,8107,8108],{},"noImplicitThis",[3756,8110,8111],{},"this",[3749,8113,8114,8117,8118,8120],{},[3756,8115,8116],{},"alwaysStrict"," — генерувати ",[3756,8119,7598],{}," у JS",[3823,8122,8123],{},[3786,8124,8125],{},"Приклад:",[3851,8127,8129],{"className":4668,"code":8128,"language":4670,"meta":3856,"style":3856},"\u002F\u002F Без strict\nlet value: string;\nvalue = null; \u002F\u002F Дозволено (небезпечно!)\n\n\u002F\u002F З strict: true\nlet value: string;\nvalue = null; \u002F\u002F Error: Type 'null' is not assignable to type 'string'\n",[3756,8130,8131,8136,8149,8163,8167,8172,8184],{"__ignoreMap":3856},[3860,8132,8133],{"class":3862,"line":3863},[3860,8134,8135],{"class":3885},"\u002F\u002F Без strict\n",[3860,8137,8138,8140,8143,8145,8147],{"class":3862,"line":3889},[3860,8139,3867],{"class":3866},[3860,8141,8142],{"class":3870}," value",[3860,8144,4692],{"class":3874},[3860,8146,4695],{"class":4680},[3860,8148,4698],{"class":3874},[3860,8150,8151,8154,8156,8158,8160],{"class":3862,"line":3918},[3860,8152,8153],{"class":3870},"value",[3860,8155,3875],{"class":3874},[3860,8157,8064],{"class":3866},[3860,8159,3936],{"class":3874},[3860,8161,8162],{"class":3885},"\u002F\u002F Дозволено (небезпечно!)\n",[3860,8164,8165],{"class":3862,"line":3925},[3860,8166,3922],{"emptyLinePlaceholder":3921},[3860,8168,8169],{"class":3862,"line":3942},[3860,8170,8171],{"class":3885},"\u002F\u002F З strict: true\n",[3860,8173,8174,8176,8178,8180,8182],{"class":3862,"line":3971},[3860,8175,3867],{"class":3866},[3860,8177,8142],{"class":3870},[3860,8179,4692],{"class":3874},[3860,8181,4695],{"class":4680},[3860,8183,4698],{"class":3874},[3860,8185,8186,8188,8190,8192,8194],{"class":3862,"line":3976},[3860,8187,8153],{"class":3870},[3860,8189,3875],{"class":3874},[3860,8191,8064],{"class":3866},[3860,8193,3936],{"class":3874},[3860,8195,8196],{"class":3885},"\u002F\u002F Error: Type 'null' is not assignable to type 'string'\n",[6209,8198,8199,8200,8202],{},"Завжди використовуйте ",[3756,8201,8012],{}," для нових проєктів. Це запобігає 70-80% типових помилок на ранніх етапах розробки.",[3815,8204],{},[3823,8206,8207],{},"Продовжити з наступною секцією про еволюцію до Vite?",[3818,8209,8211],{"id":8210},"еволюція-від-tsc-до-сучасних-інструментів-збірки","Еволюція від tsc до сучасних інструментів збірки",[4028,8213,8215],{"id":8214},"обмеження-класичної-tsc-компіляції","Обмеження класичної tsc-компіляції",[3823,8217,8218,8219,8221],{},"Компілятор ",[3756,8220,3758],{}," чудово справляється з перевіркою типів та трансформацією TypeScript у JavaScript, але має кілька фундаментальних обмежень для сучасної веброзробки:",[3823,8223,8224],{},[3786,8225,8226],{},"1. Відсутність бандлінгу (bundling):",[3823,8228,8229,8231,8232,8234,8235,8237],{},[3756,8230,3758],{}," компілює кожен ",[3756,8233,4444],{}," файл у окремий ",[3756,8236,4440],{}," файл, зберігаючи структуру каталогів. Це означає, що якщо ваш проєкт має 50 файлів, згенерується 50 JavaScript-файлів. Браузер повинен завантажити всі ці файли окремими HTTP-запитами:",[3851,8239,8242],{"className":8240,"code":8241,"language":7976},[7974],"src\u002F\n├── index.ts\n├── utils\u002F\n│   ├── math.ts\n│   ├── string.ts\n│   └── validation.ts\n└── components\u002F\n    ├── button.ts\n    └── card.ts\n\n↓ npx tsc\n\ndist\u002F\n├── index.js\n├── utils\u002F\n│   ├── math.js\n│   ├── string.js\n│   └── validation.js\n└── components\u002F\n    ├── button.js\n    └── card.js\n",[3756,8243,8241],{"__ignoreMap":3856},[3823,8245,8246],{},"Кожен файл — окремий HTTP-запит. Для великих проєктів це сотні запитів, що критично сповільнює завантаження.",[3823,8248,8249],{},[3786,8250,8251],{},"2. Немає оптимізацій коду:",[3823,8253,8254,8256,8257,8260],{},[3756,8255,3758],{}," не мініфікує код, не видаляє невикористані змінні (",[3827,8258,8259],{},"tree shaking","), не оптимізує імпорти. Згенерований JavaScript містить коментарі, пробіли, повні назви змінних.",[3823,8262,8263],{},[3786,8264,8265],{},"3. Відсутність Hot Module Replacement (HMR):",[3823,8267,8268,8269,8272],{},"При зміні файлу доводиться перекомпілювати весь проєкт командою ",[3756,8270,8271],{},"npx tsc --watch"," та вручну перезавантажувати браузер. Немає автоматичного оновлення змін у реальному часі.",[3823,8274,8275],{},[3786,8276,8277],{},"4. Повільна компіляція великих проєктів:",[3823,8279,8280,8282],{},[3756,8281,3758],{}," написаний на TypeScript та виконується у Node.js. Для проєктів з тисячами файлів компіляція може займати хвилини.",[4447,8284,8286],{"alt":8285},"Обмеження tsc для браузерної розробки",[3851,8287,8289],{"className":4451,"code":8288,"language":4453,"meta":3856,"style":3856},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\nrectangle \"tsc компіляція\" as TSC #FEF3C7 {\n    rectangle \"50 .ts файлів\" as TS\n    rectangle \"50 .js файлів\" as JS\n}\n\nrectangle \"Браузер\" as Browser #FCA5A5 {\n    note bottom\n    50 HTTP-запитів!\n    Немає мініфікації\n    Немає tree shaking\n    Повільне завантаження\n    end note\n}\n\nTS -down-> JS : npx tsc\nJS -right-> Browser : завантаження\n\nnote right of TSC\n  tsc НЕ об'єднує файли,\n  НЕ оптимізує код,\n  НЕ мініфікує вихід\nend note\n@enduml\n",[3756,8290,8291,8295,8299,8303,8307,8312,8317,8322,8326,8330,8335,8339,8344,8349,8354,8359,8363,8367,8371,8376,8381,8385,8390,8395,8400,8405,8409],{"__ignoreMap":3856},[3860,8292,8293],{"class":3862,"line":3863},[3860,8294,4460],{},[3860,8296,8297],{"class":3862,"line":3889},[3860,8298,4465],{},[3860,8300,8301],{"class":3862,"line":3918},[3860,8302,4470],{},[3860,8304,8305],{"class":3862,"line":3925},[3860,8306,3922],{"emptyLinePlaceholder":3921},[3860,8308,8309],{"class":3862,"line":3942},[3860,8310,8311],{},"rectangle \"tsc компіляція\" as TSC #FEF3C7 {\n",[3860,8313,8314],{"class":3862,"line":3971},[3860,8315,8316],{},"    rectangle \"50 .ts файлів\" as TS\n",[3860,8318,8319],{"class":3862,"line":3976},[3860,8320,8321],{},"    rectangle \"50 .js файлів\" as JS\n",[3860,8323,8324],{"class":3862,"line":4005},[3860,8325,4121],{},[3860,8327,8328],{"class":3862,"line":4497},[3860,8329,3922],{"emptyLinePlaceholder":3921},[3860,8331,8332],{"class":3862,"line":4503},[3860,8333,8334],{},"rectangle \"Браузер\" as Browser #FCA5A5 {\n",[3860,8336,8337],{"class":3862,"line":4509},[3860,8338,5059],{},[3860,8340,8341],{"class":3862,"line":4515},[3860,8342,8343],{},"    50 HTTP-запитів!\n",[3860,8345,8346],{"class":3862,"line":4521},[3860,8347,8348],{},"    Немає мініфікації\n",[3860,8350,8351],{"class":3862,"line":4527},[3860,8352,8353],{},"    Немає tree shaking\n",[3860,8355,8356],{"class":3862,"line":4532},[3860,8357,8358],{},"    Повільне завантаження\n",[3860,8360,8361],{"class":3862,"line":4537},[3860,8362,5083],{},[3860,8364,8365],{"class":3862,"line":4543},[3860,8366,4121],{},[3860,8368,8369],{"class":3862,"line":4548},[3860,8370,3922],{"emptyLinePlaceholder":3921},[3860,8372,8373],{"class":3862,"line":4554},[3860,8374,8375],{},"TS -down-> JS : npx tsc\n",[3860,8377,8378],{"class":3862,"line":4560},[3860,8379,8380],{},"JS -right-> Browser : завантаження\n",[3860,8382,8383],{"class":3862,"line":4566},[3860,8384,3922],{"emptyLinePlaceholder":3921},[3860,8386,8387],{"class":3862,"line":4572},[3860,8388,8389],{},"note right of TSC\n",[3860,8391,8392],{"class":3862,"line":4578},[3860,8393,8394],{},"  tsc НЕ об'єднує файли,\n",[3860,8396,8397],{"class":3862,"line":5135},[3860,8398,8399],{},"  НЕ оптимізує код,\n",[3860,8401,8402],{"class":3862,"line":5141},[3860,8403,8404],{},"  НЕ мініфікує вихід\n",[3860,8406,8407],{"class":3862,"line":5146},[3860,8408,4575],{},[3860,8410,8411],{"class":3862,"line":5152},[3860,8412,4581],{},[4028,8414,8416],{"id":8415},"рішення-бандлери-та-інструменти-збірки","Рішення: Бандлери та інструменти збірки",[3823,8418,8419,8420,3837,8423,8426],{},"Для вирішення цих проблем виникли ",[3786,8421,8422],{},"бандлери",[3827,8424,8425],{},"bundlers",") — інструменти, що об'єднують кілька модулів у один або кілька оптимізованих файлів:",[3746,8428,8429,8435,8441,8447,8453],{},[3749,8430,8431,8434],{},[3786,8432,8433],{},"Webpack"," (2012) — потужний, але складний у налаштуванні",[3749,8436,8437,8440],{},[3786,8438,8439],{},"Rollup"," (2015) — спеціалізований для бібліотек, чудовий tree shaking",[3749,8442,8443,8446],{},[3786,8444,8445],{},"Parcel"," (2017) — zero-config, автоматичні налаштування",[3749,8448,8449,8452],{},[3786,8450,8451],{},"esbuild"," (2020) — надшвидкий, написаний на Go",[3749,8454,8455,8458],{},[3786,8456,8457],{},"Vite"," (2020) — сучасний, заснований на esbuild та Rollup",[4028,8460,8462],{"id":8461},"vite-швидкість-та-простота","Vite: швидкість та простота",[3823,8464,8465,3837,8467,8470],{},[3786,8466,8457],{},[3827,8468,8469],{},"від французького «швидкий»",") — це інструмент збірки нового покоління, створений Еваном Ю (автором Vue.js). Vite використовує нативні ES-модулі браузера під час розробки та Rollup для продакшн-збірки.",[3823,8472,8473],{},[3786,8474,8475],{},"Ключові переваги Vite:",[5566,8477,8478,8484,8490,8496],{},[3749,8479,8480,8483],{},[3786,8481,8482],{},"Миттєвий запуск dev-сервера"," — не потрібно збирати весь проєкт перед стартом.",[3749,8485,8486,8489],{},[3786,8487,8488],{},"Hot Module Replacement (HMR)"," — зміни з'являються у браузері за мілісекунди.",[3749,8491,8492,8495],{},[3786,8493,8494],{},"Вбудована підтримка TypeScript"," — не потрібно налаштовувати tsc.",[3749,8497,8498,8501],{},[3786,8499,8500],{},"Оптимізація для продакшену"," — автоматична мініфікація, tree shaking, code splitting.",[4028,8503,8505],{"id":8504},"встановлення-проєкту-з-vite","Встановлення проєкту з Vite",[3823,8507,8508],{},"Створіть новий проєкт:",[3851,8510,8512],{"className":5258,"code":8511,"language":5260,"meta":3856,"style":3856},"npm create vite@latest my-app -- --template vanilla-ts\ncd my-app\nnpm install\n",[3756,8513,8514,8536,8543],{"__ignoreMap":3856},[3860,8515,8516,8518,8521,8524,8527,8530,8533],{"class":3862,"line":3863},[3860,8517,5278],{"class":3897},[3860,8519,8520],{"class":3878}," create",[3860,8522,8523],{"class":3878}," vite@latest",[3860,8525,8526],{"class":3878}," my-app",[3860,8528,8529],{"class":3866}," --",[3860,8531,8532],{"class":3866}," --template",[3860,8534,8535],{"class":3878}," vanilla-ts\n",[3860,8537,8538,8540],{"class":3862,"line":3889},[3860,8539,5304],{"class":3897},[3860,8541,8542],{"class":3878}," my-app\n",[3860,8544,8545,8547],{"class":3862,"line":3918},[3860,8546,5278],{"class":3897},[3860,8548,8549],{"class":3878}," install\n",[3823,8551,8552],{},"Структура згенерованого проєкту:",[8554,8555,8556],"code-tree",{},[3851,8557,8561],{"className":8558,"code":8559,"filename":8560,"language":7976,"meta":3856},[7974],"my-app\u002F\n├── src\u002F\n│   ├── main.ts          # Точка входу\n│   ├── style.css\n│   └── vite-env.d.ts    # Типи для Vite\n├── index.html           # HTML-шаблон\n├── tsconfig.json        # Конфігурація TypeScript\n├── vite.config.ts       # Конфігурація Vite (опціонально)\n└── package.json\n","Структура Vite-проєкту",[3756,8562,8559],{"__ignoreMap":3856},[3823,8564,8565],{},"Запустіть dev-сервер:",[3851,8567,8569],{"className":5258,"code":8568,"language":5260,"meta":3856,"style":3856},"npm run dev\n",[3756,8570,8571],{"__ignoreMap":3856},[3860,8572,8573,8575,8578],{"class":3862,"line":3863},[3860,8574,5278],{"class":3897},[3860,8576,8577],{"class":3878}," run",[3860,8579,8580],{"class":3878}," dev\n",[5403,8582,8584,8593,8596,8608,8611,8629],{":cursor":6584,"title":8583},"npm run dev",[5408,8585,8587,5416,8590],{"className":8586},[3862],[3860,8588,5415],{"className":8589},[5414],[3786,8591,8583],{"className":8592},[5420],[5408,8594],{"className":8595},[3862],[5408,8597,8599,8603,8604],{"className":8598},[3862],[3860,8600,8602],{"className":8601},[7387,5420],"VITE"," v5.0.10 ",[3860,8605,8607],{"className":8606},[7393],"ready in 324 ms",[5408,8609],{"className":8610},[3862],[5408,8612,8614,8618,8619,8623,8624],{"className":8613},[3862],[3860,8615,8617],{"className":8616},[5427],"➜","  ",[3860,8620,8622],{"className":8621},[5420],"Local:","   ",[3860,8625,8628],{"className":8626},[8627],"text-cyan-400","http:\u002F\u002Flocalhost:5173\u002F",[5408,8630,8632,8618,8635,8639,8640,8644],{"className":8631},[3862],[3860,8633,8617],{"className":8634},[5427],[3860,8636,8638],{"className":8637},[5420],"Network:"," use ",[3860,8641,8643],{"className":8642},[7393],"--host"," to expose",[3823,8646,8647,8648,8650,8651,8654],{},"Відкрийте ",[3756,8649,8628],{}," — застосунок працює! Змініть ",[3756,8652,8653],{},"src\u002Fmain.ts",", збережіть файл — зміни миттєво з'являться у браузері без перезавантаження сторінки.",[3815,8656],{},[3818,8658,8660],{"id":8659},"концепція-noemit-typescript-без-компіляції","Концепція noEmit: TypeScript без компіляції",[3823,8662,8663,8664,8666],{},"Подивимося на ",[3756,8665,3765],{},", згенерований Vite:",[3851,8668,8670],{"className":6531,"code":8669,"language":6533,"meta":3856,"style":3856},"{\n  \"compilerOptions\": {\n    \"target\": \"ES2020\",\n    \"useDefineForClassFields\": true,\n    \"module\": \"ESNext\",\n    \"lib\": [\"ES2020\", \"DOM\", \"DOM.Iterable\"],\n    \"skipLibCheck\": true,\n\n    \u002F* Bundler mode *\u002F\n    \"moduleResolution\": \"bundler\",\n    \"allowImportingTsExtensions\": true,\n    \"resolveJsonModule\": true,\n    \"isolatedModules\": true,\n    \"noEmit\": true,  \u002F\u002F \u003C-- КЛЮЧОВА ОПЦІЯ!\n\n    \u002F* Linting *\u002F\n    \"strict\": true,\n    \"noUnusedLocals\": true,\n    \"noUnusedParameters\": true,\n    \"noFallthroughCasesInSwitch\": true\n  },\n  \"include\": [\"src\"]\n}\n",[3756,8671,8672,8676,8682,8693,8704,8715,8738,8748,8752,8757,8769,8780,8791,8802,8817,8821,8826,8836,8847,8858,8867,8871,8883],{"__ignoreMap":3856},[3860,8673,8674],{"class":3862,"line":3863},[3860,8675,6540],{"class":3874},[3860,8677,8678,8680],{"class":3862,"line":3889},[3860,8679,6546],{"class":6545},[3860,8681,6549],{"class":3874},[3860,8683,8684,8686,8688,8691],{"class":3862,"line":3918},[3860,8685,6554],{"class":6545},[3860,8687,4692],{"class":3874},[3860,8689,8690],{"class":3878},"\"ES2020\"",[3860,8692,6562],{"class":3874},[3860,8694,8695,8698,8700,8702],{"class":3862,"line":3925},[3860,8696,8697],{"class":6545},"    \"useDefineForClassFields\"",[3860,8699,4692],{"class":3874},[3860,8701,6584],{"class":3866},[3860,8703,6562],{"class":3874},[3860,8705,8706,8708,8710,8713],{"class":3862,"line":3942},[3860,8707,6567],{"class":6545},[3860,8709,4692],{"class":3874},[3860,8711,8712],{"class":3878},"\"ESNext\"",[3860,8714,6562],{"class":3874},[3860,8716,8717,8720,8723,8725,8727,8730,8732,8735],{"class":3862,"line":3971},[3860,8718,8719],{"class":6545},"    \"lib\"",[3860,8721,8722],{"class":3874},": [",[3860,8724,8690],{"class":3878},[3860,8726,3990],{"class":3874},[3860,8728,8729],{"class":3878},"\"DOM\"",[3860,8731,3990],{"class":3874},[3860,8733,8734],{"class":3878},"\"DOM.Iterable\"",[3860,8736,8737],{"class":3874},"],\n",[3860,8739,8740,8742,8744,8746],{"class":3862,"line":3976},[3860,8741,6602],{"class":6545},[3860,8743,4692],{"class":3874},[3860,8745,6584],{"class":3866},[3860,8747,6562],{"class":3874},[3860,8749,8750],{"class":3862,"line":4005},[3860,8751,3922],{"emptyLinePlaceholder":3921},[3860,8753,8754],{"class":3862,"line":4497},[3860,8755,8756],{"class":3885},"    \u002F* Bundler mode *\u002F\n",[3860,8758,8759,8762,8764,8767],{"class":3862,"line":4503},[3860,8760,8761],{"class":6545},"    \"moduleResolution\"",[3860,8763,4692],{"class":3874},[3860,8765,8766],{"class":3878},"\"bundler\"",[3860,8768,6562],{"class":3874},[3860,8770,8771,8774,8776,8778],{"class":3862,"line":4509},[3860,8772,8773],{"class":6545},"    \"allowImportingTsExtensions\"",[3860,8775,4692],{"class":3874},[3860,8777,6584],{"class":3866},[3860,8779,6562],{"class":3874},[3860,8781,8782,8785,8787,8789],{"class":3862,"line":4515},[3860,8783,8784],{"class":6545},"    \"resolveJsonModule\"",[3860,8786,4692],{"class":3874},[3860,8788,6584],{"class":3866},[3860,8790,6562],{"class":3874},[3860,8792,8793,8796,8798,8800],{"class":3862,"line":4521},[3860,8794,8795],{"class":6545},"    \"isolatedModules\"",[3860,8797,4692],{"class":3874},[3860,8799,6584],{"class":3866},[3860,8801,6562],{"class":3874},[3860,8803,8804,8807,8809,8811,8814],{"class":3862,"line":4527},[3860,8805,8806],{"class":6545},"    \"noEmit\"",[3860,8808,4692],{"class":3874},[3860,8810,6584],{"class":3866},[3860,8812,8813],{"class":3874},",  ",[3860,8815,8816],{"class":3885},"\u002F\u002F \u003C-- КЛЮЧОВА ОПЦІЯ!\n",[3860,8818,8819],{"class":3862,"line":4532},[3860,8820,3922],{"emptyLinePlaceholder":3921},[3860,8822,8823],{"class":3862,"line":4537},[3860,8824,8825],{"class":3885},"    \u002F* Linting *\u002F\n",[3860,8827,8828,8830,8832,8834],{"class":3862,"line":4543},[3860,8829,6579],{"class":6545},[3860,8831,4692],{"class":3874},[3860,8833,6584],{"class":3866},[3860,8835,6562],{"class":3874},[3860,8837,8838,8841,8843,8845],{"class":3862,"line":4548},[3860,8839,8840],{"class":6545},"    \"noUnusedLocals\"",[3860,8842,4692],{"class":3874},[3860,8844,6584],{"class":3866},[3860,8846,6562],{"class":3874},[3860,8848,8849,8852,8854,8856],{"class":3862,"line":4554},[3860,8850,8851],{"class":6545},"    \"noUnusedParameters\"",[3860,8853,4692],{"class":3874},[3860,8855,6584],{"class":3866},[3860,8857,6562],{"class":3874},[3860,8859,8860,8863,8865],{"class":3862,"line":4560},[3860,8861,8862],{"class":6545},"    \"noFallthroughCasesInSwitch\"",[3860,8864,4692],{"class":3874},[3860,8866,6618],{"class":3866},[3860,8868,8869],{"class":3862,"line":4566},[3860,8870,6707],{"class":3874},[3860,8872,8873,8875,8877,8880],{"class":3862,"line":4572},[3860,8874,6712],{"class":6545},[3860,8876,8722],{"class":3874},[3860,8878,8879],{"class":3878},"\"src\"",[3860,8881,8882],{"class":3874},"]\n",[3860,8884,8885],{"class":3862,"line":4578},[3860,8886,4121],{"class":3874},[3823,8888,8889,8890,8895],{},"Зверніть увагу на параметр ",[3786,8891,8892],{},[3756,8893,8894],{},"noEmit: true",". Що це означає?",[4028,8897,8899],{"id":8898},"що-таке-noemit","Що таке noEmit?",[3823,8901,8902,8904,8905,8908,8909,3837,8912,8915,8916,8918],{},[3756,8903,8894],{}," вказує компілятору TypeScript ",[3786,8906,8907],{},"не генерувати JavaScript-файли",". tsc виконує лише ",[3786,8910,8911],{},"перевірку типів",[3827,8913,8914],{},"type checking",") без створення вихідних ",[3756,8917,4440],{}," файлів.",[3823,8920,8921],{},[3786,8922,8923],{},"Чому це потрібно у Vite-проєкті?",[3823,8925,8926,8927,8930],{},"Vite має власний транспілятор (esbuild), що перетворює TypeScript у JavaScript ",[3786,8928,8929],{},"на льоту"," під час розробки та через Rollup при збірці для продакшену. Це набагато швидше, ніж tsc.",[3823,8932,8933],{},"Роль TypeScript у Vite-проєкті:",[5566,8935,8936,8942,8948],{},[3749,8937,8938,8941],{},[3786,8939,8940],{},"Перевірка типів"," — знаходження помилок типізації.",[3749,8943,8944,8947],{},[3786,8945,8946],{},"Інтелектуальні підказки IDE"," — автодоповнення, навігація по коду.",[3749,8949,8950,8953],{},[3786,8951,8952],{},"Статичний аналіз"," — виявлення потенційних помилок до виконання.",[3823,8955,8956],{},"Роль Vite:",[5566,8958,8959,8965,8971,8977],{},[3749,8960,8961,8964],{},[3786,8962,8963],{},"Транспіляція TypeScript → JavaScript"," (через esbuild).",[3749,8966,8967,8970],{},[3786,8968,8969],{},"Бандлінг модулів"," (об'єднання файлів).",[3749,8972,8973,8976],{},[3786,8974,8975],{},"Оптимізація коду"," (мініфікація, tree shaking).",[3749,8978,8979,8982],{},[3786,8980,8981],{},"Hot Module Replacement"," (миттєве оновлення у браузері).",[4447,8984,8986],{"alt":8985},"Розділення відповідальності: TypeScript vs Vite",[3851,8987,8989],{"className":4451,"code":8988,"language":4453,"meta":3856,"style":3856},"@startuml\nskinparam style plain\nskinparam backgroundColor #FFFFFF\n\nrectangle \"TypeScript (tsc)\" as TSC #DBEAFE {\n    rectangle \"Перевірка типів\" as Check\n    rectangle \"Аналіз коду\" as Analysis\n    rectangle \"IDE-підтримка\" as IDE\n    \n    note bottom\n    noEmit: true\n    НЕ генерує .js файли\n    end note\n}\n\nrectangle \"Vite (esbuild + Rollup)\" as Vite #DCFCE7 {\n    rectangle \"Транспіляція TS→JS\" as Trans\n    rectangle \"Бандлінг\" as Bundle\n    rectangle \"Оптимізація\" as Opt\n    rectangle \"HMR\" as HMR\n}\n\nTSC -down-> Vite : передає перевірені типи\nVite -down-> \"Браузер\" : оптимізований код\n\nnote right of TSC\n  TypeScript відповідає\n  за коректність типів\nend note\n\nnote right of Vite\n  Vite відповідає за\n  швидкість та оптимізацію\nend note\n@enduml\n",[3756,8990,8991,8995,8999,9003,9007,9012,9017,9022,9027,9031,9035,9040,9045,9049,9053,9057,9062,9067,9072,9077,9082,9086,9090,9095,9100,9104,9108,9113,9118,9122,9126,9131,9136,9141,9145],{"__ignoreMap":3856},[3860,8992,8993],{"class":3862,"line":3863},[3860,8994,4460],{},[3860,8996,8997],{"class":3862,"line":3889},[3860,8998,4465],{},[3860,9000,9001],{"class":3862,"line":3918},[3860,9002,4470],{},[3860,9004,9005],{"class":3862,"line":3925},[3860,9006,3922],{"emptyLinePlaceholder":3921},[3860,9008,9009],{"class":3862,"line":3942},[3860,9010,9011],{},"rectangle \"TypeScript (tsc)\" as TSC #DBEAFE {\n",[3860,9013,9014],{"class":3862,"line":3971},[3860,9015,9016],{},"    rectangle \"Перевірка типів\" as Check\n",[3860,9018,9019],{"class":3862,"line":3976},[3860,9020,9021],{},"    rectangle \"Аналіз коду\" as Analysis\n",[3860,9023,9024],{"class":3862,"line":4005},[3860,9025,9026],{},"    rectangle \"IDE-підтримка\" as IDE\n",[3860,9028,9029],{"class":3862,"line":4497},[3860,9030,4489],{},[3860,9032,9033],{"class":3862,"line":4503},[3860,9034,5059],{},[3860,9036,9037],{"class":3862,"line":4509},[3860,9038,9039],{},"    noEmit: true\n",[3860,9041,9042],{"class":3862,"line":4515},[3860,9043,9044],{},"    НЕ генерує .js файли\n",[3860,9046,9047],{"class":3862,"line":4521},[3860,9048,5083],{},[3860,9050,9051],{"class":3862,"line":4527},[3860,9052,4121],{},[3860,9054,9055],{"class":3862,"line":4532},[3860,9056,3922],{"emptyLinePlaceholder":3921},[3860,9058,9059],{"class":3862,"line":4537},[3860,9060,9061],{},"rectangle \"Vite (esbuild + Rollup)\" as Vite #DCFCE7 {\n",[3860,9063,9064],{"class":3862,"line":4543},[3860,9065,9066],{},"    rectangle \"Транспіляція TS→JS\" as Trans\n",[3860,9068,9069],{"class":3862,"line":4548},[3860,9070,9071],{},"    rectangle \"Бандлінг\" as Bundle\n",[3860,9073,9074],{"class":3862,"line":4554},[3860,9075,9076],{},"    rectangle \"Оптимізація\" as Opt\n",[3860,9078,9079],{"class":3862,"line":4560},[3860,9080,9081],{},"    rectangle \"HMR\" as HMR\n",[3860,9083,9084],{"class":3862,"line":4566},[3860,9085,4121],{},[3860,9087,9088],{"class":3862,"line":4572},[3860,9089,3922],{"emptyLinePlaceholder":3921},[3860,9091,9092],{"class":3862,"line":4578},[3860,9093,9094],{},"TSC -down-> Vite : передає перевірені типи\n",[3860,9096,9097],{"class":3862,"line":5135},[3860,9098,9099],{},"Vite -down-> \"Браузер\" : оптимізований код\n",[3860,9101,9102],{"class":3862,"line":5141},[3860,9103,3922],{"emptyLinePlaceholder":3921},[3860,9105,9106],{"class":3862,"line":5146},[3860,9107,8389],{},[3860,9109,9110],{"class":3862,"line":5152},[3860,9111,9112],{},"  TypeScript відповідає\n",[3860,9114,9115],{"class":3862,"line":5158},[3860,9116,9117],{},"  за коректність типів\n",[3860,9119,9120],{"class":3862,"line":5164},[3860,9121,4575],{},[3860,9123,9124],{"class":3862,"line":5169},[3860,9125,3922],{"emptyLinePlaceholder":3921},[3860,9127,9128],{"class":3862,"line":5174},[3860,9129,9130],{},"note right of Vite\n",[3860,9132,9133],{"class":3862,"line":5179},[3860,9134,9135],{},"  Vite відповідає за\n",[3860,9137,9138],{"class":3862,"line":5184},[3860,9139,9140],{},"  швидкість та оптимізацію\n",[3860,9142,9143],{"class":3862,"line":5190},[3860,9144,4575],{},[3860,9146,9147],{"class":3862,"line":5195},[3860,9148,4581],{},[4028,9150,9152],{"id":9151},"перевірка-типів-у-vite-проєкті","Перевірка типів у Vite-проєкті",[3823,9154,9155,9156,9159,9160,9162],{},"Vite ",[3786,9157,9158],{},"не перевіряє типи"," під час dev-сервера для максимальної швидкості. Помилки типізації з'являються лише у редакторі коду (VS Code) або при запуску ",[3756,9161,3758],{}," вручну.",[3823,9164,9165,9166,5458],{},"Додайте скрипт для перевірки типів у ",[3756,9167,9168],{},"package.json",[3851,9170,9172],{"className":6531,"code":9171,"language":6533,"meta":3856,"style":3856},"{\n  \"scripts\": {\n    \"dev\": \"vite\",\n    \"build\": \"tsc && vite build\",  \u002F\u002F Перевірка типів перед збіркою\n    \"preview\": \"vite preview\",\n    \"typecheck\": \"tsc --noEmit\"    \u002F\u002F Лише перевірка типів\n  }\n}\n",[3756,9173,9174,9178,9185,9197,9212,9224,9237,9241],{"__ignoreMap":3856},[3860,9175,9176],{"class":3862,"line":3863},[3860,9177,6540],{"class":3874},[3860,9179,9180,9183],{"class":3862,"line":3889},[3860,9181,9182],{"class":6545},"  \"scripts\"",[3860,9184,6549],{"class":3874},[3860,9186,9187,9190,9192,9195],{"class":3862,"line":3918},[3860,9188,9189],{"class":6545},"    \"dev\"",[3860,9191,4692],{"class":3874},[3860,9193,9194],{"class":3878},"\"vite\"",[3860,9196,6562],{"class":3874},[3860,9198,9199,9202,9204,9207,9209],{"class":3862,"line":3925},[3860,9200,9201],{"class":6545},"    \"build\"",[3860,9203,4692],{"class":3874},[3860,9205,9206],{"class":3878},"\"tsc && vite build\"",[3860,9208,8813],{"class":3874},[3860,9210,9211],{"class":3885},"\u002F\u002F Перевірка типів перед збіркою\n",[3860,9213,9214,9217,9219,9222],{"class":3862,"line":3942},[3860,9215,9216],{"class":6545},"    \"preview\"",[3860,9218,4692],{"class":3874},[3860,9220,9221],{"class":3878},"\"vite preview\"",[3860,9223,6562],{"class":3874},[3860,9225,9226,9229,9231,9234],{"class":3862,"line":3971},[3860,9227,9228],{"class":6545},"    \"typecheck\"",[3860,9230,4692],{"class":3874},[3860,9232,9233],{"class":3878},"\"tsc --noEmit\"",[3860,9235,9236],{"class":3885},"    \u002F\u002F Лише перевірка типів\n",[3860,9238,9239],{"class":3862,"line":3976},[3860,9240,6623],{"class":3874},[3860,9242,9243],{"class":3862,"line":4005},[3860,9244,4121],{"class":3874},[3823,9246,9247],{},"Тепер можна запустити:",[3851,9249,9251],{"className":5258,"code":9250,"language":5260,"meta":3856,"style":3856},"npm run typecheck\n",[3756,9252,9253],{"__ignoreMap":3856},[3860,9254,9255,9257,9259],{"class":3862,"line":3863},[3860,9256,5278],{"class":3897},[3860,9258,8577],{"class":3878},[3860,9260,9261],{"class":3878}," typecheck\n",[5403,9263,9265,9274,9277,9286,9289,9296,9304,9307],{":cursor":6584,"title":9264},"npm run typecheck",[5408,9266,9268,5416,9271],{"className":9267},[3862],[3860,9269,5415],{"className":9270},[5414],[3786,9272,9264],{"className":9273},[5420],[5408,9275],{"className":9276},[3862],[5408,9278,9280,9285],{"className":9279},[3862],[3860,9281,9284],{"className":9282},[9283,5420],"text-red-400","src\u002Fmain.ts:5:7 - error TS2322:"," Type 'number' is not assignable to type 'string'.",[5408,9287],{"className":9288},[3862],[5408,9290,9292,9295],{"className":9291},[3862],[3860,9293,5759],{"className":9294},[7393],"   let name: string = 42;",[5408,9297,9299,9300],{"className":9298},[3862],"      ",[3860,9301,9303],{"className":9302},[9283],"~~~~",[5408,9305],{"className":9306},[3862],[5408,9308,9310],{"className":9309},[3862],[3860,9311,9313],{"className":9312},[7387],"Found 1 error.",[6209,9315,9316,9317,9319],{},"У CI\u002FCD-конвеєрах завжди додавайте крок ",[3756,9318,9264],{}," перед збіркою. Це гарантує, що код без помилок типізації потрапить у продакшен, навіть якщо розробник пропустив помилку у редакторі.",[3815,9321],{},[3818,9323,9325],{"id":9324},"порівняння-підходів-tsc-vs-vite","Порівняння підходів: tsc vs Vite",[9327,9328,9329,9345],"table",{},[9330,9331,9332],"thead",{},[9333,9334,9335,9339,9342],"tr",{},[9336,9337,9338],"th",{},"Критерій",[9336,9340,9341],{},"tsc (класичний)",[9336,9343,9344],{},"Vite + noEmit",[9346,9347,9348,9362,9377,9390,9403,9416,9428,9441],"tbody",{},[9333,9349,9350,9356,9359],{},[9351,9352,9353],"td",{},[3786,9354,9355],{},"Транспіляція",[9351,9357,9358],{},"tsc перетворює TS→JS",[9351,9360,9361],{},"esbuild (швидше у 10-100 разів)",[9333,9363,9364,9368,9371],{},[9351,9365,9366],{},[3786,9367,8940],{},[9351,9369,9370],{},"Так, під час компіляції",[9351,9372,9373,9374],{},"Окремо через ",[3756,9375,9376],{},"tsc --noEmit",[9333,9378,9379,9384,9387],{},[9351,9380,9381],{},[3786,9382,9383],{},"Бандлінг",[9351,9385,9386],{},"Ні (кожен файл окремо)",[9351,9388,9389],{},"Так (Rollup для продакшену)",[9333,9391,9392,9397,9400],{},[9351,9393,9394],{},[3786,9395,9396],{},"HMR",[9351,9398,9399],{},"Ні",[9351,9401,9402],{},"Так (миттєво)",[9333,9404,9405,9410,9413],{},[9351,9406,9407],{},[3786,9408,9409],{},"Швидкість dev-сервера",[9351,9411,9412],{},"Повільно (перекомпіляція)",[9351,9414,9415],{},"Миттєво (на льоту)",[9333,9417,9418,9423,9425],{},[9351,9419,9420],{},[3786,9421,9422],{},"Оптимізація продакшену",[9351,9424,9399],{},[9351,9426,9427],{},"Так (мініфікація, tree shaking)",[9333,9429,9430,9435,9438],{},[9351,9431,9432],{},[3786,9433,9434],{},"Складність налаштування",[9351,9436,9437],{},"Проста",[9351,9439,9440],{},"Проста (zero-config)",[9333,9442,9443,9448,9451],{},[9351,9444,9445],{},[3786,9446,9447],{},"Коли використовувати",[9351,9449,9450],{},"Node.js-бібліотеки",[9351,9452,9453],{},"Браузерні застосунки",[4394,9455,9456,9457,9460,9461,9464],{},"Для ",[3786,9458,9459],{},"Node.js-проєктів"," (серверів, CLI-утиліт, бібліотек) tsc залишається стандартним вибором, оскільки там не потрібні бандлінг та HMR. Для ",[3786,9462,9463],{},"браузерних застосунків"," Vite (або інші бандлери) є де-факто стандартом.",[3815,9466],{},[3818,9468,9470],{"id":9469},"практичний-приклад-typescript-vite","Практичний приклад: TypeScript + Vite",[3823,9472,9473],{},"Створимо простий калькулятор з типізацією:",[8554,9475,9476,9722],{},[3851,9477,9480],{"className":4668,"code":9478,"filename":9479,"language":4670,"meta":3856,"style":3856},"type Operation = 'add' | 'subtract' | 'multiply' | 'divide';\n\nfunction calculate(a: number, b: number, op: Operation): number {\n  switch (op) {\n    case 'add':\n      return a + b;\n    case 'subtract':\n      return a - b;\n    case 'multiply':\n      return a * b;\n    case 'divide':\n      if (b === 0) {\n        throw new Error('Division by zero');\n      }\n      return a \u002F b;\n  }\n}\n\nexport { calculate, type Operation };\n","src\u002Fcalculator.ts",[3756,9481,9482,9512,9516,9555,9566,9577,9590,9599,9612,9621,9633,9642,9658,9676,9681,9693,9697,9701,9705],{"__ignoreMap":3856},[3860,9483,9484,9486,9489,9491,9494,9497,9500,9502,9505,9507,9510],{"class":3862,"line":3863},[3860,9485,4677],{"class":3866},[3860,9487,9488],{"class":4680}," Operation",[3860,9490,3875],{"class":3874},[3860,9492,9493],{"class":3878},"'add'",[3860,9495,9496],{"class":3874}," | ",[3860,9498,9499],{"class":3878},"'subtract'",[3860,9501,9496],{"class":3874},[3860,9503,9504],{"class":3878},"'multiply'",[3860,9506,9496],{"class":3874},[3860,9508,9509],{"class":3878},"'divide'",[3860,9511,4698],{"class":3874},[3860,9513,9514],{"class":3862,"line":3889},[3860,9515,3922],{"emptyLinePlaceholder":3921},[3860,9517,9518,9520,9523,9525,9527,9529,9531,9533,9535,9537,9539,9541,9544,9546,9549,9551,9553],{"class":3862,"line":3918},[3860,9519,4083],{"class":3866},[3860,9521,9522],{"class":3897}," calculate",[3860,9524,3901],{"class":3874},[3860,9526,5643],{"class":3870},[3860,9528,4692],{"class":3874},[3860,9530,5648],{"class":4680},[3860,9532,3990],{"class":3874},[3860,9534,5653],{"class":3870},[3860,9536,4692],{"class":3874},[3860,9538,5648],{"class":4680},[3860,9540,3990],{"class":3874},[3860,9542,9543],{"class":3870},"op",[3860,9545,4692],{"class":3874},[3860,9547,9548],{"class":4680},"Operation",[3860,9550,4748],{"class":3874},[3860,9552,5648],{"class":4680},[3860,9554,4753],{"class":3874},[3860,9556,9557,9560,9562,9564],{"class":3862,"line":3925},[3860,9558,9559],{"class":4099},"  switch",[3860,9561,3837],{"class":3874},[3860,9563,9543],{"class":3870},[3860,9565,4094],{"class":3874},[3860,9567,9568,9571,9574],{"class":3862,"line":3942},[3860,9569,9570],{"class":4099},"    case",[3860,9572,9573],{"class":3878}," 'add'",[3860,9575,9576],{"class":3874},":\n",[3860,9578,9579,9582,9584,9586,9588],{"class":3862,"line":3971},[3860,9580,9581],{"class":4099},"      return",[3860,9583,5670],{"class":3870},[3860,9585,5673],{"class":3874},[3860,9587,5653],{"class":3870},[3860,9589,4698],{"class":3874},[3860,9591,9592,9594,9597],{"class":3862,"line":3976},[3860,9593,9570],{"class":4099},[3860,9595,9596],{"class":3878}," 'subtract'",[3860,9598,9576],{"class":3874},[3860,9600,9601,9603,9605,9608,9610],{"class":3862,"line":4005},[3860,9602,9581],{"class":4099},[3860,9604,5670],{"class":3870},[3860,9606,9607],{"class":3874}," - ",[3860,9609,5653],{"class":3870},[3860,9611,4698],{"class":3874},[3860,9613,9614,9616,9619],{"class":3862,"line":4497},[3860,9615,9570],{"class":4099},[3860,9617,9618],{"class":3878}," 'multiply'",[3860,9620,9576],{"class":3874},[3860,9622,9623,9625,9627,9629,9631],{"class":3862,"line":4503},[3860,9624,9581],{"class":4099},[3860,9626,5670],{"class":3870},[3860,9628,5726],{"class":3874},[3860,9630,5653],{"class":3870},[3860,9632,4698],{"class":3874},[3860,9634,9635,9637,9640],{"class":3862,"line":4509},[3860,9636,9570],{"class":4099},[3860,9638,9639],{"class":3878}," 'divide'",[3860,9641,9576],{"class":3874},[3860,9643,9644,9647,9649,9651,9654,9656],{"class":3862,"line":4515},[3860,9645,9646],{"class":4099},"      if",[3860,9648,3837],{"class":3874},[3860,9650,5653],{"class":3870},[3860,9652,9653],{"class":3874}," === ",[3860,9655,7737],{"class":3932},[3860,9657,4094],{"class":3874},[3860,9659,9660,9663,9666,9669,9671,9674],{"class":3862,"line":4521},[3860,9661,9662],{"class":4099},"        throw",[3860,9664,9665],{"class":3866}," new",[3860,9667,9668],{"class":3897}," Error",[3860,9670,3901],{"class":3874},[3860,9672,9673],{"class":3878},"'Division by zero'",[3860,9675,5767],{"class":3874},[3860,9677,9678],{"class":3862,"line":4527},[3860,9679,9680],{"class":3874},"      }\n",[3860,9682,9683,9685,9687,9689,9691],{"class":3862,"line":4532},[3860,9684,9581],{"class":4099},[3860,9686,5670],{"class":3870},[3860,9688,6813],{"class":3874},[3860,9690,5653],{"class":3870},[3860,9692,4698],{"class":3874},[3860,9694,9695],{"class":3862,"line":4537},[3860,9696,6623],{"class":3874},[3860,9698,9699],{"class":3862,"line":4543},[3860,9700,4121],{"class":3874},[3860,9702,9703],{"class":3862,"line":4548},[3860,9704,3922],{"emptyLinePlaceholder":3921},[3860,9706,9707,9709,9711,9714,9716,9718,9720],{"class":3862,"line":4554},[3860,9708,7462],{"class":4099},[3860,9710,7551],{"class":3874},[3860,9712,9713],{"class":3870},"calculate",[3860,9715,3990],{"class":3874},[3860,9717,4677],{"class":4099},[3860,9719,9488],{"class":3870},[3860,9721,4152],{"class":3874},[3851,9723,9725],{"className":4668,"code":9724,"filename":8653,"language":4670,"meta":3856,"style":3856},"import { calculate } from '.\u002Fcalculator';\n\nconst result1 = calculate(10, 5, 'add');\nconsole.log(`10 + 5 = ${result1}`); \u002F\u002F 15\n\nconst result2 = calculate(10, 5, 'multiply');\nconsole.log(`10 * 5 = ${result2}`); \u002F\u002F 50\n\n\u002F\u002F Помилка типізації (перехоплена tsc):\n\u002F\u002F const result3 = calculate(10, 5, 'modulo'); \n\u002F\u002F Error: Argument of type '\"modulo\"' is not assignable to parameter of type 'Operation'\n",[3756,9726,9727,9744,9748,9773,9800,9804,9829,9856,9860,9865,9870],{"__ignoreMap":3856},[3860,9728,9729,9731,9733,9735,9737,9739,9742],{"class":3862,"line":3863},[3860,9730,7459],{"class":4099},[3860,9732,7551],{"class":3874},[3860,9734,9713],{"class":3870},[3860,9736,7557],{"class":3874},[3860,9738,7560],{"class":4099},[3860,9740,9741],{"class":3878}," '.\u002Fcalculator'",[3860,9743,4698],{"class":3874},[3860,9745,9746],{"class":3862,"line":3889},[3860,9747,3922],{"emptyLinePlaceholder":3921},[3860,9749,9750,9752,9755,9757,9759,9761,9763,9765,9767,9769,9771],{"class":3862,"line":3918},[3860,9751,4130],{"class":3866},[3860,9753,9754],{"class":4133}," result1",[3860,9756,3875],{"class":3874},[3860,9758,9713],{"class":3897},[3860,9760,3901],{"class":3874},[3860,9762,4348],{"class":3932},[3860,9764,3990],{"class":3874},[3860,9766,5759],{"class":3932},[3860,9768,3990],{"class":3874},[3860,9770,9493],{"class":3878},[3860,9772,5767],{"class":3874},[3860,9774,9775,9777,9779,9781,9783,9786,9788,9791,9793,9795,9797],{"class":3862,"line":3925},[3860,9776,3892],{"class":3870},[3860,9778,3766],{"class":3874},[3860,9780,3898],{"class":3897},[3860,9782,3901],{"class":3874},[3860,9784,9785],{"class":3878},"`10 + 5 = ",[3860,9787,5783],{"class":3866},[3860,9789,9790],{"class":3870},"result1",[3860,9792,5789],{"class":3866},[3860,9794,5792],{"class":3878},[3860,9796,4023],{"class":3874},[3860,9798,9799],{"class":3885},"\u002F\u002F 15\n",[3860,9801,9802],{"class":3862,"line":3942},[3860,9803,3922],{"emptyLinePlaceholder":3921},[3860,9805,9806,9808,9811,9813,9815,9817,9819,9821,9823,9825,9827],{"class":3862,"line":3971},[3860,9807,4130],{"class":3866},[3860,9809,9810],{"class":4133}," result2",[3860,9812,3875],{"class":3874},[3860,9814,9713],{"class":3897},[3860,9816,3901],{"class":3874},[3860,9818,4348],{"class":3932},[3860,9820,3990],{"class":3874},[3860,9822,5759],{"class":3932},[3860,9824,3990],{"class":3874},[3860,9826,9504],{"class":3878},[3860,9828,5767],{"class":3874},[3860,9830,9831,9833,9835,9837,9839,9842,9844,9847,9849,9851,9853],{"class":3862,"line":3976},[3860,9832,3892],{"class":3870},[3860,9834,3766],{"class":3874},[3860,9836,3898],{"class":3897},[3860,9838,3901],{"class":3874},[3860,9840,9841],{"class":3878},"`10 * 5 = ",[3860,9843,5783],{"class":3866},[3860,9845,9846],{"class":3870},"result2",[3860,9848,5789],{"class":3866},[3860,9850,5792],{"class":3878},[3860,9852,4023],{"class":3874},[3860,9854,9855],{"class":3885},"\u002F\u002F 50\n",[3860,9857,9858],{"class":3862,"line":4005},[3860,9859,3922],{"emptyLinePlaceholder":3921},[3860,9861,9862],{"class":3862,"line":4497},[3860,9863,9864],{"class":3885},"\u002F\u002F Помилка типізації (перехоплена tsc):\n",[3860,9866,9867],{"class":3862,"line":4503},[3860,9868,9869],{"class":3885},"\u002F\u002F const result3 = calculate(10, 5, 'modulo'); \n",[3860,9871,9872],{"class":3862,"line":4509},[3860,9873,9874],{"class":3885},"\u002F\u002F Error: Argument of type '\"modulo\"' is not assignable to parameter of type 'Operation'\n",[3823,9876,8565],{},[3851,9878,9879],{"className":5258,"code":8568,"language":5260,"meta":3856,"style":3856},[3756,9880,9881],{"__ignoreMap":3856},[3860,9882,9883,9885,9887],{"class":3862,"line":3863},[3860,9884,5278],{"class":3897},[3860,9886,8577],{"class":3878},[3860,9888,8580],{"class":3878},[3823,9890,9891,9892,9894],{},"Відкрийте консоль браузера — побачите результати. Спробуйте розкоментувати останній рядок з помилкою — VS Code миттєво покаже червоне підкреслення, а ",[3756,9893,9264],{}," виведе помилку компіляції.",[3815,9896],{},[3818,9898,9900],{"id":9899},"підсумок-та-ключові-висновки","Підсумок та ключові висновки",[3823,9902,9903],{},"TypeScript Compiler (tsc) є фундаментом екосистеми TypeScript, але його роль еволюціонувала з часом. У сучасних проєктах tsc часто виконує лише перевірку типів, тоді як транспіляція та оптимізація делегуються швидшим інструментам.",[3823,9905,9906],{},"Ключові тези розділу:",[3746,9908,9909,9915,9920,9928,9933,9938,9943],{},[3749,9910,9911,9914],{},[3786,9912,9913],{},"tsc через CLI"," підходить для експериментів, але незручний для реальних проєктів через багатослівність команд.",[3749,9916,9917,9919],{},[3786,9918,3765],{}," є єдиним джерелом істини для налаштувань компіляції, забезпечуючи консистентність у команді.",[3749,9921,9922,9924,9925,9927],{},[3786,9923,6782],{}," визначає версію JavaScript (ES5, ES2020, ESNext), ",[3786,9926,7423],{}," — систему модулів (CommonJS, ESNext).",[3749,9929,9930,9932],{},[3786,9931,8012],{}," вмикає найсуворіші перевірки типів та рекомендується для всіх нових проєктів.",[3749,9934,9935,9937],{},[3786,9936,8457],{}," — сучасний інструмент збірки, що використовує esbuild для транспіляції та Rollup для продакшен-збірки.",[3749,9939,9940,9942],{},[3786,9941,8894],{}," у Vite-проєктах означає, що tsc лише перевіряє типи, а не генерує JavaScript.",[3749,9944,9945,9948],{},[3786,9946,9947],{},"Розділення відповідальності:"," TypeScript — перевірка типів, Vite — транспіляція та оптимізація.",[9950,9951,9952,9977,10007],"accordion",{},[9953,9954,9957,9966],"accordion-item",{"icon":9955,"label":9956},"i-lucide-help-circle","❓ Чи можна використовувати tsc для браузерних проєктів без Vite?",[3823,9958,9959,9960,9962,9963,9965],{},"Так, але це не рекомендується для продакшену. ",[3756,9961,3758],{}," згенерує окремі ",[3756,9964,4440],{}," файли для кожного модуля, що призведе до сотень HTTP-запитів у браузері. Для невеликих навчальних проєктів це прийнятно, але для реальних застосунків потрібен бандлер (Vite, Webpack, Rollup).",[3823,9967,9968,9969,9972,9973,9976],{},"Альтернативно, можна налаштувати ",[3756,9970,9971],{},"module: \"ESNext\""," та використовувати нативні ES-модулі браузера з ",[3756,9974,9975],{},"\u003Cscript type=\"module\">",", але це також має обмеження (немає tree shaking, мініфікації, HMR).",[9953,9978,9980,9992,9998],{"icon":9955,"label":9979},"❓ Що станеться, якщо видалити noEmit з Vite-проєкту?",[3823,9981,9982,9983,9985,9986,9988,9989,9991],{},"tsc почне генерувати ",[3756,9984,4440],{}," файли поруч з ",[3756,9987,4444],{}," файлами (або у ",[3756,9990,7886],{},"). Це створить плутанину: у проєкті будуть і TypeScript, і згенеровані JavaScript-файли, які Vite ігноруватиме.",[3823,9993,9994,9995,9997],{},"Крім того, це подвоїть час збірки: спочатку tsc компілює у JS, потім Vite знову транспілює оригінальні ",[3756,9996,4444],{}," файли. Немає жодної користі від генерованих tsc файлів у Vite-проєкті.",[3823,9999,10000,10003,10004,10006],{},[3786,10001,10002],{},"Висновок:"," завжди залишайте ",[3756,10005,8894],{}," у проєктах, що використовують бандлер.",[9953,10008,10010,10016,10033,10038],{"icon":9955,"label":10009},"❓ Як запустити перевірку типів автоматично при збереженні файлу?",[3823,10011,10012,10013,5458],{},"Використовуйте ",[3756,10014,10015],{},"tsc --watch --noEmit",[3851,10017,10019],{"className":5258,"code":10018,"language":5260,"meta":3856,"style":3856},"npx tsc --watch --noEmit\n",[3756,10020,10021],{"__ignoreMap":3856},[3860,10022,10023,10025,10027,10030],{"class":3862,"line":3863},[3860,10024,5395],{"class":3897},[3860,10026,5398],{"class":3878},[3860,10028,10029],{"class":3866}," --watch",[3860,10031,10032],{"class":3866}," --noEmit\n",[3823,10034,10035,10036,3766],{},"Ця команда запустить tsc у режимі спостереження: при кожній зміні файлу компілятор перевірятиме типи та виводитиме помилки у термінал. Це можна запустити у окремому терміналі паралельно з ",[3756,10037,8583],{},[3823,10039,10040,10041,10044],{},"Альтернативно, встановіть плагін для VS Code ",[3786,10042,10043],{},"Error Lens",", що показує помилки tsc безпосередньо у редакторі у реальному часі.",[3815,10046],{},[3818,10048,10050],{"id":10049},"контрольні-питання-для-самоперевірки","Контрольні питання для самоперевірки",[5566,10052,10053,10056,10064,10070,10076,10079,10085,10088],{},[3749,10054,10055],{},"Чому TypeScript не може виконуватися безпосередньо у браузері або Node.js?",[3749,10057,10058,10059,4906,10061,10063],{},"Яка різниця між компіляцією через ",[3756,10060,6668],{},[3756,10062,6660],{}," (без аргументів)?",[3749,10065,10066,10067,10069],{},"Як параметр ",[3756,10068,6782],{}," впливає на згенерований JavaScript-код? Наведіть приклад.",[3749,10071,10072,10073,10075],{},"Чому ",[3756,10074,8012],{}," є найважливішим параметром для нових проєктів?",[3749,10077,10078],{},"У чому полягають обмеження класичної tsc-компіляції для браузерних проєктів?",[3749,10080,10081,10082,10084],{},"Що означає параметр ",[3756,10083,8894],{}," у Vite-проєкті?",[3749,10086,10087],{},"Яка роль TypeScript у сучасних проєктах з бандлерами (Vite, Webpack)?",[3749,10089,10090],{},"Коли варто використовувати tsc без бандлера, а коли обов'язково потрібен Vite?",[10092,10093,10094],"style",{},"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 .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}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 .s8xlr, html code.shiki .s8xlr{--shiki-light:#AF00DB;--shiki-default:#C586C0;--shiki-dark:#C586C0}html pre.shiki code .s-QsJ, html code.shiki .s-QsJ{--shiki-light:#0070C1;--shiki-default:#4FC1FF;--shiki-dark:#4FC1FF}html pre.shiki code .sN1BT, html code.shiki .sN1BT{--shiki-light:#267F99;--shiki-default:#4EC9B0;--shiki-dark:#4EC9B0}html pre.shiki code .sD7JJ, html code.shiki .sD7JJ{--shiki-light:#000000FF;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sLwNe, html code.shiki .sLwNe{--shiki-light:#0451A5;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}",{"title":3856,"searchDepth":3889,"depth":3889,"links":10096},[10097,10101,10106,10107,10108,10113,10119,10123,10133,10139,10143,10144,10145,10146],{"id":3820,"depth":3889,"text":3821,"children":10098},[10099,10100],{"id":4030,"depth":3918,"text":4031},{"id":4061,"depth":3918,"text":4062},{"id":4405,"depth":3889,"text":4406,"children":10102},[10103,10104,10105],{"id":4422,"depth":3918,"text":4423},{"id":4645,"depth":3918,"text":4646},{"id":4913,"depth":3918,"text":4914},{"id":4970,"depth":3889,"text":4971},{"id":5251,"depth":3889,"text":5252},{"id":5443,"depth":3889,"text":5444,"children":10109},[10110,10111,10112],{"id":5450,"depth":3918,"text":5451},{"id":5621,"depth":3918,"text":5622},{"id":6029,"depth":3918,"text":6030},{"id":6219,"depth":3889,"text":6220,"children":10114},[10115,10116,10117,10118],{"id":6226,"depth":3918,"text":6227},{"id":6273,"depth":3918,"text":6274},{"id":6280,"depth":3918,"text":6281},{"id":6317,"depth":3918,"text":6318},{"id":6491,"depth":3889,"text":6492,"children":10120},[10121,10122],{"id":6504,"depth":3918,"text":6505},{"id":6678,"depth":3918,"text":6679},{"id":6774,"depth":3889,"text":6775,"children":10124},[10125,10127,10129,10131],{"id":6778,"depth":3918,"text":10126},"Параметр target: цільова версія JavaScript",{"id":7420,"depth":3918,"text":10128},"Параметр module: система модулів",{"id":7882,"depth":3918,"text":10130},"Параметри outDir та rootDir: організація файлів",{"id":8003,"depth":3918,"text":10132},"Параметр strict: суворий режим типізації",{"id":8210,"depth":3889,"text":8211,"children":10134},[10135,10136,10137,10138],{"id":8214,"depth":3918,"text":8215},{"id":8415,"depth":3918,"text":8416},{"id":8461,"depth":3918,"text":8462},{"id":8504,"depth":3918,"text":8505},{"id":8659,"depth":3889,"text":8660,"children":10140},[10141,10142],{"id":8898,"depth":3918,"text":8899},{"id":9151,"depth":3918,"text":9152},{"id":9324,"depth":3889,"text":9325},{"id":9469,"depth":3889,"text":9470},{"id":9899,"depth":3889,"text":9900},{"id":10049,"depth":3889,"text":10050},"Компілятор TypeScript, робота з tsc через CLI, детальний розбір tsconfig.json, перехід до Vite та концепція noEmit","md",null,{},{"title":3619,"description":10147},"buWg4Qf3CMpr6jY6bXt2g60_kTPLO8pd5ZLvbZKS_8o",[10154,10155],{"title":3610,"path":3611,"stem":3612,"description":3856,"children":-1},{"title":3623,"path":3624,"stem":3625,"description":10156,"children":-1},"Глибокий розбір примітивних типів string, number, boolean з поясненням їхньої внутрішньої будови, особливостей JavaScript та типізації у TypeScript",1788080374884]