- Znajomość podstaw HTML, CSS i JavaScript .
Publiczność
- Deweloperzy
Angular to framework JavaScript do tworzenia aplikacji internetowych. Angular 11 to główne wydanie, które kładzie nacisk na wydajność routera, automatyczne wstawianie czcionek, bardziej rygorystyczne typy, testowanie komponentów i szybsze kompilacje.
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 11.
Po zakończeniu tego szkolenia uczestnicy będą w stanie
- Tworzenie Angular 11aplikacji przy użyciu języka TypeScript i interfejsu Angular CLI.
- Tworzenie luźno powiązanych komponentów internetowych, które mogą być używane na dowolnej stronie HTML.
- Testowanie, debugowanie i wdrażanie Angular 11aplikacji.
- Organizuj Angular 11projekty 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 pojawiło się w Angular 11?
Przegląd Typescript i ES6 JavaScript
- Składnia TypeScript
- Korzystanie z transpilatora języka TypeScript
- Konfigurowanie Angular 11i Typescript
Przegląd części Angular 11'
- Angular CLI
- Komponenty
- Dyrektywy
- Dane wejściowe i wyjściowe
- Wiązanie danych i interpolacja
- Wiązanie zdarzeń
- Modelowanie danych
- Bootstrapping
- Eksperymentalny Webpack
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 11
- 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 11 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ń
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 Angular 11 Aplikacja
- Zmiana kodu
- Zmniejszenie rozmiaru pakietu i wyeliminowanie martwego kodu
Angular 11 Bezpieczeństwo
- Jak działa uwierzytelnianie
- Korzystanie z uwierzytelniania JWT
- Co powinno, a czego nie powinno być napisane w Angular
Wdrażanie Angular 11 aplikacji do produkcji
- Wdrażanie do IIS, Apache, Nginx itp.
Angular 11 Najlepsze praktyki
Rozwiązywanie problemów
Podsumowanie i wnioski