szkolenie angular zaawansowane
Warsztat | TypeScript, Redux, NgRx, Material Design, WebSocket, Angular Modules, Dynamic Form

PROGRAM SZKOLENIA

  • Struktura aplikacji i podział na moduły

    • Modularna struktura
    • Wydzielanie komponentów, pajpów oraz dyrektyw do zew. modułów
    • Konfiguracja zew. modułu
    • Dynamiczne ładowanie modułów - lazy loading
  • Zarządzanie stanem aplikacji

    • Zasady architektury Flux
    • NgRx (Redux)
      • Immutable i mutable
      • Actions, reducers, subscription, selectors
      • Side effects
      • Router actions
      • Generowanie z użyciem schematics
  • Programowanie reaktywne - RxJs

    • Cold vs Hot observables
    • Higher order observables
    • Operators
      • merge, mergeAll, mergeMap
      • switch, switchAll, switchMap
      • concat, concatAll, concatMap
      • groupBy
      • throttleTime
      • share, shareReplay
      • ...
  • Dynamiczne tworzenie formularzy

    • Plik opisujący formularz (JSON)
    • Dynamiczne tworzenie pól formularza - form builder
    • Nietypowe pola formularza - form API
    • Walidacja
    • Obsługa zdarzeń
  • Zaawansowane komponenty

    • Change detection strategy
    • Zmiana strategii detekcji a wydajność
    • Zdarzenia na komponencie
    • Dynamiczny kontent komponentu (np. wiersz w data-gridzie)
      • Serwis ComponentFactoryResolver
      • Dostęp do API dynamicznego komponentu
    • Złożone komponenty np. tabs
  • Dyrektywy

    • Jak działają dyrektywy w Angularze
    • Własne dyrektywy
  • Angular Elements

    • Przetwarzanie Angular Component na (Native) Custom Element
    • Użycie utworzonego komponentu w aplikacji webowej
    • Komunikacja z komponentem: input, output
    • Użycie komponentu w aplikacji React oraz AngularJS
    • Polyfills
  • Routing

    • Parametryzowanie routingu
    • Zagnieżdżanie routingu
    • Aktywacja/deaktywacja routingu - Guard, kontrola routingu
  • Angular Material Design

    • Nawigacja i podstawowy układ aplikacji
    • Kontrolki formularza
    • Generowanie z użyciem schematics
  • Zmienne środowiskowe

    • Plik angular.json
    • Konfiguracja wersji produkcyjnej i deweloperskiej
  • Komunikacja z serwerem WebSocket

  • Debugging i profiling

CEL SZKOLENIA

Na szkoleniu poznasz bardzo popularną architekturę przepływu danych ​Redux/Flux oraz sposoby poprawy ​wydajności​ oraz skalowalności aplikacji.
Nauczysz się komunikować z serwerem ​WebSocket.
Pogłębisz wiedzę w temacie modułów i komponentów​ - m.in. na przykładzie generatora formularzy.​
Dodatkowo dowiesz się jak przetworzyć Angular Component na (native) Web Component - tworząc mikroserwis kompatybilny z aplikacją React lub natywną aplikacją vanilla JS.
Podczas szkolenia będziemy używać ​Angular Material.

ADRESACI SZKOLENIA

Szkolenie adresowanie jest do programistów znających już dobrze Angulara a chcących rozszerzyć wiedzę o dodatkowe informacje i techniki zaawansowane.

CZAS TRWANIA SZKOLENIA

Wersja minimalna 3 dni
Wersja rozszerzona 4 dni

POZOSTAŁE INFORMACJE

Szkolenie ma charakter warsztatowy.

Materiały szkoleniowe mają formę elektroniczną.

Programy szkoleń można modyfikować lub łączyć tak aby dostosować szkolenie do własnych potrzeb. Jednak przed zamówieniem należy uzgodnić taką modyfikację.