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)
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Kurs - Angular 6
Practical exercises!
William Limberger - Conclusion Learning Centers
Kurs - Angular 6
Learning the whole ecosystem of angular, typescript, ad especially routing
Ryan Delport - Leaseweb
Kurs - Angular 6
Practising with actually doing it myself.
Christiaan Sloof - Leaseweb
Kurs - Angular 6
I genuinely enjoyed the trainer is a great specialist.
Lukasz Cysewski - PSI Polska
Kurs - Angular 6
The tutorials, they allowed us to take the knowledge that we had learnt from the lecture and implement it into a real example. It also gave us an opportunity to ask questions if we were unsure on how something works.