Schulungsübersicht

Einführung

  • Was ist Angular?
  • Angular vs. React vs. Vue
  • Überblick über Angular 16 Funktionen und Architektur
  • Einrichten der Entwicklungsumgebung

Erste Schritte

  • Erstellen eines neuen Angular 16-Projekts mit Angular CLI
  • Erkunden der Projektstruktur und der Dateien
  • Ausführen und Bereitstellen der Anwendung
  • Anzeige von Daten mithilfe von Interpolation und Ausdrücken

Komponenten

  • Verstehen der Rolle von Komponenten in Angular 16
  • Erstellen und Verwenden von Komponenten
  • Übergabe von Daten zwischen Komponenten mit Hilfe von Eingängen und Ausgängen
  • Hooks für den Lebenszyklus von Komponenten verwenden

Direktiven

  • Verstehen des Unterschieds zwischen strukturellen und attributiven Direktiven
  • Erstellen und Verwenden von eingebauten Direktiven wie ngIf, ngFor, ngSwitch usw.
  • Erstellen und Verwenden von benutzerdefinierten Direktiven

Pipes

  • Verstehen des Zwecks von Pipes in Angular 16
  • Erstellen und Verwenden von eingebauten Pipes wie date, currency, json, etc.
  • Erstellen und Verwenden von benutzerdefinierten Pipes

Dienste

  • Verstehen der Rolle von Diensten in Angular 16
  • Erstellen und Verwenden von Diensten
  • Einfügen von Abhängigkeiten mit Hilfe von Providern

Module

  • Verstehen der Rolle von Modulen in Angular 16
  • Erstellen und Verwenden von Modulen
  • Importieren und Exportieren von Modulen

Datenbindung

  • Verstehen des Unterschieds zwischen einseitiger und zweiseitiger Datenbindung
  • Erstellen und Verwenden von Eigenschaftsbindung, Ereignisbindung und Banana-in-a-Box-Syntax
  • Verwendung von Template-Referenzvariablen

Routing

  • Verstehen der Rolle des Routings in Angular 16
  • Erstellen und Konfigurieren von Routen
  • Navigieren zwischen Routen mit routerLink und router.navigate
  • Verwendung von Routenparametern, Abfrageparametern und Fragmenten

Formulare

  • Verstehen des Unterschieds zwischen vorlagengesteuerten und reaktiven Formularen
  • Erstellen und Validieren von Formularen mithilfe von Formularsteuerelementen, Formulargruppen, Formulararrays usw.
  • Verwendung eingebauter Validatoren wie required, minLength, maxLength usw.
  • Erstellen und Verwenden von benutzerdefinierten Validierern

HTTP-Client

  • Verstehen der Rolle des HTTP-Clients in Angular 16
  • Erstellen und Verwenden von HTTP-Anfragen zur Kommunikation mit Backend-Diensten
  • Verwendung von Observables zur Verarbeitung asynchroner Datenströme
  • Verwendung von Interceptors zum Ändern oder Verarbeiten von HTTP-Anfragen oder -Antworten

Fehlersuche

  • Verstehen der häufigsten Fehler und Bugs in Angular 16-Anwendungen
  • Verwendung von Chrome DevTools zur Untersuchung von Elementen, Quellen, Netzwerk, Konsole usw.
  • Verwendung von Haltepunkten, Überwachungsausdrücken, Aufrufstapel usw. zum Debuggen von Code

Testen

  • Verstehen der Bedeutung von Tests in Angular 16-Anwendungen
  • Verwendung von Jest als alternatives Test-Framework
  • Verwendung von Karma als Test-Runner für Unit-Tests
  • Verwendung von Protractor als End-to-End-Testwerkzeug

Zusammenfassung und nächste Schritte

Voraussetzungen

  • Verständnis von HTML, CSS und JavaScript
  • Erfahrung mit TypeScript und RxJS
  • Erfahrung in der Webentwicklung

Zielgruppe

  • Entwickler, die lernen möchten, wie man mit Angular 16 dynamische und reaktionsschnelle Webanwendungen erstellt
  • Entwickler, die ihre Kenntnisse aus früheren Versionen von Angular auffrischen möchten
  • Programmierer, die die neuen Funktionen und Aktualisierungen von Angular 16 kennenlernen möchten
 28 Stunden

Teilnehmerzahl



Preis je Teilnehmer

Erfahrungsberichte (10)

Kombinierte Kurse

Verwandte Kategorien