Plan Szkolenia

Wprowadzenie

  • Czym jest Angular?
  • Co nowego pojawiło się w Angular 12?

Przegląd Typescript i ES6 JavaScript

  • Składnia TypeScript
  • Korzystanie z transpilatora języka TypeScript
  • Konfigurowanie Angular 12i Typescript

Przegląd części Angular 12'

  • 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 12

  • 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 12 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 12

  • Używanie Jasmine do testowania jednostkowego
  • Odkrywanie Protractor alternatyw dla testów end-to-end

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
  • Używanie Augury do debugowania w przeglądarce

Optymalizacja Angular 12 Aplikacja

  • Zmiana kodu
  • Zmniejszenie rozmiaru pakietu i wyeliminowanie martwego kodu

Angular 12 Bezpieczeństwo

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

Wdrażanie Angular 12 aplikacji do produkcji

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

Angular 12 Najlepsze praktyki

Rozwiązywanie problemów

Podsumowanie i wnioski

Wymagania

  • Znajomość podstaw HTML, CSS i JavaScript
  • .

Publiczność

  • Deweloperzy
  • Programiści
 28 godzin

Liczba uczestników



Cena za uczestnika

Opinie uczestników (2)

Powiązane Kategorie