Schulungsübersicht

Einführung

  • Was ist Angular?
  • Was ist neu in Angular 10?

Überblick über Typescript und ES6 JavaScript

  • TypeScript-Syntax
  • Verwendung des TypeScript-Transpilers
  • Einrichten von Angular 10 und Typescript

Übersicht über Angular 10's Teile

  • Angular CLI
  • Komponenten
  • Direktiven
  • Inputs und Outputs
  • Datenbindung und Interpolation
  • Ereignis-Bindung
  • Datenmodellierung
  • Bootstrapping

Erstellen Ihrer ersten Angular-Anwendung

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

Erstellen einer Komponente

  • Den Lebenszyklus einer Komponente verstehen
  • Datenfluss
  • Schablonen und Stile verwenden
  • Inhalt projizieren
  • Arbeiten mit AppModule
  • Arbeiten mit benutzerdefinierten Komponenten
  • View-Kapselung verwenden
  • Implementieren von Lifecycle Hooks
  • ViewChildren und ContentChildren verwenden

Datenbindung in Angular 10

  • Verstehen von Eigenschaften und Ereignisbindungen
  • Binden und Zuweisen von Aliasen zu benutzerdefinierten Eigenschaften
  • Binden und Zuweisen von Aliasen zu benutzerdefinierten Ereignissen

Arbeiten mit Direktiven

  • Eingebaute Direktiven
  • Benutzerdefinierte Direktiven

Angular 10 Dienstleistungen

  • Erstellen eines Protokollierungsdienstes
  • Erstellen eines Datendienstes

Verwendung von Dependency Injection und Providern

  • Injektoren, Provider und Token
  • Konfigurieren der Dependency Injection
  • Konfigurieren des Providers
  • Injektion von Diensten in Komponenten, Direktiven und Dienste

Seitenwechsel mit Routing

  • Verstehen der verschiedenen Navigationsmethoden
  • Routing-Strategien
  • Einrichten von Routen
  • Konfigurieren und Laden von Routen
  • Parameter in Routen verwenden
  • Verschachtelte Routes erstellen
  • Verwendung von Redirect- und Wildcard-Routen
  • Verstehen von Route Guards

Verwendung von RxJS zum Erstellen und Arbeiten mit Observables in Angular

  • Überblick über Observables
  • Überblick über RxJS
  • Aufbau & Verwendung von Observables in Angular

Formulare für Benutzereingaben generieren

  • Verwendung der vorlagengesteuerten Formulare
  • Verwendung der Reactiven Formulare
  • Benutzerdefinierte Validierung erstellen
  • Validierung, Filterung und Bereinigung von Formulardaten

Rohre verwenden

  • Umwandlung der Ausgabe
  • Eingebaute Pipes
  • Asynchrone Pipe
  • Benutzerdefinierte Pipes

Anrufe an externe HTTP-APIs

  • Senden von Anfragen

Verwendung von Angular Modulen

Testen der Anwendung Angular 10

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

Fehlersuche in der Anwendung

  • Verstehen von Fehlermeldungen in Angular
  • Sourcemaps zum Debuggen von Code im Browser verwenden
  • Lesen von TypeScript Compilor-Diagnosen
  • Augury verwenden

Optimierung der Angular 10 Anwendung

  • Überarbeitung des Codes
  • Verkleinerung des Pakets und Beseitigung von totem Code

Angular 10 Sicherheit

  • Wie die Authentifizierung funktioniert
  • Verwendung der JWT-Authentifizierung
  • Was sollte in Angular geschrieben werden und was nicht?

Bereitstellung einer Angular 10 Anwendung in der Produktion

  • Bereitstellung für IIS, Apache, Nginx, etc.

Angular 10 bewährte Praktiken

Fehlersuche

Zusammenfassung und Schlussfolgerung

Voraussetzungen

  • Vertrautheit mit grundlegendem HTML, CSS und JavaScript

Publikum

  • Entwickler
  28 Stunden
 

Teilnehmerzahl


Beginnt

Endet


Die Termine sind abhängig von der Verfügbarkeit und finden zwischen 09:30 und 16:30 statt.
Offene Schulungskurse erfordern mindestens 5 Teilnehmer.

Erfahrungsberichte (3)

Kombinierte Kurse

Verwandte Kategorien