Szkolenie Angular

Program szkolenia

• Dzień: 1

  Struktura aplikacji i migracje

  • Dobra struktura aplikacji

  1. 1. 1. Logiczny podział modułów oraz komponentów, efektywny lazy loading
        2. Dobre praktyki projektowania komponentów (input/output, konfiguracja, ng-content etc.)
        3. Komponenty vs serwisy vs dyrektywy – gdzie przekazać odpowiedzialność

  • Kompozycja w dużym projekcie

  1. 1. 1. Specjalizacja vs generalizacja komponentów
        2. Jakie są popularne błędy
        3. TypeScript path aliases

  • Wielkość aplikacji

  1. 1. 1. Analiza webpack-bundle
        2. Angular budgets
        3. Polyfille, wsparcie dla wielu przeglądarek a differential loading

• Dzień: 2

  Wykrywanie zmian i reaktywność 

  • Angular change detection a wydajność aplikacji

  1. 1. 1. Jak wygląda “detection tree”
        2. Cykl życia komponentów i serwisów
        3. Strategie aktualizacji komponentów i ręczne zarządzanie detekcją zmian
        4. get/computed-variables/functions execution w template’ach a change detection
        5. change detection a wydajność
        6. one way VS two way data binding

  • Popularne pułapki rxjs

  1. 1. 1. Hot vs Cold observables
        2. Sync or async? Jak działają Subject’y
        3. Zarządzanie subskrypcjami rxjs
        4. Popularne memory leaks w aplikacjach Angular
        5. Cache’owanie danych przez rxjs
        6. Async pipes w Ng

• Dzień: 3

  Testy

  • Testowanie aplikacji Angular

  1. 1. 1. Testowanie komponentów
        2. Testowanie serwisów
        3. Mockowanie
        4. Unit testy vs testy komponentów, co warto testować?
        5. TestBed vs Spectator

  • Update wersji Angular

  1. 1. 1.  Migracja na wyższe wersje
           1. Migracja kodu naszej aplikacji
           2. Migracja zależności – bibliotek których używamy
        2. Angular Schematics a migracje

• Dzień: 4

  • Zarządzanie nawigacją aplikacji a uprawnienia

  1. 1. 1. Blokady nawigacji oraz ładowania zasobów na podstawie uprawnień na router guards
        2. Guards vs Resolvers
        3. Dynamiczna konfiguracja router guards

  • State management w Angular na przykładzie Ngrx

  1. 1. 1. Czym jest state management w aplikacjach SPA i jakie problemy rozwiązuje?
        2. Redux pattern
        3. Kiedy stosować state management?
        4. Komunikacja na wysokim i niskim poziomie w aplikacji
        5. “Cacheowanie” danych w state
        6. Tooling, narzędzia do debugowania

• Dzień: 5

  Reactive forms

  • Reactive forms

  1. 1. 1. Template Driven Forms vs Reactive Forms – kiedy których używać.  Jak używać ich wspólnie w jednym formularzu
        2. Jak bindować dane z kontrolkami reaktywnymi w Reactive Forms
        3. Jak połączyć ng-model z Reactive Forms
        4. Jak zasubskrybować się na zmianę wartości w formularzach reaktywnych

  Praca z dużym projektem

  • Biblioteka komponentów

  1. 1. 1. Jak stworzyć własną bibliotekę komponentów
        2. Dokumentacja komponentów: Storybook

  • Zarządzanie dużym projektem z nx (nrwl/nx)

  1. 1. 1. Jakie problemy rozwiązuje nx?
        2. Kiedy warto go wprowadzić
        3. Zarządzanie zależnościami przez tagi i constraint
        4. Logiczny podział oraz hierarchia bibliotek i aplikacji w nx
        5. “alias” namespaces
        6.  Wbudowane narzędzia
           1. graf zależności
           2. różnicowe budowanie oraz testy