Angular to potężny framework do budowy nowoczesnych aplikacji webowych. W tym rozbudowanym kursie poznasz narzędzia potrzebne do tworzenia profesjonalnych rozwiązań: od ustawienia środowiska, przez architekturę modułów i komponentów, po pracę z REST API, CRUD, RxJS i Material UI. Zrozumiesz dyrektywy, pipe'y, routing, formularze i komunikację między komponentami oraz nauczysz się podstaw zabezpieczania widoków z JWT.

Przygotowanie środowiska i pierwszy projekt

Zaczynasz od poukładanego startu. Najpierw przygotujesz środowisko developerskie i produkcyjne tak, aby wygodnie tworzyć i testować aplikację. Następnie utworzysz pierwszy projekt oraz poznasz strukturę plików, sposób uruchamiania i budowania aplikacji. Krok po kroku zobaczysz, jak pliki współpracują, gdzie umieszczać logikę oraz jak organizować katalogi, by projekt był czytelny. Od tej bazy przejdziesz do dodania pierwszych widoków i prostych interakcji, co pozwoli szybciej zrozumieć sposób działania frameworka w praktyce.

Architektura: moduły, komponenty, serwisy

Poznasz podejście do architektury w Angular. Nauczysz się dzielić aplikację na moduły, tworzyć komponenty odpowiedzialne za widoki oraz serwisy do logiki i komunikacji. Skupisz się na jasnych zależnościach między warstwami i na sposobach przekazywania danych oraz zdarzeń między komponentami. Pokażemy, jak utrzymywać spójność kodu i separację odpowiedzialności, aby funkcje były łatwe do ponownego użycia. Taki układ ułatwi rozwijanie aplikacji od małych elementów po większe funkcjonalności.

Routing, dyrektywy i pipe'y w praktyce

Zobaczysz, jak działa routing i jak prowadzić użytkownika między widokami. Skonfigurujesz trasy i powiążesz je z komponentami. W praktyce wykorzystasz dyrektywy *ngIf, *ngFor, *ngClass i *ngStyle, by wyświetlać listy, warunkowo pokazywać elementy oraz dynamicznie zmieniać klasy i style. Użyjesz też pipe'ów do czytelnego formatowania i przekształcania danych bez rozbudowywania logiki komponentów. Dzięki temu interfejs będzie przejrzysty, a kod pozostanie zwięzły i łatwy do utrzymania.

Formularze, dialogi i powiadomienia

Zbudujesz formularze, które walidują dane i zbierają informacje od użytkownika. Nauczysz się zarządzać stanem pól, reagować na zmiany i obsługiwać wysyłkę. Dodasz okna dialogowe do potwierdzeń i dodatkowych akcji oraz wprowadzisz powiadomienia, aby informować o efektach operacji. Wszystko połączysz z logiką komponentów i serwisów, dzięki czemu interfejs będzie spójny i responsywny. Poznasz wzorce, które ułatwiają ponowne wykorzystanie elementów formularzy w różnych miejscach aplikacji.

REST API, CRUD, RxJS i JWT

Połączysz aplikację z backendem opartym o standard REST API. Wykonasz operacje CRUD, obsłużysz pobieranie, dodawanie, modyfikację i usuwanie danych. Wykorzystasz bibliotekę RxJS, aby pracować z danymi napływającymi asynchronicznie i wygodnie reagować na ich zmiany. Poznasz podstawy użycia JWT do zabezpieczania wybranych widoków lub zasobów aplikacji. Dzięki temu Twoja aplikacja będzie współpracować z usługami serwerowymi w uporządkowany i przewidywalny sposób.

Material UI i praca z dokumentacją

Dowiesz się, jak zastosować Material UI, aby szybko budować spójne elementy interfejsu. Skorzystasz z gotowych komponentów i dostosujesz je do potrzeb projektu. Ważnym elementem będzie także efektywna praca z dokumentacją: wyszukiwanie przykładów, rozumienie opcji konfiguracji i wybieranie właściwych rozwiązań. Dzięki temu łatwiej rozszerzysz projekt o kolejne funkcje i będziesz świadomie dobierać narzędzia, gdy pojawią się nowe wymagania.