Schulungsübersicht
Einführung
- Überblick über Angular und seine Funktionen
- Verstehen des Angular-Frameworks und der Architektur
- Was ist neu in Angular 15?
Einrichten der Entwicklungsumgebung
- Installieren und Konfigurieren Angular 15
- Verwendung der stabilen Standalone-APIs, die es Angular-Entwicklern ermöglichen, Anwendungen ohne die Ng-Module zu erstellen.
- Verstehen der verbesserten Leistung
Grundlagen der TypeScript
- Verstehen der TypeScript-Syntax
- Definieren von Variablen und Feldern
- Eingeben von Funktionen
Komponenten
- Anatomie einer Angular-Komponente
- Erstellen und Verwenden von Komponenten
- Kommunikation zwischen Komponenten
- Implementierung von Lebenszyklus-Hooks für Komponenten
- Verwendung von CDK List zur Erstellung von UI-Komponenten
Richtlinien
- Anatomie einer Angular-Direktive
- Erstellen und Verwenden von Direktiven
- Erstellen eigener Direktiven
- Verwendung der API für die Richtlinienkomposition
- Verwendung der Image-Direktive in Angular-Anwendungen und Durchführung der automatischen srcset-Generierung in der Image-Direktive
Dienste und Dependency Injection
- Anatomie eines Angular-Dienstes
- Erstellen und Verwenden von Diensten
- Verwendung von Dependency Injection zur Verwaltung von Diensten
Pfeifen
- Anatomie einer Angular-Pipe
- Erstellen und Verwenden von Pipes
- Erstellen benutzerdefinierter Pipes
Formulare
- Erstellung und Validierung von Formularen mit Angular's FormBuilder
- Implementierung von reaktiven Formularen
- Verwendung von vorlagengesteuerten Formularen
HttpClient
- Kommunikation mit einer RESTful API unter Verwendung des Angular's HttpClient-Moduls
- Implementierung von GET-, POST-, PUT- und DELETE-Anfragen
- Behandlung von Fehlern und Fortschrittsereignissen
Authentifizierung und Autorisierung
- Implementierung von Authentifizierung und Autorisierung in Angular-Anwendungen
- Verwendung von JSON-Web-Tokens (JWT) zur Authentifizierung
- Schutz von Routen mit Guards
- Reduktion von Boilerplate-Code in Guards
Prüfung und Fehlersuche
- Schreiben von Unit-Tests mit Jasmine und Karma
- Testen von Angular-Komponenten, Direktiven, Diensten und Pipes
- Debuggen von Angular-Anwendungen mit den DevTools des Browsers
- Lernen Sie die Verbesserungen in esbuild für schnellere Builds kennen
Zusammenfassung und nächste Schritte
Voraussetzungen
- Grundlegende Kenntnisse in HTML, CSS und JavaScript
Publikum
- Entwickler
- Programmierer
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