Podręcznik użytkownika programowania LUMIFY WORK Angular 12

Programowanie LUMIFY WORK Angular 12

DLACZEGO STUDIOWAĆ TEN KURS

Ten kompleksowy kurs programowania Angular 12 jest połączeniem nauki teoretycznej i laboratoriów praktycznych, które obejmują wprowadzenie do Angular, a następnie TypeScript, komponenty, dyrektywy, usługi, klienta HTTP, testowanie i debugowanie.
Kurs zawiera mnóstwo przydatnych i praktycznych informacji, które możesz od razu zastosować w swojej pracy. Poznaj podstawy podstawowego programowania Angular 12, takie jak jednostronicowe aplikacje przeglądarkowe, responsywne webwitryn internetowych i hybrydowych aplikacji mobilnych.
Notatka: Możemy również przeprowadzić szkolenia z innych wersji Angulara. Prosimy o kontakt w celu złożenia zapytania lub zgłoszenia zainteresowania.

CZEGO SIĘ NAUCZYSZ
Po pomyślnym ukończeniu tego kursu będziesz w stanie:

• Twórz jednostronicowe aplikacje Angular przy użyciu TypeScript
• Skonfiguruj kompletne środowisko programistyczne Angular
• Twórz komponenty, dyrektywy, usługi, potoki, formularze i niestandardowe walidatory
• Obsługuj zaawansowane zadania pobierania danych sieciowych za pomocą Observables Consume data from REST web usługi za pomocą klienta Angular HT TP Obsługuj połączenia typu push-data za pomocą WebProtokół gniazd
• Pracuj z Angular Pipes, aby sformatować dane
• Skorzystaj z zaawansowanych funkcji routera Angular Component
• Testuj i debuguj aplikacje Angular za pomocą wbudowanych narzędzi.

TEMATYKA KURSU

Rozdział 1. Wprowadzenie do Angulara

• Czym jest Angular?
• Główne cechy platformy Angular Odpowiednie przypadki użycia
• Elementy konstrukcyjne aplikacji Angular Podstawowa architektura aplikacji Angular Instalowanie i używanie Angular
• Anatomia aplikacji Angular uruchamiającej aplikację
• Budowanie i wdrażanie aplikacji Angular dla natywnych aplikacji mobilnych
• Streszczenie

Rozdział 2. Wprowadzenie do TypeScriptu

• Języki programowania do użytku ze składnią Angular TypeScript
• Redaktorzy programiści
• System typów – definiowanie zmiennych
• System typów – definiowanie tablic
• Podstawowe typy pierwotne
• Wpisz Funkcje
• Wnioskowanie typu
• Definiowanie klas
• Metody klasowe
• Kontrola widoczności
• Konstruktorzy klas
• Konstruktory klas – niezainicjowane pola w formie alternatywnej
• Interfejsy
• Praca z modułami ES6
• var vs niech
• Funkcje strzałek
• Funkcja strzałki Kompaktowy ciąg znaków szablonu składni
• Ogólne w klasie
• Rodzaje ogólne w funkcji
• Streszczenie

Rozdział 3. Komponenty

• Co to jest komponent?
• Example Komponent
• Tworzenie komponentu przy użyciu Angular CLI
• Klasa komponentu
• Dekorator @Component
• Rejestrowanie komponentu w szablonie komponentu modułu
• Example: Szablon HelloComponent
• Example: Klasa HelloComponent używająca komponentu
• Uruchom aplikację
• Hierarchia komponentów
• Komponent główny aplikacji
• Bootstrap File
• Haki cyklu życia komponentów Npample Haki cyklu życia
• Style CSS
• Streszczenie

Rozdział 4. Szablony komponentów

• Szablony
• Lokalizacja szablonu
• Składnia wąsów {{ }}
• Ustawianie właściwości elementu DOM
• Ustawianie tekstu treści elementu
• Powiązanie zdarzenia
• Obsługa zdarzeń wyrażeń
• Zapobiegaj domyślnej obsłudze
• Dyrektywy atrybutów
• Zastosuj style, zmieniając klasy CSS
• Exampplik: ngClass
• Bezpośrednie stosowanie stylów
• Dyrektywy strukturalne
• Warunkowo wykonaj szablon
• Example: ngIf
• Zapętlanie za pomocą ngFor
• ngDla zmiennych lokalnych
• Manipulowanie kolekcją Npample – Usuwanie elementu
• Śledzenie przedmiotów za pomocą elementów wymiany ngFor za pomocą elementów grupujących ngSwitch
• Podsumowanie zmiennych odniesienia do szablonu

Rozdział 5. Komunikacja między komponentami

• Podstawy komunikacji
• Architektura przepływu danych
• Przygotowanie dziecka do odbioru danych
• Wyślij dane od rodzica
• Więcej o ustawianiu właściwości
• Wywoływanie zdarzenia z komponentu
• @Wyjście() Npample – Komponent potomny @Output() Npample – Komponent nadrzędny
• Pełne wiązanie dwukierunkowe
• Konfigurowanie dwukierunkowego powiązania danych w elemencie nadrzędnym
• Streszczenie

