Angular Material

Wprowadzenie do tworzenia aplikacji w Angular z komponentami Material.
W trakcie kursu zostanie stworzona prosta aplikacja od zera.

Szkolenie

Zamknięte szkolenie indywidualne lub grupowe

Szkolenie skrojone pod Ciebie lub potrzeby Twojego zespołu

  • Ty ustalasz termin i miejsce
  • Wspólnie ustalamy optymalny zakres i wymiar czasowy oraz formę: szkolenie, warsztaty lub konsultacje
  • Przeprowadzimy ewaluację określającą poziom wiedzy przed szkoleniem
  • Nie marnuj czasu na rzeczy znane lub zbędne w projekcie
  • Ucz się realizując zadania o praktycznej tematyce, bliskiej Tobie
  • Dodaj niestandardowe tematy i czas na konsultację do zakresu szkolenia
  • Po szkoleniu trener może być dostępny do zdalnych konsultacji

Program szkolenia

Wprowadzenie do języka TypeScript

Historia języka i różnice w stosunku do języka JavaScript.

Struktura aplikacji w Angular

Generowanie aplikacji i jej uruchamianie przy użyciu narzędzia ng. Omówienie typowej struktury aplikacji Angularowej.

Komponenty Angular Material

Wyświetlanie treści za pomocą komponentów. Przegląd dostępnych komponentów. Komponenty typu smart i dumb.

Podział aplikacji na komponenty

Możliwe jest zawarcie całej aplikacji w jednym komponencie, ale nie będzie to najbardziej czytelne rozwiązanie. Wydzielenie komponentów nie jest jednak zadaniem łatwym.

Usługi i zdarzenia

Skomunikowanie ze sobą komponentów.

Pobieranie i zapisywanie danych

Tworzenie serwisów REST do komunikacji z aplikacją Angular.

Routing

Tam gdzie jest więcej niż jedna strona, niezbędny jest routing. Jak stworzyć stronę 404 i pobierać parametry z adresu URL?

Formularze i walidacja

Dwa sposoby tworzenia formularzy: Template-driven oraz Reactive. Walidacje wbudowane i własne.

Manipulacje danymi z użyciem RxJS

Observable, Subscription, BehaviorSubject i cały szereg operatorów biblioteki RxJS do reaktywnego programowania.

Testowanie aplikacji

Jak sobie poradzić z testowaniem klikania? Operatora? Dyrektywy? Usługi? Jak obejść wstrzykiwanie zależności? Jak mockować serwisy? Jak testować RxJS? Poznaj odpowiedzi na najczęstsze problemy.