Thank you for sending your enquiry! One of our team members will contact you shortly.
Thank you for sending your booking! One of our team members will contact you shortly.
Plan Szkolenia
Wprowadzenie
- Czym jest Angular?
- Angular vs React vs Vue
- Przegląd funkcji i architektury Angular 16
- Konfiguracja środowiska programistycznego
Pierwsze kroki
- Tworzenie nowego projektu Angular 16 przy użyciu Angular CLI
- Przeglądanie struktury projektu i plików
- Uruchamianie i obsługa aplikacji
- Wyświetlanie danych przy użyciu interpolacji i wyrażeń
Komponenty
- Zrozumienie roli komponentów w Angular 16
- Tworzenie i używanie komponentów
- Przekazywanie danych między komponentami przy użyciu danych wejściowych i wyjściowych
- Korzystanie z haków cyklu życia komponentów
Dyrektywy
- Zrozumienie różnicy między dyrektywami strukturalnymi i atrybutowymi
- Tworzenie i używanie wbudowanych dyrektyw, takich jak ngIf, ngFor, ngSwitch itp.
- Tworzenie i używanie niestandardowych dyrektyw
Rury
- Zrozumienie przeznaczenia potoków w Angular 16
- Tworzenie i używanie wbudowanych potoków, takich jak data, waluta, json itp.
- Tworzenie i używanie niestandardowych potoków
Usługi
- Zrozumienie roli usług w Angular 16
- Tworzenie i używanie usług
- Wstrzykiwanie zależności przy użyciu dostawców
Moduły
- Zrozumienie roli modułów w Angular 16
- Tworzenie i używanie modułów
- Importowanie i eksportowanie modułów
Wiązanie danych
- Zrozumienie różnicy między jednokierunkowym 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
- Zrozumienie roli routingu w Angular 16
- Tworzenie i konfigurowanie tras
- Nawigacja między trasami przy użyciu routerLink i router.navigate
- Używanie parametrów trasy, parametrów zapytania i fragmentów
Formularze
- Zrozumienie różnicy między formularzami opartymi na szablonach i formularzami reaktywnymi
- Tworzenie i sprawdzanie poprawności formularzy przy użyciu kontrolek formularzy, grup formularzy, tablic formularzy itp.
- Korzystanie z wbudowanych walidatorów, takich jak required, minLength, maxLength itp.
- Tworzenie i używanie niestandardowych walidatorów
Klient HTTP
- Zrozumienie roli klienta HTTP w Angular 16
- Tworzenie i używanie żądań HTTP do komunikacji z usługami zaplecza
- Używanie obserwowalnych do obsługi asynchronicznych strumieni danych
- Używanie przechwytywaczy do modyfikowania lub obsługi żądań lub odpowiedzi HTTP
Debugowanie
- Zrozumienie typowych błędów i usterek w aplikacjach Angular 16
- Używanie Chrome DevTools do sprawdzania elementów, źródeł, sieci, konsoli itp.
- Używanie punktów przerwania, wyrażeń obserwacyjnych, stosu wywołań itp. do debugowania kodu
Testowanie
- Zrozumienie znaczenia testowania w Angular 16 aplikacjach
- Używanie Jest jako alternatywnego frameworka do testowania
- Używanie Karmy jako narzędzia do uruchamiania testów jednostkowych
- Używanie Protractor jako kompleksowego narzędzia do testowania
Podsumowanie i kolejne kroki
Wymagania
- Zrozumienie HTML, CSS i JavaScript
- Doświadczenie z TypeScript i RxJS
- Doświadczenie w tworzeniu stron internetowych
Uczestnicy
- Programiści, którzy chcą dowiedzieć się, jak używać Angular 16 do tworzenia dynamicznych i responsywnych aplikacji internetowych
- Programiści, którzy chcą zaktualizować swoje umiejętności z poprzednich wersji Angular
- Programiści, którzy chcą poznać nowe funkcje i aktualizacje Angular 16
28 godzin
