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
Erfahrungsberichte (6)
GoTollmaterial! Der Trainer ist ein wirklich netter Kerl, was sehr hilfreich ist!
Xander Knol - Conclusion Learning Centers
Kurs - Angular 6
Maschinelle Übersetzung
Praktische Übungen!
William Limberger - Conclusion Learning Centers
Kurs - Angular 6
Maschinelle Übersetzung
Erkunden des gesamten Angular-Ekosystems, TypeScript und insbesondere der Routenverwaltung
Ryan Delport - Leaseweb
Kurs - Angular 6
Maschinelle Übersetzung
Üben durch eigenhändiges Ausführen.
Christiaan Sloof - Leaseweb
Kurs - Angular 6
Maschinelle Übersetzung
Ich habe den Trainer wirklich genossen, er ist ein großartiger Fachmann.
Lukasz Cysewski - PSI Polska
Kurs - Angular 6
Maschinelle Übersetzung
Die Tutorien ermöglichten es uns, das Wissen, das wir in der Vorlesung erworben hatten, in ein reales Beispiel umzusetzen. Sie boten uns auch die Möglichkeit, Fragen zu stellen, falls wir uns bei der Funktionsweise etwas Ungewiss waren.
Chris Gilchrist - SAA Consultants LTD
Kurs - Angular 6
Maschinelle Übersetzung