Course Code:
angular15
Duration:
28 hours
Prerequisites:
- Podstawowa znajomość HTML, CSS i JavaScript .
Publiczność
- Deweloperzy
- Programiści
Overview:
Angular to popularny JavaScript framework do tworzenia aplikacji internetowych;
Szkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla deweloperów i programistów, którzy chcą korzystać z najnowszych funkcji Angular 15 do tworzenia, testowania i wdrażania aplikacji internetowych.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Instalowanie i konfigurowanie Angular 15.
- Tworzenie aplikacji przy użyciu architektury opartej na komponentach Angular 15.
- Wykorzystaj wbudowane dyrektywy, usługi i potoki Angular 15.
- Komunikować się z interfejsem API RESTful przy użyciu modułu HttpClient Angular 15.
- Wdrażanie uwierzytelniania i autoryzacji w aplikacjach Angular 15.
- Testowanie i debugowanie aplikacji Angular 15.
- Zrozumienie nowych funkcji Angular 15, takich jak Image Directive, CDK List for Building UI Components, Boilerplate Reduction in Guards i ulepszenia w esbuild dla szybszych kompilacji.
Format kursu
- Interaktywny wykład i dyskusja.
- Dużo ćwiczeń i praktyki.
- Praktyczne wdrożenie w środowisku live-lab.
Opcje dostosowywania kursu
- Aby zamówić niestandardowe szkolenie dla tego kursu, skontaktuj się z nami.
Course Outline:
Wprowadzenie
- Przegląd Angular i jego funkcji
- Zrozumienie frameworka i architektury Angular
- Co nowego pojawiło się w Angular 15?
Konfiguracja środowiska programistycznego
- Instalowanie i konfigurowanie Angular 15
- Korzystanie ze stabilnych samodzielnych interfejsów API, które umożliwiają programistom Angular tworzenie aplikacji bez modułów Ng.
- Zrozumienie zwiększonej wydajności
Podstawy TypeScript
- Zrozumienie składni TypeScript
- Definiowanie zmiennych i tablic
- Wpisywanie funkcji
Komponenty
- Anatomia komponentu Angular
- Tworzenie i używanie komponentów
- Komunikacja między komponentami
- Implementowanie haków cyklu życia komponentów
- Używanie CDK List do tworzenia komponentów interfejsu użytkownika
Dyrektywy
- Anatomia dyrektywy Angular
- Tworzenie i używanie dyrektyw
- Tworzenie niestandardowych dyrektyw
- Korzystanie z interfejsu API kompozycji dyrektyw
- Używanie dyrektywy Image w aplikacjach Angular i przeprowadzanie automatycznego generowania srcset w dyrektywie Image
Usługi i wstrzykiwanie zależności
- Anatomia usługi Angular
- Tworzenie i używanie usług
- Używanie wstrzykiwania zależności do zarządzania usługami
Rury
- Anatomia rury Angular
- Tworzenie i używanie potoków
- Tworzenie niestandardowych rur
Formularze
- Tworzenie i walidacja formularzy przy użyciu Angular'FormBuilder
- Wdrażanie formularzy reaktywnych
- Korzystanie z formularzy opartych na szablonach
HttpClient
- Komunikacja z interfejsem API RESTful przy użyciu modułu Angular'HttpClient
- Implementowanie żądań GET, POST, PUT i DELETE
- Obsługa błędów i zdarzeń postępu
Uwierzytelnianie i autoryzacja
- Wdrażanie uwierzytelniania i autoryzacji w aplikacjach Angular
- Używanie JSON Web Tokens (JWT) do uwierzytelniania
- Ochrona tras za pomocą strażników
- Redukcja standardowego kodu w strażnikach
Testowanie i debugowanie
- Pisanie testów jednostkowych przy użyciu Jasmine i Karmy
- Testowanie komponentów Angular, dyrektyw, usług i potoków
- Debugowanie aplikacji Angular przy użyciu narzędzi DevTools przeglądarki
- Zapoznanie się z ulepszeniami w esbuild dla szybszych kompilacji
Podsumowanie i kolejne kroki
Sites Published: