Schulungsübersicht
Einführung
- Was ist Angular?
- Neues in Angular 10?
Überblick über TypeScript und ES6 JavaScript
- TypeScript-Syntax
- Verwendung des TypeScript-Transpilers
- Einrichtung von Angular 10 und TypeScript
Überblick über die Teile von Angular 10
- Angular CLI
- Komponenten
- Direktiven
- Eingaben und Ausgaben
- Datenbindung und Interpolation
- Ereignisbindung
- Datenmodellierung
- Bootstrapping
Erstellen Ihrer ersten Angular-Anwendung
- Planung der Anwendung
- Einrichten eines Angular-Projekts
- Erstellen einer mobilen Benutzeroberfläche mit Bootstrap 4 und Sass
Erstellen einer Komponente
- Verstehen des Komponentenlebenszyklus
- Datenfluss
- Verwenden von Vorlagen und Stilen
- Inhaltsprojektion
- Arbeiten mit AppModule
- Arbeiten mit benutzerdefinierten Komponenten
- Verwenden von View-Encapsulation
- Implementierung von Lebenszyklushooks
- Verwenden von ViewChildren und ContentChildren
Datenbindung in Angular 10
- Verstehen der Eigenschafts- und Ereignisbindung
- Binden und Zuweisen von Aliasnamen zu benutzerdefinierten Eigenschaften
- Binden und Zuweisen von Aliasnamen zu benutzerdefinierten Ereignissen
Arbeiten mit Direktiven
- Eingebaute Direktiven
- Benutzerdefinierte Direktiven
Angular 10-Dienste
- Erstellen eines Logging-Dienstes
- Erstellen eines Daten-Dienstes
Verwenden von Abhängigkeitsinjektion und Providern
- Injektoren, Provider und Tokens
- Konfigurieren der Abhängigkeitsinjektion
- Konfigurieren Ihres Providers
- Einbinden von Diensten in Komponenten, Direktiven und Dienste
Wechseln von Seiten mit Routing
- Verstehen der verschiedenen Navigationsmethoden
- Routestrategien
- Einrichten von Routen
- Konfigurieren und Laden von Routen
- Verwenden von Parametern in Routen
- Erstellen verschachtelter Routen
- Verwenden von Redirect- und Wildcard-Routen
- Verstehen von Route Guards
Verwenden von RxJS zur Erstellung und Verarbeitung von Observables in Angular
- Überblick über Observables
- Überblick über RxJS
- Bauen und Verwenden von Observables in Angular
Erstellen von Formularen für Benutzereingaben
- Verwenden von template-driven-Formularen
- Verwenden von reaktiven Formularen
- Erstellen benutzerdefinierter Validierung
- Validieren, filtern und säubern von Formulardaten
Verwenden von Pipes
- Transformieren der Ausgabe
- Eingebaute Pipes
- Async Pipe
- Benutzerdefinierte Pipes
Aufrufen externer HTTP-APIs
- Senden von Anfragen
Verwenden von Angular-Modulen
Testen der Angular 10-Anwendung
- Verwenden von Jasmine für Unit-Tests
- Verwenden von Protractor für End-to-End-Tests
Debuggen der Anwendung
- Verstehen von Fehlermeldungen in Angular
- Verwenden von Sourcemaps, um Code im Browser zu debuggen
- Lesen von TypeScript-Kompilierdiagnoseinformationen
- Verwenden von Augury
Optimieren der Angular 10-Anwendung
- Überarbeiten des Codes
- Verringern der Bündelgröße und Eliminieren toter Code
Sicherheit in Angular 10
- Funktionsweise der Authentifizierung
- Verwenden von JWT-Authentifizierung
- Was und was nicht in Angular geschrieben werden sollte
Bereitstellen einer Angular 10-Anwendung in der Produktion
- Bereitstellen bei IIS, Apache, Nginx, etc.
Best Practices für Angular 10
Fehlerbehebung
Zusammenfassung und Schlussfolgerung
Voraussetzungen
- Grundkenntnisse in HTML, CSS und JavaScript
- Entwickler
Zielgruppe
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
Praktische Beispiele, Übungen und beste Praxis
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Kurs - Angular 10 for Developers
Maschinelle Übersetzung
