NGRX - Reaktywny stan aplikacji webowej
Czas trwania szkolenia:2 dni (16h)
Kod kursu:NGRX
Poziom zaawansowania:
O szkoleniu NGRX - Reaktywny stan aplikacji webowej
W cenie otrzymasz:
- Materiały szkoleniowe
- Certyfikat ukończenia szkolenia
- W przypadku szkolenia w trybie stacjonarnym zapewnimy Ci również lunch oraz sprzęt niezbędny do nauki
Dla kogo?
- Szkolenie przeznaczone dla programistów JavaScript, którzy chcą nauczyć się zarządzania stanem aplikacji przy pomocy biblioteki NGRX
Wymagania
- Warsztat przeznaczony dla programistów ze znajomością JavaScript (ES2015) i TypeScript w zakresie podstawowym
- Wskazana znajomość pojęć takich jak Web Components czy Dependency Injection
Zalety
- Dzięki ćwiczeniom praktycznym, 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
- Ten warsztat będzie dla ciebie wartościowy nawet jeśli nie planujesz używać Angular na co dzień. Poznasz implementację Redux 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
- Praktyka przed teorią - wszystkie szkolenia technologiczne prowadzone są w formie warsztatowej. Konieczna teoria jest wyjaśniana na przykładzie praktycznych zadań
- Konkretne umiejętności - w ramach każdego szkolenia rozwijamy praktyczne umiejętności związane z daną technologią i tematyką
- Nauka z praktykami - wszyscy trenerzy na co dzień pracują w projektach, gwarantuje to dostęp do eksperckiej wiedzy i praktycznego know-how
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 Angular
- 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
- Reduktor
- Selektory
- Efekty
- Stan
- Router
Narzędzia
- Redux DevTools - debugowanie
- @ngrx/schematics - generowanie kodu
Budowanie przykładowej aplikacji do pracy zespołowej w czasie rzeczywistym
Testowanie
- Reduktor
- Efekty
- Selektory