RxJS - Reaktywne programowanie w JavaScript
Czas trwania szkolenia:2 dni (16h)
Kod kursu:RXJS
Poziom zaawansowania:
O szkoleniu RxJS - Reaktywne programowanie w JavaScript
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
Wymagania
- Od uczestników szkolenia RXJS wymagana jest podstawowa znajomość JavaScript
- Zagadnienia, które należy znać: var, const, let, pętle, operacje warunkowe, funkcja, arrow function, klasa, ES Modules, Promise, async/await
Zalety
- Dzięki przygotowanym ćwiczeniom, na szkoleniu RXJS poznamy korzyści jakie płyną z pisania kodu reaktywnego
- Pozbędziemy się imperatywnych nawyków pisania kodu, zamieniając architekturę stateful na architekturę reaktywną opartą o strumienie
- 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
- 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 programowania reaktywnego w JavaScript z wykorzystaniem RxJS
- Nauka myślenia reaktywnego
- Asynchroniczność w JavaScript (callback, promise, observable)
- Wykorzystanie RxJS po stronie przeglądarki oraz serwera
- Podstawowe elementy RxJS, takie jak Observable, Observer, operator, subscription
- Wbudowane operatory, te podstawowe oraz bardziej zaawansowane
- Komponowanie strumieni
- Tworzenie własnych operatorów
- Zarządzanie reaktywne stanem aplikacji webowej
- Zarządzanie subskrypcją, czyli jak unikać wycieków pamięci
- Testowanie strumieni
Program
Wprowadzenie
- ECMAScript 2015
- TypeScript
- Angular
Programowanie funkcyjne
- Funkcja
- Scope
- Closures
- Funkcja wyższego rzędu
- Funkcje czyste a efekty uboczne
Asynchroniczność
- Callback
- Promise
- Observable
Podstawy RxJS
- Podstawy działania strumieni
- Tworzenie strumieni
- Jak działają Operatory
- Observable i Observer w jednym
- Multicasting
- Scheduler
- Testowanie przy użyciu Marble Diagrams
Budowa przykładowej aplikacji do pracy zespołowej w czasie rzeczywistym (real time)
- Zarządzanie danymi i stanem aplikacji webowej (Angular)
- Budowa serwera WebSockets (Nest)
- Komunikacja przez WebSockets
- Zarządzanie stanem offline/online
- Praktyczne zastosowanie zaawansowanych operatorów
- Sposoby zarządzania subskrypcją w celu uniknięcia wycieków pamięci