szkolenie angular zaawansowane
Warsztat | TypeScript, RxJs, Redux, NgRx, WebSocket, PWA, Dynamic Form, Material Design

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
  • Własna biblioteka modułów na npm

    • ng-packagr
    • zakładanie konta na npm
    • publikowanie biblioteki
  • Programowanie reaktywne - RxJs

    • Cold vs Hot observables
    • Higher order observables
    • Operatory
      • tworzenie: timers, ranges, from ...
      • przetwarzanie: map, buffer, group, scan ...
      • filtrowanie: filter, throttling, skip, debounce ...
      • łączenie: zip, merge, combine latest ...
      • narzędzia: tap, delay, toPromise
  • Zarządzanie stanem aplikacji

    • Zasady architektury Redux
    • NgRx
      • Immutable i mutable
      • Actions, reducers, subscription, selectors
      • Side effects
      • Router actions
      • Generowanie z użyciem schematics
  • 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

    • Wydajność
      • Jak działa change detector
      • Strategie detekcji
      • Wykorzystanie zdarzenia ngDoCheck
    • Dynamiczne generowanie komponentów
      • Serwis ComponentFactoryResolver
      • ng-container oraz ngTemplateOutlet
  • Dyrektywy

    • Własne dyrektywy strukturalne i atrybutowe
    • Wykorzystanie serwisów w dyrektywach
      • IterableDiffers
      • ViewContainerRef
      • TemplateRef
    • Export dyrektywy
    • Komunikacja z komponentem
  • 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
  • Progressive Web Apps (PWA)

    • JSON Manifest
    • Service Worker
    • Sprawdzanie wersji
  • 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

Szkolenie ma  na celu poszerzenie wiedzy o frameworku Angular w następujących tematach:
- Redux - zarządzanie stanem aplikacji 
- Własny generator formularzy 
- Modułowość aplikacji i lazy loading
- Angular Element - mikroserwisy kompatybilne z aplikacjami React czy Vanilla JS
- WebSocket - dwukierunkowa komunikacja z serwerem
- Progressive Web Apps (PWA) - aplikacja webowa działająca jak natywna aplikacja Android czy iOS
- RxJs - programowanie reaktywne
- Angular Material - komponenty

ADRESACI SZKOLENIA

Szkolenie adresowanie jest do programistów znających już 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ę.