Bądźmy w kontakcie

Plan Szkolenia

Wprowadzenie

  • Czym jest Angular?
  • Angular vs React vs Vue
  • Przegląd funkcji i architektury Angular 16
  • Konfiguracja środowiska deweloperskiego

Rozpoczęcie pracy

  • Tworzenie nowego projektu Angular 16 przy użyciu Angular CLI
  • Eksploracja struktury i plików projektu
  • Uruchamianie i serwowanie aplikacji
  • Wyświetlanie danych przy użyciu interpolacji i wyrażeń

Komponenty

  • Rola komponentów w Angular 16
  • Tworzenie i korzystanie z komponentów
  • Przekazywanie danych między komponentami za pomocą wejść i wyjść
  • Korzystanie z hooków cyklu życia komponentu

Dyrektywy

  • Różnica między dyrektywami strukturalnymi a atrybutowymi
  • Tworzenie i korzystanie z wbudowanych dyrektyw, takich jak ngIf, ngFor, ngSwitch itp.
  • Tworzenie i korzystanie z niestandardowych dyrektyw

Potoki

  • Cel potoków w Angular 16
  • Tworzenie i korzystanie z wbudowanych potoków, takich jak date, currency, json itp.
  • Tworzenie i korzystanie z niestandardowych potoków

Serwisy

  • Rola serwisów w Angular 16
  • Tworzenie i korzystanie z serwisów
  • Wstrzykiwanie zależności za pomocą providerów

Moduły

  • Rola modułów w Angular 16
  • Tworzenie i korzystanie z modułów
  • Importowanie i eksportowanie modułów

Wiązanie danych

  • Różnica między jednokierunkowym a dwukierunkowym wiązaniem danych
  • Tworzenie i korzystanie z wiązania właściwości, wiązania zdarzeń i składni banana-in-a-box
  • Korzystanie z referencyjnych zmiennych szablonowych

Routing

  • Rola routingu w Angular 16
  • Tworzenie i konfigurowanie tras
  • Nawigowanie między trasami za pomocą routerLink i router.navigate
  • Korzystanie z parametrów tras, parametrów zapytań i fragmentów

Formularze

  • Różnica między formularzami opartymi na szablonach a reaktywnymi formularzami
  • Tworzenie i walidowanie formularzy za pomocą form controls, form groups, form arrays itp.
  • Korzystanie z wbudowanych walidatorów, takich jak required, minLength, maxLength itp.
  • Tworzenie i korzystanie z niestandardowych walidatorów

Klient HTTP

  • Rola klienta HTTP w Angular 16
  • Tworzenie i korzystanie z żądań HTTP do komunikacji z usługami backendowymi
  • Korzystanie z obserwabli do obsługi asynchronicznych strumieni danych
  • Korzystanie z interceptorów do modyfikowania lub obsługi żądań lub odpowiedzi HTTP

Debugowanie

  • Typowe błędy i problemy w aplikacjach Angular 16
  • Korzystanie z Chrome DevTools do inspekcji elementów, źródeł, sieci, konsoli itp.
  • Korzystanie z punktów przerwania, wyrażeń watch, stosu wywołań itp. do debugowania kodu

Testowanie

  • Znaczenie testowania w aplikacjach Angular 16
  • Korzystanie z Jest jako alternatywnego frameworka testowego
  • Korzystanie z Karma jako narzędzia do uruchamiania testów jednostkowych
  • Korzystanie z Protractor jako narzędzia do testów end-to-end

Podsumowanie i kolejne kroki

Wymagania

  • Zrozumienie HTML, CSS i JavaScript
  • Doświadczenie z TypeScript i RxJS
  • Doświadczenie w tworzeniu stron internetowych

Grupa docelowa

  • Programiści, którzy chcą nauczyć się korzystać z Angular 16 do tworzenia dynamicznych i responsywnych aplikacji internetowych
  • Programiści, którzy chcą podnieść swoje umiejętności z poprzednich wersji Angulara
  • Programiści, którzy chcą poznać nowe funkcje i aktualizacje Angular 16
 28 godzin

Liczba uczestników


Cena za uczestnika (netto)

Opinie uczestników (2)

Propozycje terminów

Powiązane Kategorie