Szkolenie Aplikacje Full-stack z NestJS i Angular
Poziom
ŚredniozaawansowanyCzas
32h / 4 dniTermin
IndywidualnieCena
IndywidualnieSzkolenie Aplikacje Full-stack z NestJS i Angular
Szkolenie dla programistów, którzy chcą tworzyć aplikacje full-stack w spójnym stosie TypeScript: Node.js, NestJS i Angular. Program obejmuje projektowanie backendu, REST API, Dependency Injection, integrację z bazą danych, autoryzację, Angular, routing, formularze, komunikację HTTP, RxJS oraz integrację front-endu z back-endem. Uczestnicy uczą się budować kompletną aplikację webową, w której warstwa serwerowa i kliencka korzystają ze wspólnych kontraktów, spójnych modeli danych i praktyk ułatwiających utrzymanie kodu.
Dla kogo jest to szkolenie?
Dla programistów chcących rozpocząć pracę z technologiami backendowymi, takimi jak Node.js i TypeScript, oraz z frameworkiem NestJS-
Dla programistów pragnących poszerzyć swoją wiedzę z zakresu tworzenia aplikacji frontendowych i chcących nauczyć się korzystać z frameworka Angular
-
Dla specjalistów ds. IT chcących zrozumieć zalety i ograniczenia wykorzystania TypeScript i Node.js w projektach webowych
-
Dla osób zainteresowanych integracją frontendu i backendu oraz współdzieleniem kodu między nimi, a także poszukujących spójnego stosu technologicznego do efektywnej komunikacji między frontendem a backendem
Czego nauczysz się na szkoleniu?
- Skonfigurujesz aplikację full-stack opartą o TypeScript, Node.js, NestJS i Angular
- Przygotujesz backend w NestJS z modułami, kontrolerami, providerami, serwisami, walidacją, middleware i Dependency Injection
- Zintegrujesz aplikację z bazą danych SQL lub NoSQL oraz uporządkujesz logikę biznesową w serwisach
- Zbudujesz aplikację Angular z komponentami, routingiem, formularzami, walidacją, HttpClient i RxJS
- Połączysz front-end z back-endem przez REST API, skonfigurujesz CORS i zastosujesz wzorce komunikacji między warstwami
- Przygotujesz podstawowy proces deploymentu aplikacji full-stack z uwzględnieniem konfiguracji środowiskowej i ograniczeń utrzymaniowych
Program szkolenia
Dzień 1
Wprowadzenie do TypeScript i Node.js
- Aplikacje serwerowe w Node.js i rola środowiska uruchomieniowego JavaScript po stronie backendu
- Zalety TypeScript w projektach full-stack: typowanie, kontrakty danych i refaktoryzacja
- Ograniczenia Node.js i dostępne rozwiązania architektoniczne dla aplikacji serwerowych
- Asynchroniczny model przetwarzania, operacje wejścia/wyjścia i konsekwencje dla projektowania backendu
- Spójny stos technologiczny dla komunikacji backend-frontend
- Współdzielony kod backend-frontend z Node.js i TypeScript
- Modele danych, DTO i wspólne kontrakty między warstwą serwerową a kliencką
- Struktura projektu full-stack i podział odpowiedzialności między aplikacjami
Wprowadzenie do backendu NestJS
- Architektura aplikacji full-stack i miejsce NestJS w warstwie backendowej
- Podstawy frameworka NestJS i podobieństwa do wzorców znanych z Angular
- Instalacja i konfiguracja środowiska pracy
- Struktura projektu NestJS, pliki konfiguracyjne i podstawowe zależności
- Pierwsze moduły aplikacji i organizacja domen funkcjonalnych
- Kontrolery i providery jako podstawowe elementy obsługi żądań
- Żądania HTTP, routing aplikacji i mapowanie endpointów REST
- Dependency Injection w NestJS i zarządzanie zależnościami między serwisami
- Serwisy aplikacyjne i separacja logiki biznesowej od warstwy transportu
- Pipes, walidacja danych wejściowych i kontrola poprawności requestów
Dzień 2
Zaawansowane funkcje NestJS
- Konfiguracja połączenia z bazą danych SQL lub NoSQL
- Warstwa dostępu do danych, repozytoria i mapowanie encji domenowych
- Modele danych, relacje i podstawowe operacje CRUD
- Serwisy dla logiki biznesowej i granice odpowiedzialności modułów
- Middleware i przetwarzanie żądań przed obsługą w kontrolerach
- Autoryzacja i uwierzytelnianie w aplikacji backendowej
- Tokeny, sesje i podstawowe scenariusze ochrony zasobów API
- Guardy, role użytkowników i kontrola dostępu do endpointów
- Niestandardowe dekoratory i filtry wyjątków
- Obsługa błędów, jednolity format odpowiedzi i komunikaty dla klienta
- Konfiguracja środowiskowa aplikacji i zarządzanie ustawieniami
- Dokumentacja API i kontrakty komunikacji z aplikacją Angular
Dzień 3
Wprowadzenie do Angular
- Architektura projektu w Angular i organizacja warstwy frontendowej
- Angular CLI i konfiguracja projektu
- Struktura katalogów, środowiska aplikacji i podstawowe skrypty developerskie
- Komponenty, standalone components i moduły w Angular
- Szablony komponentów, binding danych i obsługa zdarzeń użytkownika
- Komunikacja między komponentami i przepływ danych w aplikacji
- Routing w Angular i struktura widoków aplikacji
- Parametry tras, ochrona dostępu i nawigacja programowa
- Formularze i walidacja danych
- Formularze reaktywne, kontrolki formularzy i komunikaty walidacyjne
- Komunikacja z serwerem za pomocą HttpClient
- RxJS i obsługa strumieni danych
- Stany ładowania, obsługa błędów i prezentacja danych z API
- Serwisy Angular i separacja logiki komunikacji od komponentów
Dzień 4
Integracja NestJS z Angular
- Interfejsy API i połączenie z Angular
- Kontrakty danych, DTO i spójność modeli między backendem a frontendem
- CORS i konfiguracja komunikacji między aplikacjami
- Integracja HttpClient z endpointami REST w NestJS
- Przykładowe funkcjonalności aplikacji full-stack
- Formularze połączone z API, zapis danych i aktualizacja widoków
- Obsługa autoryzacji po stronie front-endu i back-endu
- Przechowywanie tokenów, ochrona tras i ograniczenia bezpieczeństwa po stronie klienta
- Wzorce komunikacji między front-endem a back-endem
- Obsługa błędów integracyjnych i spójne komunikaty dla użytkownika
- Podział odpowiedzialności między komponentami Angular, serwisami frontendowymi i serwisami NestJS
- Deployment aplikacji full-stack
- Konfiguracja środowisk produkcyjnych i zmiennych środowiskowych
- Build aplikacji Angular i NestJS
- Podstawowe praktyki utrzymania, logowania i diagnostyki aplikacji full-stack
