NGRX - Reaktywny stan aplikacji webowej
LICZBA DNI: 2 (16h)
KOD KURSU: NGRX
Dostosowany program 
O szkoleniu
DLA KOGO?
Szkolenie jest przeznaczone dla programistów JavaScript, którzy chcą się nauczyć zarządzania stanem aplikacji przy pomocy biblioteki NGRX.
WYMAGANIA
Warsztat jest przeznaczony dla programistów ze znajomością JavaScript (ES2015) i TypeScript w zakresie podstawowym.
Znajomość Angulara nie jest wymagana, lecz znajomość takich pojęć jak Web Components czy Dependency Injection zdecydowanie pomoże.
Ten warsztat będzie dla ciebie wartościowy nawet jeśli nie planujesz używać Angulara na co dzień. Poznasz Reduxową implementację architektury Flux, dzięki czemu bardzo łatwo będziesz mógł wdrożyć ją w innych frameworkach takich jak React + React Redux + redux-observable czy Vue.js + Vuex.
ZALETY
Dzięki przygotowanym ćwiczeniom, uczestnik pozna korzyści jakie płyną z zarządzania stanem aplikacji przy pomocy NGRX.
Zdobytą wiedzę przećwiczymy budując aplikację do pracy zespołowej w czasie rzeczywistym, dzięki czemu lepiej zapamiętasz zastosowanie poszczególnych elementów biblioteki.
Cele szkolenia
Przekazanie praktycznej wiedzy z zakresu tworzenia i zarządzania reaktywnym stanem aplikacji webowej, na przykładzie Angular i NGRX.
Poznanie Implementacji architektury Flux w aplikacji Angularowej przy użyciu biblioteki.
Poznanie @ngrx/store
Poznanie zalet reaktywnego programowania z RxJS.
Nauka obsługi asynchronicznych zdarzeń z @ngrx/effects.
Poznanie dobrych praktyk przy tworzeniu architektury aplikacji opartej o NGRX.
Poznanie podziału aplikacji na moduły.
Nauka łączenia Store aplikacji z routingiem.
Poznanie narzędzia Redux DevTools służącego do debugowania.
Nauka generowania kodu przy pomocy Angular CLI.
Nauka pisania testów.
Program
Architektura Flux
- Dispatcher
- Store
- View
RxJS - wprowadzenie
- Podstawy działania strumieni
- Tworzenie strumieni
- Podstawowe operatory
Angular - wprowadzenie
- Struktura projektu
- Dependency Injection
- Components
- Pipe "async"
NGRX
- Akcje
- Definiowanie akcji
- Definiowanie typów akcji
- Wysyłanie akcji
- Reduktor
- Tworzenie
- Komponowanie
- Selektory
- Proste
- Komponowane
- Selektory z parametrami
- Efekty
- Asynchroniczne wykonywanie zadań
- Pobieranie danych z serwera
- Reagowanie na zmiany na store
- Transformacje strumienia akcji
- Stan
- Modułowa architektura stanu
- Modelowanie danych
- Normalizacja danych przy pomocy @ngrx/entity
- Router
- Konfiguracja @ngrx/router-store
- Akcje routera
- Integracja z aplikacją
Narzędzia
- Redux DevTools - debugowanie
- @ngrx/schematics - generowanie kodu
Budowanie przykładowej aplikacji do pracy zespołowej w czasie rzeczywistym
Testowanie
- Reduktor
- Efekty
- Selektory
Szkolenia powiązane
Nasi eksperci
Piotr Błaszczak
Full Stack Web Developer od 2007, konsultant i szkoleniowiec. Obecnie pisze backend w Node.js, a front w Angular. Miłośnik RxJS oraz grafowej bazy danych OrientDB. Ortodoksyjny ewangelista TypeScript ;). Poza pracą zawodową skacze na trampolinach, nurkuje na bezdechu, żongluje i balansuje na slackline. Jeden z organizatorów Urban Highline Festival w Lublinie. Pasję do sportu i programowania połączył budując aplikację slackmap.com.
DOWIEDZ SIĘ WIĘCEJ
Łukasz Andrzejewski
Doświadczony trener z ponad 13-letnią praktyką na sali szkoleniowej. Aktywnie działa jako konsultant i programista w zakresie szeroko pojętych technologii Java, rozwiązań frontendowych i mobilnych. Absolwent Wydziału Fizyki Technicznej Politechniki Poznańskiej, specjalizacja: Symulacje komputerowe. Aktualnie Partner, Head of Technology w Sages. Dba o rozwój oferty, przygotowuje i prowadzi szkolenia, konsultuje i bierze udział w realizacji projektów IT
DOWIEDZ SIĘ WIĘCEJ
Krzysztof Ścira
Absolwent AGH na kierunku Informatyka Stosowana (spec. IS w Hutnictwie), od lat związany z konferencjami, meetupami i wykładami otwartymi o tematyce front-endu i mobile. Przede wszystkim czynny programista, szkolenia prowadzi z pasji i chęci dzielenia się praktyczną wiedzą. Z firmą SAGES związany od wielu lat.
DOWIEDZ SIĘ WIĘCEJ