Angular 12 Advanced

• Doświadczenie w tworzeniu Angular 12 aplikacji

Publiczność

• Deweloperzy, którzy mają doświadczenie w tworzeniu Angular 12 aplikacji

Angular to popularny JavaScript framework do tworzenia aplikacji internetowych. Angular 12 zawiera zaawansowane funkcje, takie jak ulepszenia wydajności, usługi językowe, nowy kompilator Ivy, sprawdzanie poprawności formularzy i wiele innych;

Szkolenie na żywo prowadzone przez instruktora (na miejscu lub zdalnie) jest przeznaczone dla programistów, którzy chcą zagłębić się w zaawansowane funkcje Angular 12, w tym niestandardowe komponenty, dyrektywy, zaawansowane wiązanie danych, leniwe ładowanie i wiele innych.

Po zakończeniu tego szkolenia uczestnicy będą w stanie

• Tworzenie Angular 12 aplikacji przy użyciu zaawansowanych technik i koncepcji.
• Wdrażanie niestandardowych komponentów i dyrektyw.
• Poznaj zaawansowane techniki wiązania danych.
• Implementacja leniwego ładowania i dynamicznego importu.
• Optymalizacja wydajności aplikacji Angular 12.

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.

Wprowadzenie

• Co nowego w Angular 12?

Zaawansowane techniki komponentów

• Zaawansowane wzorce komponentów
• Komponenty dynamiczne
• Projekcja zawartości
• Odniesienia do kontenera widoku
• Wykrywanie zmian
• Zdarzenia niestandardowe

Zaawansowane techniki dyrektyw

• Zaawansowane wzorce dyrektyw
• Zaawansowane wiązanie hosta
• Zaawansowane moduły nasłuchujące hosta
• Zaawansowane dyrektywy strukturalne
• Dyrektywy jako usługi

Zaawansowane techniki wiązania danych

• Rury czyste i nieczyste
• Strategie wykrywania zmian
• Bezstrefowe wykrywanie zmian
• Obserwowalne i operatorzy
• RxJS Strumienie

Leniwe ładowanie i dynamiczne importowanie

• Leniwe ładowanie tras
• Leniwe ładowanie komponentów
• Federacja modułów

Optymalizacja Angular 12 Wydajność

• Najlepsze praktyki w zakresie wydajności
• Używanie Web Workers do równoległości
• Używanie Zone.js do profilowania
• Wstępne ładowanie modułów
• Potrząsanie drzewem i dzielenie kodu

Zaawansowane formularze

• Reactive Forms
• FormBuilder
• Niestandardowe walidatory

Testowanie Angular 12 Aplikacje

• Zaawansowane techniki testowania
• Zaawansowane komponenty i dyrektywy Unit Testing
• Testowanie komponentów dynamicznych
• Testowanie formularzy
• Testowanie integracji

Zaawansowane techniki debugowania

• Zaawansowane koncepcje debugowania
• Używanie Augury do debugowania
• Debugowanie przy użyciu VS Code
• Śledzenie i profilowanie

Zaawansowane funkcje bezpieczeństwa

• Najlepsze praktyki bezpieczeństwa
• Korzystanie z uwierzytelniania OAuth2
• Ochrona tras i zasobów

Zaawansowane Angular 12 Wdrożenie

• Wdrażanie przy użyciu platformy Docker
• Wdrażanie za pomocą Kubernetes
• Ciągła integracja i wdrażanie

Angular 12 najlepszych praktyk

• Najlepsze praktyki tworzenia łatwych w utrzymaniu Angular 12 aplikacji

Rozwiązywanie problemów

Podsumowanie i kolejne kroki