Schulungsübersicht
Einführung
- Was ist Angular?
- Angular vs. React vs. Vue
- Überblick über Angular 16 Funktionen und Architektur
- Einrichten der Entwicklungsumgebung
Erste Schritte
- Erstellen eines neuen Angular 16-Projekts mit Angular CLI
- Erkunden der Projektstruktur und der Dateien
- Ausführen und Bereitstellen der Anwendung
- Anzeige von Daten mithilfe von Interpolation und Ausdrücken
Komponenten
- Verstehen der Rolle von Komponenten in Angular 16
- Erstellen und Verwenden von Komponenten
- Übergabe von Daten zwischen Komponenten mit Hilfe von Eingängen und Ausgängen
- Hooks für den Lebenszyklus von Komponenten verwenden
Direktiven
- Verstehen des Unterschieds zwischen strukturellen und attributiven Direktiven
- Erstellen und Verwenden von eingebauten Direktiven wie ngIf, ngFor, ngSwitch usw.
- Erstellen und Verwenden von benutzerdefinierten Direktiven
Pipes
- Verstehen des Zwecks von Pipes in Angular 16
- Erstellen und Verwenden von eingebauten Pipes wie date, currency, json, etc.
- Erstellen und Verwenden von benutzerdefinierten Pipes
Dienste
- Verstehen der Rolle von Diensten in Angular 16
- Erstellen und Verwenden von Diensten
- Einfügen von Abhängigkeiten mit Hilfe von Providern
Module
- Verstehen der Rolle von Modulen in Angular 16
- Erstellen und Verwenden von Modulen
- Importieren und Exportieren von Modulen
Datenbindung
- Verstehen des Unterschieds zwischen einseitiger und zweiseitiger Datenbindung
- Erstellen und Verwenden von Eigenschaftsbindung, Ereignisbindung und Banana-in-a-Box-Syntax
- Verwendung von Template-Referenzvariablen
Routing
- Verstehen der Rolle des Routings in Angular 16
- Erstellen und Konfigurieren von Routen
- Navigieren zwischen Routen mit routerLink und router.navigate
- Verwendung von Routenparametern, Abfrageparametern und Fragmenten
Formulare
- Verstehen des Unterschieds zwischen vorlagengesteuerten und reaktiven Formularen
- Erstellen und Validieren von Formularen mithilfe von Formularsteuerelementen, Formulargruppen, Formulararrays usw.
- Verwendung eingebauter Validatoren wie required, minLength, maxLength usw.
- Erstellen und Verwenden von benutzerdefinierten Validierern
HTTP-Client
- Verstehen der Rolle des HTTP-Clients in Angular 16
- Erstellen und Verwenden von HTTP-Anfragen zur Kommunikation mit Backend-Diensten
- Verwendung von Observables zur Verarbeitung asynchroner Datenströme
- Verwendung von Interceptors zum Ändern oder Verarbeiten von HTTP-Anfragen oder -Antworten
Fehlersuche
- Verstehen der häufigsten Fehler und Bugs in Angular 16-Anwendungen
- Verwendung von Chrome DevTools zur Untersuchung von Elementen, Quellen, Netzwerk, Konsole usw.
- Verwendung von Haltepunkten, Überwachungsausdrücken, Aufrufstapel usw. zum Debuggen von Code
Testen
- Verstehen der Bedeutung von Tests in Angular 16-Anwendungen
- Verwendung von Jest als alternatives Test-Framework
- Verwendung von Karma als Test-Runner für Unit-Tests
- Verwendung von Protractor als End-to-End-Testwerkzeug
Zusammenfassung und nächste Schritte
Voraussetzungen
- Verständnis von HTML, CSS und JavaScript
- Erfahrung mit TypeScript und RxJS
- Erfahrung in der Webentwicklung
Zielgruppe
- Entwickler, die lernen möchten, wie man mit Angular 16 dynamische und reaktionsschnelle Webanwendungen erstellt
- Entwickler, die ihre Kenntnisse aus früheren Versionen von Angular auffrischen möchten
- Programmierer, die die neuen Funktionen und Aktualisierungen von Angular 16 kennenlernen möchten
Erfahrungsberichte (5)
Ich fand es gut, dass der Schwerpunkt der Ausbildung mehr auf der praktischen Seite lag.
Mihaela - Ness
Kurs - NgRx
Maschinelle Übersetzung
Themen, die besprochen wurden, viele Live-Code-Beispiele, Haltung des Trainers zur Gruppe
Weronika - ATOS PGS sp. z o.o.
Kurs - Reactive Programming with Angular RxJS
Maschinelle Übersetzung
Ich mag deine Witze
Dermot - Griffiths & Armour
Kurs - Angular 2 Fundamentals
Maschinelle Übersetzung
Praktische Beispiele, Übungen und beste Praxis
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Kurs - Angular 10 for Developers
Maschinelle Übersetzung
Translate this From: en To: de Pipes Routing Datenbindung Dienste
Edmundo Manave - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
Maschinelle Übersetzung