Schulungsübersicht

Einführung

  • Was ist Angular?
  • Neues in Angular 10?

Überblick über TypeScript und ES6 JavaScript

  • TypeScript-Syntax
  • Verwendung des TypeScript-Transpilers
  • Einrichtung von Angular 10 und TypeScript

Überblick über die Teile von Angular 10

  • Angular CLI
  • Komponenten
  • Direktiven
  • Eingaben und Ausgaben
  • Datenbindung und Interpolation
  • Ereignisbindung
  • Datenmodellierung
  • Bootstrapping

Erstellen Ihrer ersten Angular-Anwendung

  • Planung der Anwendung
  • Einrichten eines Angular-Projekts
  • Erstellen einer mobilen Benutzeroberfläche mit Bootstrap 4 und Sass

Erstellen einer Komponente

  • Verstehen des Komponentenlebenszyklus
  • Datenfluss
  • Verwenden von Vorlagen und Stilen
  • Inhaltsprojektion
  • Arbeiten mit AppModule
  • Arbeiten mit benutzerdefinierten Komponenten
  • Verwenden von View-Encapsulation
  • Implementierung von Lebenszyklushooks
  • Verwenden von ViewChildren und ContentChildren

Datenbindung in Angular 10

  • Verstehen der Eigenschafts- und Ereignisbindung
  • Binden und Zuweisen von Aliasnamen zu benutzerdefinierten Eigenschaften
  • Binden und Zuweisen von Aliasnamen zu benutzerdefinierten Ereignissen

Arbeiten mit Direktiven

  • Eingebaute Direktiven
  • Benutzerdefinierte Direktiven

Angular 10-Dienste

  • Erstellen eines Logging-Dienstes
  • Erstellen eines Daten-Dienstes

Verwenden von Abhängigkeitsinjektion und Providern

  • Injektoren, Provider und Tokens
  • Konfigurieren der Abhängigkeitsinjektion
  • Konfigurieren Ihres Providers
  • Einbinden von Diensten in Komponenten, Direktiven und Dienste

Wechseln von Seiten mit Routing

  • Verstehen der verschiedenen Navigationsmethoden
  • Routestrategien
  • Einrichten von Routen
  • Konfigurieren und Laden von Routen
  • Verwenden von Parametern in Routen
  • Erstellen verschachtelter Routen
  • Verwenden von Redirect- und Wildcard-Routen
  • Verstehen von Route Guards

Verwenden von RxJS zur Erstellung und Verarbeitung von Observables in Angular

  • Überblick über Observables
  • Überblick über RxJS
  • Bauen und Verwenden von Observables in Angular

Erstellen von Formularen für Benutzereingaben

  • Verwenden von template-driven-Formularen
  • Verwenden von reaktiven Formularen
  • Erstellen benutzerdefinierter Validierung
  • Validieren, filtern und säubern von Formulardaten

Verwenden von Pipes

  • Transformieren der Ausgabe
  • Eingebaute Pipes
  • Async Pipe
  • Benutzerdefinierte Pipes

Aufrufen externer HTTP-APIs

  • Senden von Anfragen

Verwenden von Angular-Modulen

Testen der Angular 10-Anwendung

  • Verwenden von Jasmine für Unit-Tests
  • Verwenden von Protractor für End-to-End-Tests

Debuggen der Anwendung

  • Verstehen von Fehlermeldungen in Angular
  • Verwenden von Sourcemaps, um Code im Browser zu debuggen
  • Lesen von TypeScript-Kompilierdiagnoseinformationen
  • Verwenden von Augury

Optimieren der Angular 10-Anwendung

  • Überarbeiten des Codes
  • Verringern der Bündelgröße und Eliminieren toter Code

Sicherheit in Angular 10

  • Funktionsweise der Authentifizierung
  • Verwenden von JWT-Authentifizierung
  • Was und was nicht in Angular geschrieben werden sollte

Bereitstellen einer Angular 10-Anwendung in der Produktion

  • Bereitstellen bei IIS, Apache, Nginx, etc.

Best Practices für Angular 10

Fehlerbehebung

Zusammenfassung und Schlussfolgerung

Voraussetzungen

  • Grundkenntnisse in HTML, CSS und JavaScript

  • Zielgruppe

    • Entwickler
 28 Stunden

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (4)

Kommende Kurse

Verwandte Kategorien