Szkolenie: Tworzenie aplikacji z użyciem Angular
Szkolenie Angular to praktyczny kurs programowania frontendowego, który uczy tworzenia nowoczesnych aplikacji SPA, zarządzania komponentami, routingiem, formularzami i komunikacją z API, z wykorzystaniem najnowszych funkcjonalności Angular oraz programowania reaktywnego
- Trenerzy praktycy
- Kameralne grupy
Czas trwania szkolenia:3 dni (24h)
Kod kursu:ANGULAR
Dostępne terminy szkolenia
Termin:
Trener:
Cena:
2805 PLN netto
Lokalizacja:
ZdalneTermin:
Trener:
Cena:
2805 PLN nettoLokalizacja:
ZdalneTermin:
Trener:
Cena:
2805 PLN nettoLokalizacja:
ZdalneTermin:
Trener:
Cena:
2805 PLN nettoLokalizacja:
ZdalneTermin:
Trener:
Cena:
2805 PLN nettoLokalizacja:
ZdalneTworzenie aplikacji z użyciem Angular
Cele szkolenia
Szkolenie przygotowuje do samodzielnego projektowania i implementowania aplikacji internetowych typu SPA z wykorzystaniem Angular
Szkolenie uczy stosowania narzędzi Angular CLI oraz efektywnej organizacji projektu frontendowego
Szkolenie omawia dobre praktyki w zakresie budowy komponentów, usług, routingu i obsługi formularzy w Angular
Szkolenie rozwija umiejętność stosowania programowania reaktywnego oraz integracji aplikacji z zewnętrznymi API
Szkolenie przygotowuje do testowania jednostkowego i integracyjnego aplikacji Angular oraz wdrażania ich do środowiska produkcyjnego
Dla kogo?
Programistów JavaScript lub TypeScript z podstawowym doświadczeniem w tworzeniu aplikacji webowych
Developerów frontendowych chcących poznać Angular jako narzędzie do budowy skalowalnych aplikacji SPA
Osób pracujących z innymi frameworkami frontendowymi, które chcą rozszerzyć kompetencje o Angular
Zespołów IT planujących wdrożenie Angulara w projektach produkcyjnych i poszukujących najlepszych praktyk
Efekty kształcenia
Uczestnik projektuje i wdraża aplikacje SPA z wykorzystaniem Angular
Uczestnik konfiguruje środowisko pracy oraz zarządza strukturą projektu
Uczestnik implementuje komponenty, usługi i routing zgodnie z dobrymi praktykami
Uczestnik integruje aplikację z API oraz stosuje programowanie reaktywne
Uczestnik testuje i analizuje jakość kodu aplikacji Angular
Uczestnik optymalizuje wydajność i skalowalność aplikacji frontendowych
Wymagania
Od uczestników wymagana jest umiejętność programowania w języku JavaScript lub TypeScript
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
Program szkolenia
Wprowadzenie do Angular
Wprowadzenie do ekosystemu Angulara — krótka historia i obecne miejsce na rynku
Dlaczego Angular? Przewagi i ograniczenia w porównaniu do innych frameworków
Wzorce projektowe charakterystyczne dla Angulara (DI, MVVM, modularność)
Omówienie celu szkolenia i planu realizacji aplikacji demonstracyjnej
Wstęp do dobrej architektury aplikacji frontendowej
Konfiguracja środowiska pracy: edytory, rozszerzenia i narzędzia linii komend
Wprowadzenie do Angular CLI i jego rola w automatyzacji
Tworzenie projektu „od zera” — podejście strukturalne i modularne
Konfiguracja i integracja bibliotek komponentów UI (np. Angular Material, PrimeNG, Tailwind)
Generator kodu, aliasy ścieżek, linting, formatowanie kodu — konfiguracja jakości projektu
Wprowadzenie do monorepo i wielomodułowej architektury projektu
Komponenty i widoki
Koncepcja komponentów jako podstawowych jednostek UI
Wzorzec kompozytu — budowanie złożonych interfejsów z prostych komponentów
Różnice między komponentami deklarowanymi a standalone
Szablony komponentów, selektory, stylowanie CSS/SCSS, style enkapsulowane vs globalne
Wiązanie danych: jednokierunkowe, dwukierunkowe, dynamiczne atrybuty
Obsługa zdarzeń użytkownika i przekazywanie parametrów
Cykl życia komponentu — omówienie hooków i ich zastosowań
Komunikacja między komponentami: Input/Output, ViewChild, serwisy, EventEmitter, RxJS
Sygnały, obserwowalność zmian, efekty, memoizacja i aktualizacje UI
Kiedy stosować komponenty, dyrektywy strukturalne i atrybutowe, a kiedy pipes
Praktyczne techniki zarządzania zależnościami komponentów i ich testowalność
Obsługa formularzy
Formularze szablonowe vs reaktywne — kiedy które podejście
Tworzenie i zarządzanie formularzami prostymi oraz zagnieżdżonymi
Walidacja danych: synchroniczna, asynchroniczna, reguły walidatorów
Zarządzanie stanem formularza i prezentacja błędów użytkownikowi
Dynamiczne formularze — tworzenie pól w locie, FormArray, FormGroup
Typowanie i kontrola nad modelem danych formularza
Obsługa zmian w formularzach i nasłuchiwanie zdarzeń formularzowych
Praktyczne przykłady — tworzenie formularzy rejestracyjnych, filtrów, konfiguratorów
Najczęstsze błędy i antywzorce w pracy z formularzami
Routing i nawigacja
Definiowanie i zarządzanie ścieżkami nawigacyjnymi
Konfiguracja zagnieżdżonych tras i mechanizmu router-outlet
Obsługa parametrów tras i ich typowanie
Przekierowania, fallbacki, obsługa błędów nawigacyjnych
Implementacja guards (AuthGuards, RoleGuards, Resolver)
Budowanie struktury nawigacyjnej aplikacji: menu, okruszki, breadcrumbs
Lazy loading — strategie ładowania modułów i optymalizacja wydajności
Testowanie i debugowanie nawigacji
Usługi i zależności
Koncepcja usług i ich rola w architekturze Angulara
Deklarowanie i rejestrowanie usług —
@Injectable,providedIn, injection tokensPrzekazywanie i wstrzykiwanie konfiguracji, zależności zewnętrznych i globalnych
Poziomy dostępu i cykl życia usług — root, module, component scope
Tworzenie niestandardowych tokenów i providerów
Dobre praktyki organizowania logiki biznesowej w usługach
Integracja usług z komponentami i formularzami
Komunikacja z API
Reaktywny model HTTP w Angular z użyciem
HttpClientWysyłanie zapytań do REST API — GET, POST, PUT, DELETE
Zarządzanie parametrami, nagłówkami i autoryzacją
Obsługa błędów, retry logic, timeouts, logowanie zapytań
Tworzenie i stosowanie interceptorów — globalne przetwarzanie zapytań
Strategia zarządzania stanem danych: cache lokalny, unikanie nadmiarowych zapytań
Integracja z serwisami backendowymi
Architektura bezstanowa vs zarządzanie sesją użytkownika
Programowanie reaktywne
Wprowadzenie do reaktywności i paradygmatu programowania deklaratywnego
Porównanie: callbacki, Promise, RxJS, Signals — zastosowania i różnice
Tworzenie i zarządzanie strumieniami danych
Typowe operatory RxJS: map, switchMap, debounceTime, catchError, concatMap
Modele push/pull i multicast/unicast — zrozumienie przepływu danych
Tworzenie reaktywnych komponentów i formularzy
Signals: podstawy, pochodne, efekty i zasoby — nowy model reaktywności Angulara
Testowanie aplikacji Angular
Znaczenie testowania i TDD/BDD w aplikacjach webowych
Konfiguracja środowiska testowego — Karma, Jasmine, TestBed
Pisanie testów jednostkowych dla komponentów, dyrektyw i usług
Mockowanie zależności i symulowanie zachowań serwera
Testy integracyjne — sprawdzanie współpracy modułów
End-to-end (E2E) testy z użyciem Cypress lub Playwright — scenariusze użytkownika
Strategie testowania — co, jak i kiedy testować w aplikacji Angular
Pokrycie kodu testami, analiza raportów i testy regresyjne
Najczęstsze błędy i dobre praktyki w testowaniu aplikacji frontendowych
Autorem szkolenia jest Łukasz Andrzejewski
Od ponad 17 lat z pasją dzielę się wiedzą jako trener, wspierając rozwój kompetencji technologicznych wśród specjalistów IT na różnych etapach ich kariery. W ostatnich 5 latach przeszkoliłem ponad 2000 osób, prowadząc szkolenia zarówno otwarte, jak i dedykowane, dla czołowych firm z sektorów bankowości, ubezpieczeń i IT – m.in. Santander Bank Polska, ERGO Hestia, Asseco Poland oraz Orange. Specjalizuję się w szerokim zakresie technologii – od rozwiązań z ekosystemu Java, przez nowoczesny frontend,…
Wybrane opinie
Przeczytaj pozytywne opinie pochodzące z ankiet satysfakcji z naszych szkoleń wypełnianych wyłącznie przez ich uczestników po realizacji usługi
