szkolenie
angular
zaawansowane

Warsztat > aplikacje internetowe klasy enterprise

• Struktura aplikacji i podział na moduły

  • Zasady tworzenia drzewa katalogów w projekcie
  • Modularna struktura
  • Wydzielanie komponentów, pajpów oraz dyrektyw do zew. modułów
  • Konfiguracja zew. modułu
  • Dynamiczne ładowanie modułów - lazy loading

• Programowanie reaktywne - RxJs

  • Tworzenie strumieni
    • Observable
    • Subject
    • BehaviorSubject
    • ReplaySubject
  • Operatory
    • przetwarzanie: map, buffer, group, scan ...
    • Filtrowanie: filter, throttling, skip, debounce ...
    • Łączenie: zip, merge, combine latest …
    • warunkowe: iif, every
    • narzędzia: tap, delay, toObservable
  • Przydatne mechanizmy
    • Higher order observables
    • Cold and Hot observables

• Generowanie własnej biblioteki - Angular library

  • Tworzenie multi-project workspace
  • Tworzenie biblioteki
    • Konfiguracja oraz export biblioteki
    • Publikowanie biblioteki na npm (opcja)
    • Aktualizacja oraz wersjonowanie
  • Tworzenie projektu
    • Instalacja biblioteki - lokalnie oraz z NPM
    • Testowanie biblioteki

• Reaktywne zarządzanie stanem aplikacji Angularowej

  • Omówienie architektury Redux
  • RxJs/BehaviorSubject state
    • set & get state
    • map to entities
    • loading state
    • routing state

• Komponenty

  • Ograniczenie odpowiedzialności komponentów & reużywalność
  • Jak działa change detector i strategie detekcji
  • Immutable & mutable

• Dyrektywy

  • Własne dyrektywy strukturalne i atrybutowe
  • Wykorzystanie serwisów w dyrektywach
    • ViewContainerRef
    • TemplateRef
    • ComponentFactoryResolver
  • Export dyrektywy
  • HostListener & HostBinding

• Dynamiczne tworzenie formularzy

  • Dane opisujące formularz (JSON)
  • Dynamiczne tworzenie modelu formularza - form builder
  • Dynamiczne tworzenie instancji komponentów
    • ng-container
    • ngTemplateOutlet
  • Walidacja
  • Obsługa zdarzeń
  • Nietypowe pola formularza - form API

• Routing

  • Parametryzowanie routingu
  • Zagnieżdżanie routingu
  • Guards
  • Resolvers

• Komunikacja z serwerem WebSocket

  • RxJs - webSocket
  • Zdarzenia: open, close, message, send

• Zapis danych w przeglądarce

  • IndexedDB
    • Odczyt i zapis
    • Kontrolowanie wersji
  • LocalStorage

• Angular PWA

  • Manifest
  • Service-worker
  • Powiadomienia web push
    • konfiguracja
    • biblioteka web-push

• Angular Material Design

  • Nawigacja i podstawowy układ aplikacji
  • Kontrolki formularzy
  • Generowanie z użyciem schematics

• Konfiguracja

  • Zmienne środowiskowe
  • Proxy dev i prod
  • Browserslist

Szkolenie ma charakter warsztatowy i może być zrealizowane stacjonarnie lub zdalnie.

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ę.