Bądźmy w kontakcie

Plan Szkolenia

Wprowadzenie

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

Przegląd TypeScript i ES6 JavaScript

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

Przegląd części Angular 12

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

Tworzenie pierwszej aplikacji Angular

  • Planowanie aplikacji
  • Konfiguracja projektu Angular
  • Tworzenie przyjaznego dla urządzeń mobilnych interfejsu użytkownika przy użyciu 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 12

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

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

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

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

Przełączanie stron z routingiem

  • 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 z wieloznacznikami
  • 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 reaktywnych formularzy
  • Tworzenie niestandardowej walidacji
  • Walidacja, filtrowanie i czyszczenie danych formularza

Korzystanie z rur

  • Przekształcanie danych wyjściowych
  • Wbudowane rury
  • Rura Async
  • Niestandardowe rury

Wykonywanie wywołań do zewnętrznych API HTTP

  • Wysyłanie żądań

Testowanie aplikacji Angular 12

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

Debugowanie aplikacji

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

Optymalizacja aplikacji Angular 12

  • Przepisywanie kodu
  • Redukcja rozmiaru paczki i eliminacja martwego kodu

Bezpieczeństwo w Angular 12

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

Wdrażanie aplikacji Angular 12 do produkcji

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

Najlepsze praktyki w Angular 12

Rozwiązywanie problemów

Podsumowanie i zakończenie

Wymagania

  • Znajomość podstaw HTML, CSS i JavaScript

Grupa docelowa

  • Deweloperzy
  • Programiści
 28 godzin

Liczba uczestników


Cena za uczestnika (netto)

Opinie uczestników (6)

Propozycje terminów

Powiązane Kategorie