Schulungsübersicht

Einführung

  • Was ist neu in Angular 6?

Überblick über Typescript und ES6 JavaScript

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

Überblick über die Teile von Angular 6

  • Erstellen von Komponenten
  • Datenbindung und String-Interpolation
  • Bindung von Eigenschaften
  • Ereignis-Bindung
  • Zwei-Wege-Datenbindung
  • Datenmodellierung
  • Direktiven
  • Bootstrapping
  • Eingänge & Ausgänge
  • Angular CLI

Erstellen Ihrer ersten Angular Anwendung

  • Planung der Anwendung
  • Einrichten eines Angular-Projekts und einer Anwendung mithilfe der CLI
  • Erstellen einer grundlegenden Projektkonfiguration mit Bootstrap 4 und Sass

Verwendung von Angular 6 Komponenten

  • Datenfluss
  • Arbeiten mit AppModule
  • Arbeiten mit benutzerdefinierten Komponenten
  • Verwendung von Templates und Styles
  • View-Kapselung verwenden
  • Inhalte projizieren
  • Verstehen des Komponentenlebenszyklus und der Lifecycle Hooks
  • ViewChildren und ContentChildren verwenden

Datenbindung in Angular 6

  • Überblick über Property & Event Binding
  • Binden und Zuweisen von Aliasen zu benutzerdefinierten Eigenschaften
  • Binden und Zuweisen von Aliasen zu benutzerdefinierten Ereignissen

Arbeiten mit Direktiven

  • Eingebaute Direktiven
  • Benutzerdefinierte Direktiven

Angular 6 Dienste

  • Erstellen eines Protokollierungsdienstes
  • Erstellen eines Datendienstes

Verwendung von Dependency Injection und Providern

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

Wechseln von Seiten mit Routing

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

Verwendung von RxJS zum Erstellen und Arbeiten mit Observables in Angular

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

Umgang mit Formularen

  • Verwendung der Template Driven Forms
  • Verwendung der Reactiven Formulare

Verwendung von Pipes

  • Eingebaute Pipes
  • Async-Rohr
  • Benutzerdefinierte Pipes

Aufrufe an externe HTTP-APIs

Verwendung von Angular-Modulen

Testen der Angular 6 Anwendung

  • Verwendung von Jasmine für Unit-Tests

Fehlersuche in der Anwendung

  • Verstehen von Fehlermeldungen in Angular
  • Verwendung von Sourcemaps zum Debuggen von Code im Browser
  • Augury verwenden

Optimieren der Angular 6 Anwendung

Angular 6 Sicherheit

  • Authentifizierung
  • Was sollte und was sollte nicht in Angular 6 geschrieben werden?

Einsatz einer Angular 6-Anwendung in der Produktion

  • Bereitstellung auf IIS, Apache, Nginx, etc.

Fehlersuche

Schlussbemerkungen

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 (1)

Kombinierte Kurse

Verwandte Kategorien