LUMIFY WORK Angular 15 Programming User Guide

LUMIFY Angular 15 Programming - Featured Image

ZASTOSOWANIE I WEB ROZWÓJ
Programowanie Angulara 15
DŁUGOŚĆ 5 dni
WERSJA 15

DLACZEGO STUDIOWAĆ TEN KURS

Ten intensywny i kompleksowy kurs szkoleniowy Angular 15 zapewnia uczestnikom umiejętności, które mogą od razu wykorzystać w swojej pracy. Poznasz podstawy rozwoju Angular 15, takie jak aplikacje przeglądarkowe jednostronicowe, responsywne webwitryn i hybrydowych aplikacji mobilnych.
Kurs ten łączy w sobie wiedzę teoretyczną i zajęcia praktyczne, obejmujące wprowadzenie do Angulara, a następnie TypeScript, komponenty, instrukcje, usługi, HTTPClient, testowanie i debugowanie.
Notatka: Możemy również dostarczyć szkolenia dotyczące innych wersji Angulara. Skontaktuj się z nami, aby złożyć zapytanie lub zarejestrować swoje zainteresowanie.

KĄTOWY W PRACY LUMIFY

CZEGO SIĘ NAUCZYSZ

Po pomyślnym ukończeniu kursu będziesz posiadać wiedzę umożliwiającą:

Tworzenie jednostronicowych aplikacji Angular przy użyciu TypeScript
Skonfiguruj kompletne środowisko programistyczne Angular
Tworzenie komponentów, dyrektyw, usług, kanałów, formularzy i walidatorów niestandardowych
Obsługa zaawansowanych zadań odzyskiwania danych sieciowych przy użyciu Observables
Pobieranie danych z REST web usługi korzystające z klienta Angular HTTP
Obsługuj połączenia push-data za pomocą WebProtokół gniazda
Pracuj z Angular Pipes, aby sformatować dane
Skorzystaj z zaawansowanych funkcji routera Angular Component
Testuj i debuguj aplikacje Angular przy użyciu wbudowanych narzędzi
Praca z Angular CLI

Mój instruktor był świetny, mogąc umieścić scenariusze w rzeczywistych przypadkach, które odnosiły się do mojej konkretnej sytuacji.
Od chwili przybycia poczułem się mile widziany, a możliwość siedzenia w grupie poza klasą i omówienia naszej sytuacji i naszych celów była niezwykle cenna.
Wiele się nauczyłem i poczułem, że ważne jest, aby moje cele związane z uczestnictwem w tym kursie zostały osiągnięte.
Świetna robota, zespół Lumify Work.AMANDA NICOL
MENEDŻER USŁUG WSPARCIA IT – HEALTH WORLD LIMITED

TEMATYKA KURSU

