Schulungsübersicht
Einführung
- Was ist Angular?
- Was ist neu in Angular 10?
Überblick über Typescript und ES6 JavaScript
- TypeScript-Syntax
- Verwendung des TypeScript-Transpilers
- Einrichten von Angular 10 und Typescript
Übersicht über Angular 10's Teile
- Angular CLI
- Komponenten
- Direktiven
- Inputs und Outputs
- Datenbindung und Interpolation
- Ereignis-Bindung
- Datenmodellierung
- Bootstrapping
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 10
- 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 10 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
Verwendung von Angular Modulen
Testen der Anwendung Angular 10
- Verwendung von Jasmine für Unit-Tests
- Verwendung von Protractor 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 verwenden
Optimierung der Angular 10 Anwendung
- Überarbeitung des Codes
- Verkleinerung des Pakets und Beseitigung von totem Code
Angular 10 Sicherheit
- Wie die Authentifizierung funktioniert
- Verwendung der JWT-Authentifizierung
- Was sollte in Angular geschrieben werden und was nicht?
Bereitstellung einer Angular 10 Anwendung in der Produktion
- Bereitstellung für IIS, Apache, Nginx, etc.
Angular 10 bewährte Praktiken
Fehlersuche
Zusammenfassung und Schlussfolgerung
Voraussetzungen
- Vertrautheit mit grundlegendem HTML, CSS und JavaScript
Publikum
- Entwickler
Erfahrungsberichte (4)
Einstellung und Kenntnisse des Ausbilders
Gabriel Llaurado - Allianz Technology
Kurs - Angular 10 for Developers
Maschinelle Übersetzung
Die Kenntnis der Struktur.
Jeffry Gonzalez - Allianz Technology
Kurs - Angular 10 for Developers
Maschinelle Übersetzung
Wir begannen mit Angular und TS und steigerten die Schwierigkeit der Übungen auf eine gute Art und Weise
Daniel Zamorano Infante - Allianz Technology
Kurs - Angular 10 for Developers
Maschinelle Übersetzung
Practical examples, exercises and best practices