Schulungsübersicht
Einführung
- Was ist Angular?
- Was ist neu in Angular 11?
Überblick über Typescript und ES6 JavaScript
- TypeScript-Syntax
- Verwendung des TypeScript-Transpilers
- Einrichten von Angular 11und TypeScript
Überblick über Angular 11'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 11
- 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 11 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 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 11 Anwendung
- Überarbeitung des Codes
- Verkleinerung des Pakets und Beseitigung von totem Code
Angular 11 Sicherheit
- Wie die Authentifizierung funktioniert
- Verwendung der JWT-Authentifizierung
- Was sollte in Angular geschrieben werden und was nicht?
Bereitstellen einer Angular 11 Anwendung für die Produktion
- Bereitstellung für IIS, Apache, Nginx, etc.
Angular 11 Bewährte Praktiken
Fehlersuche
Zusammenfassung und Schlussfolgerung
Voraussetzungen
- Vertrautheit mit grundlegendem HTML, CSS und JavaScript
Publikum
- Entwickler
Erfahrungsberichte (5)
Es war sehr interaktiv und informativ. Der Trainer war sehr geduldig mit uns, wenn wir etwas nicht verstanden haben, und sorgte dafür, dass niemand während der gesamten Schulung zurückgelassen wurde.
Daniel - INIT Innovations in Transportation Ltd.
Kurs - Angular 17
Maschinelle Übersetzung
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Kurs - Angular 14
Ich mag deine Witze
Dermot - Griffiths & Armour
Kurs - Angular 2 Fundamentals
Maschinelle Übersetzung
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Kurs - Angular 10 for Developers
Pipe Routing Data Biding Services