Technologie / Programowanie

JavaScript — zaawansowane techniki programowania: closures, Proxy, wzorce i wydajność

Dwudniowe szkolenie zaawansowany JavaScript — closures i scope chain, Proxy/Reflect (metaprogramowanie), wzorce projektowe, async iterators, Web Workers, zarządzanie pamięcią, profilowanie, mikrofrontendy.

Znasz JavaScript? Czy znasz JavaScript NAPRAWDĘ?

Większość deweloperów JS pisze kod, który działa. Ale niewielu rozumie DLACZEGO działa: jak closure trzyma referencję do scope (i kiedy to powoduje memory leak), czym jest prototype chain pod spodem class syntax, jak Proxy przechwytuje operacje na obiekcie, dlaczego setTimeout(fn, 0) nie wykonuje się natychmiast. Zaawansowany JavaScript to nie „więcej API” — to głębsze zrozumienie mechanizmów, które pozwala pisać kod wydajniejszy, debugować szybciej i projektować architekturę świadomie.

Dwudniowe warsztaty: od zaawansowanych mechanizmów języka (closures, prototypy, Proxy/Reflect, metaprogramowanie) i wzorców projektowych (Observer, Strategy, Decorator w ES2024+), przez asynchroniczność (async iterators, generators, AbortController) i zarządzanie pamięcią (WeakRef, GC, memory leaks), po architekturę (ES Modules, mikrofrontendy, Web Workers) i wydajność (profilowanie, cache API, V8 optimizations).

Dla kogo jest to szkolenie?

Dla deweloperów JavaScript, którzy chcą wyjść poza „umiem pisać w React”. Szczególnie gdy:

Piszesz w JS/TS od roku+ i chcesz zrozumieć mechanizmy języka — nie tylko API frameworka
Robisz code review i chcesz rozumieć implikacje wydajnościowe i pamięciowe kodu zespołu
Projektujesz architekturę (mikrofrontendy, modularyzacja) i potrzebujesz głębszej wiedzy o JavaScript pod spodem

Dwa dni: od mechanizmów do architektury

Dzień 1: Mechanizmy i wzorce — closures (scope chain, memory implications), prototypy (prototype chain, mixiny), metaprogramowanie (Proxy, Reflect), wzorce projektowe (Observer, Strategy, Decorator), zaawansowana asynchroniczność (async iterators, generators), zarządzanie pamięcią (WeakRef, FinalizationRegistry, memory leaks).

Dzień 2: Architektura i wydajność — modularyzacja (ES Modules, dynamic import, tree shaking), wzorce architektoniczne (mikrofrontendy, Module Federation), Web Workers (SharedArrayBuffer, Atomics), profilowanie (Chrome DevTools, flame charts, V8), cache’owanie (Service Worker, IndexedDB), testowanie zaawansowane (property-based, mutation testing).

Z ponad 2500 szkoleń w ofercie i oceną 4.8/5, EITT jest zaufanym partnerem w rozwoju kompetencji. Skontaktuj się z nami — organizujemy szkolenia JavaScript zamknięte dla zespołów deweloperskich.

Korzyści

Stosować closures, scope chain i prototypy świadomie — rozumiejąc implikacje wydajnościowe i pamięciowe
Implementować metaprogramowanie z Proxy i Reflect — walidacja, logowanie, lazy loading, reactive patterns
Projektować aplikacje z użyciem wzorców (Observer, Strategy, Decorator) w nowoczesnym JavaScript ES2024+
Zarządzać pamięcią — identyfikować memory leaks, stosować WeakRef i FinalizationRegistry
Optymalizować wydajność — profilowanie (flame charts), Web Workers, strategie cache'owania
Projektować modularną architekturę — ES Modules, mikrofrontendy, zarządzanie stanem

Dla kogo jest to szkolenie?

Programiści JavaScript z min. rocznym doświadczeniem komercyjnym chcący pogłębić wiedzę o języku

