Angular 16

Course Code: angular16

Duration: 28 hours

Prerequisites:

Zrozumienie HTML, CSS i JavaScript
Doświadczenie z TypeScript i RxJS
Doświadczenie w tworzeniu stron internetowych

Publiczność

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

Overview:

Angular 16 to najnowsza główna wersja frameworka Angular, która wprowadza nowe funkcje i aktualizacje, takie jak częściowe nawodnienie, eksperymentalna obsługa Jest, system kompilacji oparty na esbuild, obsługa samodzielnych projektów i wiele innych.

To prowadzone przez instruktora szkolenie na żywo (na miejscu lub zdalnie) jest przeznaczone dla początkujących i średnio zaawansowanych programistów, którzy chcą korzystać z najnowszych funkcji Angular 16 do tworzenia, testowania i wdrażania aplikacji internetowych.

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

Skonfigurować środowisko programistyczne obejmujące Node.js, Visual Studio Code i Angular CLI.
Utworzyć podstawową aplikację Angular 16, która wyświetla dane i obsługuje interakcje użytkownika.
Używać komponentów, dyrektyw, potoków, usług i modułów do organizowania i ponownego wykorzystywania kodu.
Używaj wiązania danych, wstrzykiwania zależności, routingu, formularzy i klienta HTTP do komunikacji z usługami zaplecza.
Debugowanie i testowanie Angular 16 aplikacji przy użyciu narzędzi takich jak Chrome DevTools, Jest, Karma i Protractor.

Format kursu

Interaktywny wykład i dyskusja.
Wiele ćwiczeń i praktyki.
Praktyczne wdrożenie w środowisku laboratoryjnym na żywo.

Opcje dostosowywania kursu

Aby poprosić o spersonalizowane szkolenie dla tego kursu, skontaktuj się z nami w celu ustalenia szczegółów.

Course Outline:

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

Sites Published:

United Arab Emirates - Angular 16

Qatar - Angular 16

Egypt - Angular 16

Saudi Arabia - Angular 16

South Africa - Angular 16

Brasil - Angular 16

Canada - Angular 16

中国 - Angular 16

香港 - Angular 16

澳門 - Angular 16

台灣 - Angular 16

USA - Angular 16

Österreich - Angular 16

Schweiz - Angular 16

Deutschland - Angular 16

Czech Republic - Angular 16

Denmark - Angular 16

Estonia - Angular 16

Finland - Angular 16

Greece - Angular 16

Magyarország - Angular 16

Ireland - Angular 16

Luxembourg - Angular 16

Latvia - Angular 16

España - Angular 16

Italia - Angular 16

Lithuania - Angular 16

Nederland - Angular 16

Norway - Angular 16

Portugal - Angular 16

România - Angular 16

Sverige - Angular 16

Türkiye - Angular 16

Malta - Angular 16

Belgique - Angular 16

France - Angular 16

日本 - Angular 16

Australia - Angular 16

Malaysia - Angular 16

New Zealand - Angular 16

Philippines - Angular 16

Singapore - Angular 16

Thailand - Angular 16

Vietnam - Angular 16

India - Angular 16

Argentina - Angular 16

Chile - Angular 16

Costa Rica - Angular 16

Ecuador - Angular 16

Guatemala - Angular 16

Colombia - Angular 16

México - Angular 16

Panama - Angular 16

Peru - Angular 16

Uruguay - Angular 16

Venezuela - Angular 16

Polska - Angular 16

United Kingdom - Angular 16

South Korea - Angular 16

Pakistan - Angular 16

Sri Lanka - Angular 16

Bulgaria - Angular 16

Bolivia - Angular 16

Indonesia - Angular 16

Kazakhstan - Angular 16

Moldova - Angular 16

Morocco - Angular 16

Tunisia - Angular 16

Kuwait - Angular 16

Oman - Angular 16

Slovakia - Angular 16

Kenya - Angular 16

Nigeria - Angular 16

Botswana - Angular 16

Slovenia - Angular 16

Croatia - Angular 16

Serbia - Angular 16

Bhutan - Angular 16

Nepal - Angular 16

Uzbekistan - Angular 16