Rozdział 6. Formularze oparte na szablonach

• Formularze oparte na szablonach
• Moduł importowania formularzy
• Podstawowe podejście
• Konfigurowanie formularza
• Uzyskiwanie danych wejściowych użytkownika
• Pomijanie atrybutu ngForm
• Zainicjuj formularz
• Dwukierunkowe wiązanie danych
• Walidacja formularza
• Walidatory kątowe
• Wyświetlanie stanu walidacji przy użyciu klas Dodatkowe typy danych wejściowych
• Pola wyboru
• Wybierz (rozwijane) Pola
• Opcje renderowania dla pól Wybierz (rozwijaną) datę
• Przyciski radiowe
• Streszczenie

Rozdział 7. Formy reaktywne

• Koniec formularzy reaktywnychview
• Bloki konstrukcyjne
• Zaimportuj moduł ReactiveForms
• Skonstruuj formularz
• Zaprojektuj szablon
• Uzyskiwanie wartości wejściowych
• Inicjowanie pól wejściowych
• Ustawianie wartości formularza
• Subskrybowanie zmian wejściowych
• Walidacja
• Wbudowane walidatory
• Wyświetlanie błędu sprawdzania poprawności
• Niestandardowy weryfikator
• Korzystanie z niestandardowego modułu sprawdzania poprawności
• Dostarczanie konfiguracji do niestandardowego modułu sprawdzania poprawności
• FormArray – dynamicznie dodawaj dane wejściowe
• FormArray – klasa komponentu
• FormArray – szablon
• FormArray – Wartości
• Podgrupy formularzy – klasa komponentów
• Podgrupy formularzy – szablon HTML
• Dlaczego warto używać grup podformularzy
• Streszczenie

Rozdział 8. Usługi i wstrzykiwanie zależności

• Co to jest usługa?
• Tworzenie usługi podstawowej
• Klasa usług
• Czym jest wstrzykiwanie zależności?
• Wstrzykiwanie instancji usługi
• Wtryskiwacze
• Hierarchia wtryskiwaczy
• Rejestracja usługi w programie Root Injector
• Rejestracja usługi za pomocą wtryskiwacza komponentu
• Zarejestruj usługę za pomocą wtryskiwacza modułu funkcyjnego
• Gdzie zarejestrować usługę?
• Wstrzykiwanie zależności w innych artefaktach zapewniające alternatywną implementację wstrzykiwania zależności i @Host
• Wstrzykiwanie zależności i @Optional
• Streszczenie

Rozdział 9. Klient HTTP

• Klient Angular HT TP
• Korzystanie z klienta HT TP – koniecview
• Importowanie modułu HttpClientModule
• Usługa za pomocą HttpClient
• Składanie żądania GET
• Co robi obserwowalny obiekt?
• Korzystanie z usługi w komponencie
• Obsługa błędów składnika klienta PeopleService
• Dostosowywanie obiektu błędu
• Wysyłanie żądania POST
• Złożenie wniosku PUT
• Składanie żądania USUŃ

Rozdział 10. Potoki i formatowanie danych

• Co to są rury?
• Wbudowane rury
• Używanie rur w szablonie HTML Łączenie rur
• Międzynarodowe potoki (i18n) Ładowanie danych regionalnych
• Rura randkowa
• Numer Rura
• Rura walutowa
• Utwórz niestandardową rurę
• Niestandardowa rura npample
• Korzystanie z rur niestandardowych
• Używanie potoku z ngFor
• Rura filtrująca
• Kategoria fajek: czysta i nieczysta
• Streszczenie
• Czysta rura npample
• Nieczysta rura npample
• Streszczenie

Rozdział 11. Wprowadzenie do aplikacji jednostronicowych

• Co to jest tradycyjna aplikacja jednostronicowa (SPA). Web Aplikacja
• Przepływ pracy w SPA
• Aplikacja jednostronicowa Advantages API historii HTML5
• Wyzwania SPA
• Implementowanie SPA przy użyciu podsumowania Angular

Rozdział 12. Router z komponentami Angular

• Router komponentowy
• View Nawigacja
• API routera Angular
• Tworzenie aplikacji obsługującej router
• Hostowanie komponentów trasowanych
• Nawigacja za pomocą łączy i przycisków
• Nawigacja programowa
• Parametry trasy mijania
• Nawigacja z wykorzystaniem parametrów trasy
• Uzyskiwanie wartości parametrów trasy
• Synchroniczne pobieranie parametrów trasy
• Asynchroniczne pobieranie parametru trasy
• Parametry zapytania
• Podawanie parametrów zapytania
• Asynchroniczne pobieranie parametrów zapytania
• Problemy z instrukcją URL wpis i zakładki
• Streszczenie

Rozdział 13. Zaawansowany klient HTTP