Front-end developerzy React/Angular/Vue szukający głębszego zrozumienia mechanizmów JS

Full-stack developerzy wykorzystujący JavaScript zarówno w przeglądarce jak i Node.js

Liderzy zespołów JavaScript/TypeScript odpowiedzialni za code review i standardy kodu

Programiści Node.js chcący opanować zaawansowane wzorce asynchroniczne

Architekci rozwiązań webowych projektujący mikrofrontendy i modularne aplikacje

Wymagania wstępne

Praktyczna znajomość JavaScript — ES6+ (arrow functions, destructuring, spread, classes)
Doświadczenie w tworzeniu aplikacji webowych (min. 1 rok komercyjnie)
Znajomość podstawowych wzorców projektowych — singleton, factory, observer
Rozumienie asynchronicznego modelu — promises, async/await, event loop

Program szkolenia

Closures i scope chain — leksykalny scope, IIFE, module pattern, memory implications
Prototypy i dziedziczenie — prototype chain, Object.create, mixiny, Symbol.species
Metaprogramowanie — Proxy (handler traps: get, set, apply, construct), Reflect API
Wzorce projektowe w JS — Observer, Strategy, Decorator, Command, Mediator — implementacje ES2024+
Zaawansowana asynchroniczność — async iterators, generators, AbortController, Promise.allSettled
Zarządzanie pamięcią — garbage collection, WeakRef, FinalizationRegistry, memory leaks detection

Modularyzacja — ES Modules, dynamic import(), tree shaking, barrel files (anti-pattern)
Wzorce architektoniczne — mikrofrontendy (Module Federation), mono-repo, zarządzanie stanem
Web Workers i SharedArrayBuffer — offloading obliczeń, Atomics, strukturalna współbieżność
Profilowanie i optymalizacja — Chrome DevTools Performance, flame charts, V8 optimizations
Strategie cache'owania — Service Worker cache API, stale-while-revalidate, IndexedDB patterns
Testowanie zaawansowane — property-based testing, mutation testing, snapshot testing, metryki jakości

Formy realizacji

Online

Wygoda uczestnictwa z dowolnego miejsca
Interaktywne sesje na żywo z trenerem
Materiały dostępne przez 30 dni
Brak kosztów dojazdu

Stacjonarnie

Bezpośredni kontakt z trenerem i grupą
Intensywne warsztaty praktyczne
Networking z innymi uczestnikami
Pełne skupienie na nauce

Tematy szkolenia

Najczęściej zadawane pytania

Czy to szkolenie z frameworka (React, Angular, Vue)?

Nie — to szkolenie z JĘZYKA JavaScript. Omawiamy mechanizmy, które działają pod spodem każdego frameworka: closures, prototypy, Proxy, event loop, memory management. Po tym szkoleniu lepiej zrozumiesz, dlaczego React hooks działają tak a nie inaczej — ale nie uczymy React.

Czy omawiamy TypeScript?

Nie jako osobny temat — szkolenie skupia się na JavaScript. Wzorce i techniki (Proxy, generators, WeakRef) działają identycznie w TypeScript. Jeśli piszesz w TS — wszystko się stosuje, ale typy omawiamy osobno.

Czy muszę znać Node.js?

Nie — szkolenie obejmuje JavaScript uniwersalnie (przeglądarka + Node.js). Web Workers to API przeglądarkowe, cache API to Service Workers. Ale async patterns i wzorce projektowe działają wszędzie.

W jakim formacie i jak długo trwa szkolenie?

Szkolenie trwa 2 dni (9:00-16:00), dostępne online i stacjonarnie. 70% warsztatów — implementacja zaawansowanych wzorców i optymalizacja kodu.

Czy po szkoleniu otrzymam certyfikat?

Tak, każdy uczestnik otrzymuje imienny certyfikat ukończenia szkolenia wydany przez EITT.