Schulungsübersicht

Einführung

  • Was ist neu in Angular 5?

Überblick über TypeScript und ES6 JavaScript

  • TypeScript-Syntax
  • Nutzung des TypeScript-Transpilers
  • Einrichten von Angular 5 und TypeScript

Ihre erste Angular-Anwendung erstellen

  • Planung der Anwendung
  • Einrichten eines Angular-Projekts und -Apps mit der CLI
  • Basis-Setup erstellen mit Bootstrap 4 und Sass

Mit den Komponenten von Angular 5 arbeiten

  • Komponenten erstellen
  • Databinding und String-Interpolation
  • Property-Binding
  • Event-Binding
  • Zwei-Weg-Databinding
  • Datenmodellierung
  • Direktiven
  • Bootstrapping
  • Eingaben & Ausgaben

Mit Angular 5-Komponenten arbeiten

  • Datenfluss
  • Mit AppModule arbeiten
  • Mit benutzerdefinierten Komponenten arbeiten
  • Vorlagen und Stile verwenden
  • View-Encapsulation verwenden
  • Inhalt einbetten
  • Komponentenlebenszyklus und Lebenszyklushooks verstehen
  • ViewChildren und ContentChildren verwenden

Databinding in Angular 5

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

Mit Direktiven arbeiten

  • Eingebaute Direktiven
  • Benutzerdefinierte Direktiven

Anwendung debuggen

  • Fehlermeldungen in Angular verstehen
  • Mit Sourcemaps zur Debugging von Code im Browser
  • Augury verwenden

Angular 5-Dienste

  • Bedeutung von Diensten kennenlernen
  • Einen Logging-Dienst erstellen
  • Einen Daten-Dienst erstellen

Mit Dependency Injection und Providern arbeiten

  • Injectors, Provider und Tokens
  • Dependency Injection konfigurieren
  • Ihren Provider konfigurieren
  • Dienste in Komponenten, Direktiven und Dienste injizieren

Seitenwechsel mit Routing

  • Routen einrichten
  • Routen konfigurieren und laden
  • Verschiedene Navigationsmethoden verstehen
  • Parameter in Routen verwenden
  • Nested Routes erstellen
  • Redirect- und Wildcard-Routen verwenden
  • Route Guards verstehen
  • Routingstrategien verstehen

Mit RxJS Observables in Angular erstellen und verarbeiten

  • Überblick über Observables
  • Überblick über RxJS
  • Observables in Angular bauen & verwenden

Mit Formularen arbeiten

  • Template-gesteuerte Formulare verwenden
  • Reactive Forms verwenden

Pipes verwenden

  • Eingebaute Pipes
  • Async Pipe
  • Benutzerdefinierte Pipes

Aufrufe an externe HTTP-APIs tätigen

Mit Angular-Modulen arbeiten

Angular 5-Anwendung optimieren

Angular 5-Anwendung testen

  • Jasmine für Unit-Testing verwenden

Angular 5-Sicherheit

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

Eine Angular 5-Anwendung für die Produktion bereitstellen

  • Bereitstellung bei IIS, Apache, Nginx usw.

Fehlerbehebung

Abschließende Bemerkungen

Voraussetzungen

  • Bekanntschaft mit grundlegendem HTML, CSS und JavaScript

Zielgruppe

  • Anfänger in der Webentwicklung
  • Erfahrene Frontend-Entwickler
  • Jeder, der daran interessiert ist, App-Entwicklung mit Angular zu erlernen
 28 Stunden

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (1)

Kommende Kurse

Verwandte Kategorien