Dziękujemy za wysłanie zapytania! Jeden z członków naszego zespołu skontaktuje się z Państwem wkrótce.
Dziękujemy za wysłanie rezerwacji! Jeden z członków naszego zespołu skontaktuje się z Państwem wkrótce.
Plan Szkolenia
Wprowadzenie
- Czym jest Angular?
- Angular vs React vs Vue
- Przegląd funkcji i architektury Angulara 17
- Konfigurowanie środowiska deweloperskiego
Rozpoczęcie pracy
- Tworzenie nowego projektu Angular 17 przy użyciu Angular CLI
- Eksploracja struktury i plików projektu
- Uruchamianie i serwowanie aplikacji
- Wyświetlanie danych za pomocą interpolacji i wyrażeń
Komponenty
- Rola komponentów w Angularze 17
- Tworzenie i używanie komponentów
- Przekazywanie danych między komponentami za pomocą wejść i wyjść
- Korzystanie z hooków cyklu życia komponentów
Dyrektywy
- Różnica między dyrektywami strukturalnymi i atrybutowymi
- Tworzenie i używanie wbudowanych dyrektyw, takich jak ngIf, ngFor, ngSwitch itp.
- Tworzenie i używanie niestandardowych dyrektyw
Potoki
- Cel potoków w Angularze 17
- Tworzenie i używanie wbudowanych potoków, takich jak date, currency, json itp.
- Tworzenie i używanie niestandardowych potoków
Usługi
- Rola usług w Angularze 17
- Tworzenie i używanie usług
- Wstrzykiwanie zależności za pomocą dostawców
Moduły
- Rola modułów w Angularze 17
- Tworzenie i używanie modułów
- Importowanie i eksportowanie modułów
Wiązanie danych
- Różnica między jedno- i dwukierunkowym wiązaniem danych
- Tworzenie i używanie wiązania właściwości, wiązania zdarzeń i składni „banana-in-a-box”
- Używanie zmiennych referencyjnych szablonu
Routing
- Rola routingu w Angularze 17
- Tworzenie i konfigurowanie tras
- Nawigacja między trasami za pomocą routerLink i router.navigate()
- Używanie parametrów tras, parametrów zapytań i fragmentów
Formularze
- Różnica między formularzami opartymi na szablonach i reaktywnymi
- Tworzenie i walidacja formularzy za pomocą kontrolek formularzy, grup formularzy, tablic formularzy itp.
- Używanie wbudowanych walidatorów, takich jak required, minLength, maxLength itp.
- Tworzenie i używanie niestandardowych walidatorów
Klient HTTP
- Rola klienta HTTP w Angularze 17
- Tworzenie i używanie żądań HTTP do komunikacji z usługami backendowymi
- Używanie obserwabli do obsługi asynchronicznych strumieni danych
- Używanie interceptorów do modyfikacji lub obsługi żądań lub odpowiedzi HTTP
Nowa, deklaratywna kontrola przepływu
- Wyjaśnienie nowej składni bloków kontrolnych szablonów i jak upraszcza ona typowe zadania, takie jak renderowanie warunkowe, pętle i obsługa pustych kolekcji
- Przykłady użycia nowych bloków, takich jak @if, @else, @switch, @case, @default, @for i @empty
- Porównanie nowej składni z poprzednią, taką jak *ngIf, *ngSwitch i *ngFor
- Wspomnienie, jak nowe bloki kontrolne wspierają aplikacje bez stref z sygnałami
Bloki opóźnionego ładowania
- Wyjaśnienie koncepcji opóźnionego ładowania i jak może poprawić wydajność i doświadczenie użytkownika aplikacji internetowych
- Wprowadzenie nowego bloku kontrolnego @defer, który umożliwia leniwe ładowanie zawartości bloku i jego zależności
- Przykłady użycia bloku @defer w różnych scenariuszach, takich jak ładowanie komponentów, dyrektyw, potoków, animacji i stylów
- Wspomnienie, jak blok @defer współpracuje z nowym API przejść między widokami
API przejść między widokami
- Wyjaśnienie celu i korzyści API przejść między widokami, które pozwala deweloperom dostosować animacje i przejścia między widokami
- Wprowadzenie nowej dyrektywy withViewTransitions, która umożliwia korzystanie z API przejść między widokami
- Przykłady użycia dyrektywy withViewTransitions z różnymi typami przejść, takimi jak fade, slide, zoom i flip
- Wspomnienie, jak API przejść między widokami współpracuje z routerem Angulara i historią przeglądarki
Inne funkcje i ulepszenia
- Krótkie podsumowanie innych funkcji i ulepszeń oferowanych przez Angular 17, takich jak:
- Obsługa przekazywania @Component.styles jako ciąg znaków
- Kod animacji Angulara jest leniwie ładowany
- Obsługa TypeScript 5.2
- API sygnałów jest teraz stabilne
- Obsługa Node.js v16 została usunięta, a minimalna obsługiwana wersja to v18.13.0
- Esbuild będzie domyślnym budowniczym, a domyślny serwer deweloperski będzie używał Vite
Podsumowanie i kolejne kroki
Wymagania
- Zrozumienie HTML, CSS i JavaScript
- Doświadczenie z TypeScript i RxJS
- Doświadczenie w rozwoju aplikacji internetowych
Grupa docelowa
- Programiści, którzy chcą nauczyć się korzystać z Angulara 17 do tworzenia dynamicznych i responsywnych aplikacji internetowych
- Programiści, którzy chcą podnieść swoje umiejętności z poprzednich wersji Angulara
- Programiści, którzy chcą poznać nowe funkcje i ulepszenia Angulara 17
28 godzin
Opinie uczestników (2)
Zdecydowanie polubiłem przebieg szkolenia; omawiała temat, a na koniec każdego tematu miała dobrze zdefiniowane sesje praktyczne dla nas. Była w stanie szybko przewodzić nami przez problemy, z którymi napotykaliśmy się podczas tych sesji praktycznych.
Rabin Byanjankar - Lument
Szkolenie - Angular 17
Przetłumaczone przez sztuczną inteligencję
Było bardzo interaktywne i informatyczne. Trener był niezwykle cierpliwy, gdy coś nam nie było jasne, i zapewniał, że nikt nie został z tyłu przez cały czas szkolenia.
Daniel - INIT Innovations in Transportation Ltd.
Szkolenie - Angular 17
Przetłumaczone przez sztuczną inteligencję
