Angular 6

Po warsztacie będziesz w stanie zbudować aplikację typu SPA (Single Page App) z wykorzystaniem frameworku Angular. Dowiesz się również, jak tworzyć duże, skalowalne aplikacje składające się z wielu modułów oraz jak zaoszczędzić użytkownikowi czasu przy ich ładowaniu.

Profil uczestnika

Warsztat dedykowany jest dla programistów chcących poznać nową odsłonę Angular, frameworku dedykowanego dla dużych aplikacji SPA. Wymagana jest znajomość podstaw JavaScript z elementami ES6 lub podstaw TypeScript.

Program warsztatu

Założenia Angular i podstawowe komponenty

• angular-cli – podstawowa wiedza o narzędziu
• Bootstrapowanie projektu i ngModule – podstawy
• Komponenty – podstawy
• Konfiguracja środowiska – environment dev/prod ect.

Budowa modułu i komponentu

• Drzewo komponentów
• Przekazywanie danych: @Input() i @Output()
• Cykl życia komponentów

Routing

• Routing module
• Child routes
• Przesyłanie danych poprzez router – Router i ActiveRoute
• Routing a cykl życia komponentu
• Nawigacja – przez template i przez code behind
• Guards – czym są i praktyczne zastosowanie
• Resolve – dostarczanie kompletnych danych

Serwisy i podstawy rxjs

• Zapytania HTTP do API przy użyciu rxjs (Observable) – tylko subscribe (blackbox na szkoleniu)
• Jak działa DI w Angular, cykl życia i zakres dostępności serwisów
• Kiedy pobierać dane w cyklu życia komponentów

Formularze

• Template forms
• Reactive forms
• Form Array – formularze z dynamicznymi listami

Modułowa aplikacja – komponowanie

• Jak komponować moduły
• Jak działa rejestrowanie modułów oraz kontener zależności
• Shared Modules
• Popularne błędy
• Moduły a router – jak komponować ścieżki

Operowanie na zawartości template w code behind

• Template variables
• ViewChildren, ContentChildren
• Dostęp do DOM przez ElementRef