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
Schritt-für-Schritt-Analyse. Jede Zeile des Codes wird erklärt. Jedes Problem, das ich während des Kurses hatte, wurde erfolgreich gelöst und Łukasz sagte mir den Grund. Ich mochte auch gute Praktiken, die vorgestellt wurden. Ich war nie vom TDD-Stil überzeugt - ich finde ihn einfach nicht nützlich und seine Zeit wert. Łukasz hat so viele Vorteile von TDD aufgezeigt, dass er meine Meinung komplett geändert hat.
Michal Uscinski - Devapo Sp. z o. o.
Kurs - Testing Angular Applications
Maschinelle Übersetzung