• Opcje żądania
• Zwracanie obiektu HttpResponse
• Ustawianie nagłówków żądań
• Tworzenie nowych obserwowalnych
• Tworzenie prostego obserwowalnego
• Metoda konstruktora Observable Operatory obserwowalne
• Operatorzy mapy i filtrów
• Operator flatMap().
• Operator tap().
• Kombinator zip().
• Buforowanie odpowiedzi HT TP
• Wykonywanie sekwencyjnych połączeń HT TP
• Wykonywanie połączeń równoległych
• Dostosowywanie obiektu błędu za pomocą metody catchError()
• Błąd w rurociągu
• Odzyskiwanie błędów
• Streszczenie

Rozdział 14. Moduły kątowe

• Dlaczego moduły kątowe?
• Anatomia klasy modułu
• Właściwości @NgModule
• Moduły funkcyjne
• Example Struktura modułu
• Utwórz moduł domeny
• Utwórz parę modułów routingu/trasowania
• Utwórz moduł serwisowy
• Tworzenie wspólnych modułów

Rozdział 15. Zaawansowane routing

• Moduł funkcji z włączoną funkcją routingu
• Korzystanie z modułu funkcji
• Leniwe ładowanie modułu funkcji
• Tworzenie łączy dla komponentów modułu funkcji
• Więcej o leniwym ładowaniu
• Wstępne ładowanie modułów
• Domyślna trasa
• Ścieżka trasy z symbolami wieloznacznymi
• przekierować do
• Trasy dla dzieci
• Definiowanie tras podrzędnych
• dla tras dla dzieci
• Linki do tras dla dzieci
• Strażnicy Nawigacji
• Tworzenie implementacji strażników
• Używanie strażników na trasie
• Streszczenie

Rozdział 16. Testowanie jednostkowe aplikacji kątowych

• Artefakty kątowe podczas testowania jednostkowego
• Narzędzia testujące
• Typowe kroki testowania
• Wyniki testów
• Zestawy testowe Jasmine
• Specyfikacje Jasmine (testy jednostkowe)
• Oczekiwania (twierdzenia)
• Dopasowania
• Exampmniej o używaniu Matcherów
• Korzystanie z właściwości not
• Konfiguracja i likwidacja w zestawach testów jednostkowych
• Exampplik funkcji beforeEach i afterEach
• Moduł testowy kątowy
• Example Moduł testu kątowego
• Testowanie usługi
• Wstrzykiwanie instancji usługi
• Przetestuj metodę synchroniczną
• Przetestuj metodę asynchroniczną
• Korzystanie z próbnego klienta HT TP
• Dostarczanie odpowiedzi w puszkach
• Testowanie komponentu
• Moduł testowania komponentów
• Tworzenie instancji komponentu
• Klasa ComponentFixture
• Podstawowe testy komponentów
• Klasa DebugElement
• Symulacja interakcji użytkownika
• Streszczenie

Rozdział 17. Debugowanie

• Nadview debugowania Angular
• Viewing kodu TypeScript w Debuggerze
• Korzystanie ze słowa kluczowego debugera
• Rejestrowanie debugowania
• Czym są Angular DevTools?
• Korzystanie z Angular DevTools
• Angular DevTools – Struktura komponentów
• Angular DevTools – wykonanie wykrywania zmian
• Wychwytywanie błędów składniowych
• Streszczenie

Ćwiczenia laboratoryjne

• Laboratorium 1. Wprowadzenie do Angulara
• Laboratorium 2. Wprowadzenie do TypeScriptu
• Laboratorium 3. Wprowadzenie do komponentów
• Laboratorium 4. Szablon komponentu
• Ćwiczenie 5. Utwórz komponent Galerii fotografii
• Laboratorium 6. Formularz oparty na szablonie
• Laboratorium 7. Utwórz formularz edycji
• Laboratorium 8. Forma reaktywna
• Laboratorium 9. Opracuj usługę
• Laboratorium 10. Opracowanie klienta HT TP
• Ćwiczenie 11. Używanie rur
• Laboratorium 12. Podstawowa aplikacja jednostronicowa przy użyciu routera Laboratorium 13. Tworzenie aplikacji jednostronicowej (SPA)
• Laboratorium 14. Zaawansowany klient HT TP
• Ćwiczenie 15. Korzystanie z Angular Bootstrap
• Ćwiczenie 16. Leniwe ładowanie modułu
• Laboratorium 17. Zaawansowany routing
• Laboratorium 18. Testowanie jednostkowe
• Ćwiczenie 19. Debugowanie aplikacji kątowych

DLA KOGO JEST TEN KURS?
Ten kurs jest skierowany do każdego, kto chce poznać podstawy programowania w Angular 12 i zastosować je do tworzenia web aplikacje od razu. Możemy również dostarczyć i dostosować to szkolenie dla większych grup – oszczędzając czas, pieniądze i zasoby Twojej organizacji.

WŁASNOŚCI WSTĘPNE
Web Aby w pełni wykorzystać ten kurs Angular, wymagane jest doświadczenie w programowaniu przy użyciu HTML, CSS i JavaScript. Przydatna jest także znajomość DOM przeglądarki. Wcześniejsze doświadczenie Angular, z AngularJS lub dowolną wersją Angular, nie jest wymagane.
https://www.lumifywork.com/en-au/courses/angular-12-programming/