- Logiczny podział modułów oraz komponentów, efektywny lazy loading
- Dobre praktyki projektowania komponentów (input/output, konfiguracja, ng-content etc.)
- Komponenty vs serwisy vs dyrektywy – gdzie przekazać odpowiedzialność
Szkolenie Angular
Poziom
PodstawowyCzas
40h / 5 dniTermin
IndywidualnieCena
IndywidualnieSzkolenie Angular
Angular to framework JavaScript stworzony przez Google. Służy on do szybkiego i łatwego budowania aplikacji internetowych. Idealny do tworzenia tak zwanych – Single Page Applications. Angular jest oparty o model MVW – pozwala pogodzić idee JavaScript i modelu MVC. Framework ten rozszerza możliwości tradycyjnego HTML-a do lepszej obsługi dynamicznych treści, co umożliwia automatyczną synchronizację pomiędzy modelem i widokiem. W ten sposób Angular ogranicza manipulacje w DOMie i ułatwia testowanie.
Dla kogo jest szkolenie z Angular?
Dla programistów posiadających podstawową wiedzę w zakresie JavaScript, którzy chcą poszerzyć swoje kompetencje związane z tworzeniem zaawansowanych aplikacji internetowych działających po stronie przeglądarki.
Czego nauczysz się na szkoleniu?
-
Poznasz dobre praktyki programowania w języku JavaScript oraz praktyczne zagadnienia związane z tworzeniem aplikacji internetowych w architekturze „Single-page application” przy użyciu frameworka Angular.
-
Dowiesz się jak używać elementów programowania funkcyjnego i reaktywnego do rozwiązywania typowych problemów.
-
Nauczysz się prawidłowego i efektywnego konfigurowania środowiska do pracy z zaawansowanymi projektami frontendowymi.
-
Nauczysz się jak konstruować czytelne i wydajne aplikacje w JavaScript oraz TypeScript z wykorzystaniem aktualnych możliwości tych języków.
-
Dowiesz się jak tworzyć aplikacje oparte na komponentach.
Program szkolenia Angular
Dobra struktura aplikacji
Kompozycja w dużym projekcie
- Specjalizacja vs generalizacja komponentów
- Jakie są popularne błędy
- TypeScript path aliases
Wielkość aplikacji
- Analiza webpack-bundle
- Angular budgets
- Polyfille, wsparcie dla wielu przeglądarek a differential loading
Angular change detection a wydajność aplikacji
- Jak wygląda “detection tree”
- Cykl życia komponentów i serwisów
- Strategie aktualizacji komponentów i ręczne zarządzanie detekcją zmian
- get/computed-variables/functions execution w template’ach a change detection
- change detection a wydajność
- one way VS two way data binding
Popularne pułapki rxjs
- Hot vs Cold observables
- Sync or async? Jak działają Subject’y
- Zarządzanie subskrypcjami rxjs
- Popularne memory leaks w aplikacjach Angular
- Cache’owanie danych przez rxjs
- Async pipes w Ng
Testowanie aplikacji Angular
- Testowanie komponentów
- Testowanie serwisów
- Mockowanie
- Unit testy vs testy komponentów, co warto testować?
- TestBed vs Spectator
Update wersji Angular
- Migracja na wyższe wersje
- Angular Schematics a migracje
Zarządzanie nawigacją aplikacji a uprawnienia
- Blokady nawigacji oraz ładowania zasobów na podstawie uprawnień na router guards
- Guards vs Resolvers
- Dynamiczna konfiguracja router guards
State management w Angular na przykładzie Ngrx
- Czym jest state management w aplikacjach SPA i jakie problemy rozwiązuje?
- Redux pattern
- Kiedy stosować state management?
- Komunikacja na wysokim i niskim poziomie w aplikacji
- “Cacheowanie” danych w state
- Tooling, narzędzia do debugowania
Reactive forms
- Template Driven Forms vs Reactive Forms – kiedy których używać. Jak używać ich wspólnie w jednym formularzu
- Jak bindować dane z kontrolkami reaktywnymi w Reactive Forms
- Jak połączyć ng-model z Reactive Forms
- Jak zasubskrybować się na zmianę wartości w formularzach reaktywnych
Biblioteka komponentów
- Jak stworzyć własną bibliotekę komponentów
- Dokumentacja komponentów: Storybook
Zarządzanie dużym projektem z nx (nrwl/nx)
- Jakie problemy rozwiązuje nx?
- Kiedy warto go wprowadzić
- Zarządzanie zależnościami przez tagi i constraint
- Logiczny podział oraz hierarchia bibliotek i aplikacji w nx
- “alias” namespaces
- Wbudowane narzędzia
- Graf zależności
- Różnicowe budowanie oraz testy
Pobierz program
Pobierz szczegółowy program w PDF, żeby dowiedzieć się więcej o godzinach i tematach zajęć.
