Angular 10 for Developers

• Znajomość podstaw HTML, CSS i JavaScript
.

Publiczność

• Deweloperzy

Angular to JavaScript framework do tworzenia aplikacji internetowych. Angular 10 to najnowsza wersja z serii Angular 2 (Angular 2 to kompletna przeróbka oryginalnego AngularJS, czyli Angular 1). Angular 10 to główne wydanie, które kładzie nacisk na jakość, narzędzia i ulepszenia ekosystemu, a nie na nowe funkcje. Angular 10 jest mniejszy niż poprzednie wersje.

W tym prowadzonym przez instruktora szkoleniu na żywo (online lub na miejscu) uczestnicy dowiedzą się, jak tworzyć, testować i wdrażać aplikację Angular przy użyciu najnowszych funkcji w Angular 10.

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

• Tworzenie aplikacji Angular 10 przy użyciu TypeScript i Angular CLI.
• Tworzenie luźno powiązanych komponentów internetowych, które mogą być używane na dowolnej stronie HTML.
• Łączenie tych komponentów z usługami, modułami i dyrektywami.
• Korzystaj z usług internetowych REST i danych WebSocket z poziomu aplikacji Angular 10.
• Tworzenie niestandardowej walidacji przy użyciu Reactive Forms.
• Testowanie, debugowanie i wdrażanie aplikacji Angular 10.
• Organizowanie projektów Angular 10 przy użyciu najlepszych praktyk.

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

• Czym jest Angular?
• Co nowego w Angular 10?

Przegląd Typescript i ES6 JavaScript

• Składnia TypeScript
• Korzystanie z transpilatora TypeScript
• Konfigurowanie Angular 10 i Typescript

Przegląd części Angular 10'

• Angular CLI
• Komponenty
• Dyrektywy
• Dane wejściowe i wyjściowe
• Wiązanie danych i interpolacja
• Wiązanie zdarzeń
• Modelowanie danych
• Bootstrapping

Tworzenie pierwszej aplikacji Angular

• Planowanie aplikacji
• Konfigurowanie projektu Angular
• Tworzenie przyjaznego dla urządzeń mobilnych interfejsu użytkownika przy użyciu Bootstrap 4 i Sass

Tworzenie komponentu

• Zrozumienie cyklu życia komponentów
• Przepływ danych
• Korzystanie z szablonów i stylów
• Projektowanie zawartości
• Praca z AppModule
• Praca z komponentami niestandardowymi
• Korzystanie z enkapsulacji widoku
• Wdrażanie haków cyklu życia
• Korzystanie z ViewChildren i ContentChildren

Powiązanie danych w Angular 10

• Zrozumienie wiązania właściwości i zdarzeń
• Wiązanie i przypisywanie aliasów do właściwości niestandardowych
• Wiązanie i przypisywanie aliasów do zdarzeń niestandardowych

Praca z dyrektywami

• Wbudowane dyrektywy
• Dyrektywy niestandardowe

Angular 10 Usługi

• Tworzenie usługi rejestrowania
• Tworzenie usługi danych

Używanie wstrzykiwania zależności i dostawców

• Wtryskiwacze, dostawcy i tokeny
• Konfigurowanie wstrzykiwania zależności
• Konfigurowanie dostawcy
• Wstrzykiwanie usług do składników, dyrektyw i usług

Przełączanie stron za pomocą routingu

• Zrozumienie różnych metod nawigacji
• Strategie wyznaczania tras
• Konfigurowanie tras
• Konfigurowanie i wczytywanie tras
• Używanie parametrów w trasach
• Tworzenie zagnieżdżonych tras
• Korzystanie z przekierowań i tras z symbolami wieloznacznymi
• Zrozumienie osłon tras

Używanie RxJS do tworzenia i pracy z obserwowalnymi w Angular

• Przegląd obserwowalnych
• Przegląd RxJS
• Budowanie & Używanie Observables w Angular

Generowanie formularzy do wprowadzania danych przez użytkownika

• Korzystanie z formularzy opartych na szablonach
• Korzystanie z formularzy React
• Tworzenie niestandardowej walidacji
• Sprawdzanie poprawności, filtrowanie i oczyszczanie danych formularza

Korzystanie z rur

• Przekształcanie wyjścia
• Wbudowane potoki
• Potok asynchroniczny
• Potoki niestandardowe

Nawiązywanie połączeń z zewnętrznymi interfejsami API HTTP

• Wysyłanie żądań

Korzystanie z modułów Angular

Testowanie aplikacji Angular 10

• Używanie Jasmine do testowania jednostkowego
• Używanie Protractor do testowania kompleksowego

Debugowanie aplikacji

• Zrozumienie komunikatów o błędach w Angular
• Używanie map źródłowych do debugowania kodu w przeglądarce
• Odczytywanie TypeScript Diagnostyka kompilatora
• Korzystanie z Augury

Optymalizacja aplikacji Angular 10

• Zmiana kodu
• Zmniejszenie rozmiaru pakietu i wyeliminowanie martwego kodu

Angular 10 Bezpieczeństwo

• Jak działa uwierzytelnianie
• Korzystanie z uwierzytelniania JWT
• Co powinno, a czego nie powinno być napisane w Angular

Wdrażanie aplikacji Angular 10 do produkcji

• Wdrażanie do IIS, Apache, Nginx itp.

Angular 10 najlepszych praktyk

Rozwiązywanie problemów

Podsumowanie i wnioski