Przedstawiamy Angular
• Czym jest Angular?
• Główne cechy Angular Framework
• Właściwe przypadki użycia
• Podstawowe elementy aplikacji Angular
• Podstawowa architektura aplikacji Angular
• Instalowanie i używanie Angulara
• Anatomia aplikacji kątowej
• Uruchomienie aplikacji
• Budowanie i wdrażanie aplikacji
• Angular dla natywnych aplikacji mobilnych
Wprowadzenie do TypeScript
• Języki programowania do użytku z Angularem
• Składnia TypeScript
• Redaktorzy programów
• System typów – definiowanie zmiennych
• System typów – definiowanie tablic
• Podstawowe typy prymitywne
• Wpisz Funkcje jonowe
• Wnioskowanie typu
• Definiowanie klas
• Metody klasowe
• Kontrola widoczności
• Konstruktory klas
• Konstruktory klas – forma alternatywna
• Pola niezainicjowane
• Interfejsy
• Praca z modułami ES6
• var kontra let
• Funkcje strzałek
• Kompaktowa składnia funkcji strzałkowej
• Ciągi szablonów
• Leki generyczne w klasie
• Generyki w funkcji
Komponenty
• Czym jest komponent?
• Byłyample Komponent
• Tworzenie komponentu za pomocą Angular CLI
• Klasa komponentów
• Dekorator @Component
• Rejestrowanie komponentu w jego module
• Szablon komponentu
• Byłyample: Szablon HelloComponent
• Byłyample: Klasa HelloComponent
• Korzystanie z komponentu
• Uruchom aplikację
• Hierarchia komponentów
• Komponent główny aplikacji
• Bootstrap File
• Haki cyklu życia komponentów
• Byłyample Haki cyklu życia
• Style CSS
Szablony komponentów
• Szablony
• Lokalizacja szablonu
• Składnia wąsów {{ }}
• Ustawianie właściwości elementu DOM
• Ustawianie tekstu głównego elementu
• Wiązanie zdarzeń
• Obsługujący zdarzenie wyrażenia
• Zapobiegaj obsłudze domyślnej
• Dyrektywy atrybutów
• Zastosuj style poprzez zmianę klas CSS
• Byłyampplik: ngClass
• Stosowanie stylów bezpośrednio
• Dyrektywy strukturalne
• Warunkowo wykonaj szablon
• Byłyample: ngIf
• Pętla z użyciem ngFor
• ngFor Zmienne lokalne
• Manipulowanie kolekcją
• Byłyample – Usuwanie elementu
• Śledzenie przedmiotów za pomocą ngFor
• Podmiana elementów za pomocą ngSwitch
• Grupowanie elementów
• Zmienna odniesienia szablonu
Komunikacja między komponentami
• Podstawy komunikacji
• Architektura przepływu danych
• Przygotowanie dziecka do odbioru danych
• Wyślij dane z rodzica
• Więcej o ustawianiu właściwości
• Wyzwalanie zdarzenia z komponentu
• @Output() Przykładample – Komponent podrzędny
• @Output() Przykładample – Komponent nadrzędny
• Pełne dwustronne wiązanie
• Konfigurowanie dwukierunkowego wiązania danych w elemencie nadrzędnym
Szablony i formularze sterowane
• Formularze oparte na szablonach
• Moduł importowania formularzy
• Podstawowe podejście
• Konfigurowanie formularza
• Uzyskiwanie informacji od użytkownika
• Pominięcie atrybutu ngForm
• Zainicjuj formularz
• Dwukierunkowe wiązanie danych
• Walidacja formularza
• Walidatory Angular
• Wyświetlanie stanu walidacji za pomocą klas
• Dodatkowe typy danych wejściowych
• Pola wyboru
• Wybierz (rozwijane) pola
• Opcje renderowania dla wyboru (lista rozwijana)
• Pola daty
• Przyciski radiowe
Formularze reaktywne
• Formularze reaktywneview
• Podstawowe elementy
• Importuj moduł formularzy reaktywnych
• Utwórz formularz
• Zaprojektuj szablon
• Pobieranie wartości wejściowych
• Inicjalizacja pól wejściowych
• Ustawianie wartości formularza
• Subskrybowanie zmian wejściowych
• Walidacja
• Wbudowane walidatory
• Wyświetlany jest błąd walidacji
• Niestandardowy walidator
• Korzystanie z niestandardowego walidatora
• Dostarczanie konfiguracji do niestandardowego walidatora
• FormArray – dynamiczne dodawanie danych wejściowych
• FormArray – Klasa komponentu
• FormArray – Szablon
• FormArray – Wartości
• Podgrupy formularzy – Klasa komponentów
• Podgrupy formularzy – szablon HTML
• Dlaczego warto używać podgrup formularzy
Usługi i wstrzykiwanie zależności
• Czym jest usługa?
• Tworzenie usługi podstawowej
• Klasa serwisowa
• Czym jest wstrzykiwanie zależności?
• Wstrzykiwanie instancji usługi
• Wtryskiwacze
• Hierarchia wtryskiwaczy
• Rejestracja usługi za pomocą Root Injector
• Rejestrowanie usługi za pomocą wtryskiwacza komponentu
• Zarejestruj usługę za pomocą wtryskiwacza modułu funkcji
• Gdzie zarejestrować usługę?
• Wstrzykiwanie zależności w inne artefakty
• Zapewnienie alternatywnego wdrożenia
• Wstrzykiwanie zależności i @Host
• Wstrzykiwanie zależności i @Optional
Klient HTTP
• Klient HTTP Angular
• Korzystanie z klienta HTTP – ponadview
• Importowanie modułu HttpClientModule
• Usługa wykorzystująca HttpClient
• Tworzenie żądania GET
• Co robi obiekt obserwowalny?
• Korzystanie z usługi w komponencie
• Komponent klienta PeopleService
• Obsługa błędów
• Dostosowywanie obiektu błędu
• Tworzenie żądania POST
• Składanie żądania PUT
• Składanie wniosku o USUNIĘCIE
Rury i formatowanie danych
• Czym są rury?
• Wbudowane rury
• Używanie rur w szablonie HTML
• Łańcuchowanie rur
• Międzynarodowe rury zjonizowane (i18n)
• Ładowanie danych regionalnych
• Data rury
• Numer rury
• Rura walutowa
• Utwórz niestandardową rurę
• Rury niestandardowe Example
• Korzystanie z rur niestandardowych
• Używanie potoku z ngFor
• Rura filtrująca
• Kategoria rur: Czysta i Nieczysta
• Czysta rura Example
• Zanieczyszczona rura Example
Wprowadzenie do aplikacji jednostronicowych
• Czym jest aplikacja jednostronicowa (SPA)
• Tradycyjny Web Aplikacja
• Przepływ pracy SPA
• Aplikacja jednostronicowa Advantages
• Historia API HTML5
• Wyzwania SPA
• Implementacja SPA przy użyciu Angulara
Router komponentów Angular
• Router komponentów
• View Nawigacja
• Interfejs API routera Angular
• Tworzenie aplikacji obsługującej router
• Hostowanie komponentów trasowanych
• Nawigacja za pomocą linków i przycisków
• Nawigacja programowa
• Parametry trasy przejazdu
• Nawigowanie za pomocą parametrów trasy
• Uzyskiwanie wartości parametrów trasy
• Synchroniczne pobieranie parametrów trasy
• Asynchroniczne pobieranie parametru trasy
• Parametry zapytania
• Dostarczanie parametrów zapytania
• Asynchroniczne pobieranie parametrów zapytania
• Problemy z instrukcją URL wpis i zakładki
Zaawansowany klient HTTP
• Opcje żądania
• Zwracanie obiektu HttpResponse
• Ustawianie nagłówków żądań
• Tworzenie nowych obiektów obserwowalnych
• Tworzenie prostego obiektu obserwowalnego
• Metoda konstruktora obserwowalnego
• Operatorzy obserwowalni
• Mapa i filtr Operatorzy
• Operator flatMap()
• Operator tap()
• Kombinator zip()
• Buforowanie odpowiedzi HTTP
• Wykonywanie sekwencyjnych wywołań HTTP
• Wykonywanie połączeń równoległych
• Dostosowywanie obiektu błędu za pomocą catchError()
• Błąd w rurociągu
• Odzyskiwanie błędów
Moduły kątowe
• Dlaczego moduły Angulara?
• Anatomia klasy modułu
• @NgModule Właściwości
• Moduły funkcji
• Byłyample Struktura modułu
• Utwórz moduł domeny
• Utwórz parę modułów trasowanych/routingowych
• Utwórz moduł usługi
• Tworzenie wspólnych modułów
• Korzystanie z jednego modułu z innego
Zaawansowane trasowanie
• Moduł funkcji obsługujący routing
• Korzystanie z modułu funkcji
• Leniwe ładowanie modułu funkcji
• Tworzenie linków dla komponentów modułu funkcji
• Więcej o leniwym ładowaniu
• Wstępne ładowanie modułów
• powiązanie routerLinkActive
• Trasa domyślna
• Ścieżka trasy Wildcard
• przekieruj do
• Trasy podrzędne
• Definiowanie tras podrzędnych dla tras podrzędnych
• Linki do tras dla dzieci
• Strażnicy nawigacyjni
• Tworzenie implementacji Guard
• Używanie strażników na trasie
Testowanie jednostkowe aplikacji Angular
• Testowanie jednostkowe artefaktów Angulara
• Narzędzia testowe
• Typowe kroki testowania
• Wyniki testów
• Zestawy testowe Jasmine
• Specyfikacje Jasmine (testy jednostkowe)
• Oczekiwania (twierdzenia)
• Dopasowujący
• Byłyampmniej o używaniu Matcherów
• Używanie właściwości not
• Konfiguracja i demontaż w zestawach testów jednostkowych
• Byłyampplik funkcji beforeEach i afterEach
• Moduł testowy Angular
• Byłyample Moduł testu kątowego
• Testowanie usługi
• Wstrzykiwanie instancji usługi
• Przetestuj metodę synchroniczną
• Przetestuj metodę asynchroniczną
• Korzystanie z klienta Mock HTTP
• Dostarczanie gotowych odpowiedzi
• Testowanie komponentu
• Moduł testowania komponentów
• Tworzenie instancji komponentu
• Klasa ComponentFixture
• Podstawowe testy komponentów
• Klasa DebugElement
• Symulowanie interakcji użytkownika
Debugowanie
• Nadview debugowania Angular
• Viewing kodu TypeScript w Debuggerze
• Korzystanie ze słowa kluczowego debugger
• Rejestrowanie debugowania
• Czym jest Angular DevTools?
• Korzystanie z Angular DevTools
• Angular DevTools – struktura komponentów
• Angular DevTools – Wykrywanie zmian Wykonywanie jonów
• Wykrywanie błędów składniowych

DLA KOGO JEST TEN KURS?

Kurs ten jest przeznaczony dla wszystkich, którzy chcą poznać podstawy programowania w Angular 15 i od razu zastosować je do tworzenia web Aplikacje.
Możemy również dostarczyć i dostosować ten kurs szkoleniowy do większych grup – oszczędzając Twojej organizacji czas, pieniądze i zasoby. Aby uzyskać więcej informacji, skontaktuj się z nami za pośrednictwem poczty e-mail na adres ph.training@lumifywork.com

WŁASNOŚCI WSTĘPNE

Web aby w pełni wykorzystać ten kurs Angulara, wymagane jest doświadczenie w programowaniu z wykorzystaniem HTML, CSS i JavaScript
Przydatna jest również znajomość DOM przeglądarki
Nie jest wymagane wcześniejsze doświadczenie z Angular lub AngularJS

Dostępność tego kursu przez Lumify Work podlega warunkom rezerwacji.
Przed zapisaniem się na kurs prosimy o dokładne zapoznanie się z regulaminem, ponieważ zapisanie się na kurs jest warunkiem akceptacji regulaminu.

https://www.lumifywork.com/en-ph/courses/angular-15-programming/ ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork