Schulungsübersicht
Einführung
- Was ist Angular?
- Was ist neu in Angular 12?
Überblick über Typescript und ES6 JavaScript
- TypeScript-Syntax
- Verwendung des TypeScript-Transpilers
- Einrichten von Angular 12und TypeScript
Überblick über Angular 12's Teile
- Angular CLI
- Komponenten
- Direktiven
- Inputs und Outputs
- Datenbindung und Interpolation
- Ereignis-Bindung
- Datenmodellierung
- Bootstrapping
- Experimentelles Webpack
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 12
- 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 12 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
Testen der Angular 12 Anwendung
- Verwendung von Jasmine für Unit-Tests
- Untersuchung von Protractor Alternativen 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 zum Debuggen im Browser verwenden
Optimierung der Angular 12 Anwendung
- Überarbeitung des Codes
- Verkleinerung des Pakets und Beseitigung von totem Code
Angular 12 Sicherheit
- So funktioniert die Authentifizierung
- Verwendung der JWT-Authentifizierung
- Was sollte in Angular geschrieben werden und was nicht?
Bereitstellen einer Angular 12 Anwendung für die Produktion
- Bereitstellung für IIS, Apache, Nginx, etc.
Angular 12 Bewährte Praktiken
Fehlersuche
Zusammenfassung und Schlussfolgerung
Voraussetzungen
- Vertrautheit mit grundlegendem HTML, CSS und JavaScript
Publikum
- Entwickler
- Programmierer
Erfahrungsberichte (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
Pipe Routing Data Biding Services