Plan Szkolenia

Wprowadzenie

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

Przegląd TypeScript i ES6 JavaScript

  • Składnia TypeScript
  • Korzystanie z transpilera TypeScript
  • Konfiguracja Angular 10 i TypeScript

Przegląd części Angular 10

  • Angular CLI
  • Komponenty
  • Dyrektywy
  • Wejścia i wyjścia
  • Wiązanie danych i interpolacja
  • Wiązanie zdarzeń
  • Modelowanie danych
  • Bootstrapping

Tworzenie pierwszej aplikacji Angular

  • Planowanie aplikacji
  • Konfiguracja projektu Angular
  • Tworzenie przyjaznego dla urządzeń mobilnych interfejsu użytkownika za pomocą Bootstrap 4 i Sass

Tworzenie komponentu

  • Zrozumienie cyklu życia komponentu
  • Przepływ danych
  • Korzystanie z szablonów i stylów
  • Projekcja treści
  • Praca z AppModule
  • Praca z niestandardowymi komponentami
  • Korzystanie z enkapsulacji widoku
  • Implementacja haków cyklu życia
  • Korzystanie z ViewChildren i ContentChildren

Wiązanie danych w Angular 10

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

Praca z dyrektywami

  • Wbudowane dyrektywy
  • Niestandardowe dyrektywy

Usługi Angular 10

  • Tworzenie usługi logowania
  • Tworzenie usługi danych

Korzystanie z wstrzykiwania zależności i dostawców

  • Injectory, dostawcy i tokeny
  • Konfiguracja wstrzykiwania zależności
  • Konfiguracja dostawcy
  • Wstrzykiwanie usług do komponentów, dyrektyw i usług

Przełączanie stron za pomocą routingu

  • Zrozumienie różnych metod nawigacji
  • Strategie routingu
  • Konfiguracja tras
  • Konfiguracja i ładowanie tras
  • Korzystanie z parametrów w trasach
  • Tworzenie zagnieżdżonych tras
  • Korzystanie z przekierowań i tras wieloznacznych
  • Zrozumienie strażników tras

Korzystanie z RxJS do tworzenia i pracy z obserwowalnymi w Angular

  • Przegląd obserwowalnych
  • Przegląd RxJS
  • Budowanie i korzystanie z obserwowalnych w Angular

Generowanie formularzy do wprowadzania danych przez użytkownika

  • Korzystanie z formularzy opartych na szablonach
  • Korzystanie z formularzy reaktywnych
  • Tworzenie niestandardowej walidacji
  • Walidacja, filtrowanie i oczyszczanie danych formularza

Korzystanie z rur

  • Przekształcanie wyjścia
  • Wbudowane rury
  • Rura Async
  • Niestandardowe rury

Wykonywanie połączeń do zewnętrznych interfejsów API HTTP

  • Wysyłanie żądań

Korzystanie z modułów Angular

Testowanie aplikacji Angular 10

  • Korzystanie z Jasmine do testów jednostkowych
  • Korzystanie z Protractor do testów end-to-end

Debugowanie aplikacji

  • Zrozumienie komunikatów błędów w Angular
  • Korzystanie z sourcemap do debugowania kodu w przeglądarce
  • Odczyt diagnostyki kompilatora TypeScript
  • Korzystanie z Augury

Optymalizacja aplikacji Angular 10

  • Przepisywanie kodu
  • Zmniejszanie rozmiaru pakietu i eliminacja martwego kodu

Bezpieczeństwo w Angular 10

  • Jak działa uwierzytelnianie
  • Korzystanie z uwierzytelniania JWT
  • Co powinno, a czego nie powinno się pisać w Angular

Wdrażanie aplikacji Angular 10 do produkcji

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

Najlepsze praktyki w Angular 10

Rozwiązywanie problemów

Podsumowanie i zakończenie

Wymagania

  • Znajomość podstaw HTML, CSS i JavaScript

Odbiorcy

  • Programiści
 28 godzin

Liczba uczestników


Cena za uczestnika

Opinie uczestników (5)

Propozycje terminów

Powiązane Kategorie