NGRX - Reaktywny stan aplikacji webowej

Czas trwania szkolenia:2 dni (16h)

Kod kursu:NGRX

Poziom zaawansowania:
javascripttypescriptangularrxjs

Szkolenie na zamówienie

Szkolenie dostosowane do potrzeb Twojego zespołu. Dostępne wyłącznie na zamówienie.

  • Dostosowany program
  • Indywidualna wycena
  • Dowolny termin
Icon with laptop

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
box icon
Autorem szkolenia jest 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.

Więcej o mnie »

Podobne szkolenia