Schulungsübersicht
Einleitung
- Überblick über Angular
- Verständnis des Angular-Frameworks und seiner Architektur
- Grundlagen einer Angular-Anwendung
- Was gibt es Neues in Angular 13?
Grundlagen von TypeScript
- Verständnis der TypeScript-Syntax
- Variablen und Arrays definieren
- Typen bei Funktionen festlegen
Erstellung von Komponenten
- Einführung in das Konzept der Komponenten
- Komponenten mit dem Angular CLI erstellen
- Verständnis der Struktur einer Komponente
- Nutzung von Komponentenvorlagen
- Ereignisbindung anwenden
Arbeiten mit Angular-Formularen
- Einführung in Formulare
- Nutzung von vorlagengesteuerten Formularen
- Einbindung des Forms-Moduls
- Erstellung eines Formulars
- Überblick über reaktive Formulare
- Einbindung des Moduls für reaktive Formulare
- Aufbau eines solchen Formulars
- Gestaltung der zugehörigen Vorlage
Dienste, Dependency Injection und Pipes
- Einführung in Dienste (Services)
- Erstellung eines einfachen Services
- Struktur einer Service-Klasse verstehen
- Einführung in Dependency Injection
- Einbindung einer Service-Instanz in die Anwendung
- Einführung in Pipes
- Nutzung eingebauter Pipes
- Anwendung von Pipes innerhalb von HTML-Vorlagen
- Kombination mehrerer Pipes
Arbeiten mit dem HTTP-Client
- Der Angular-HTTP-Client – Grundlagen
- Nutzung des HHTP-Clients
- Einbindung des HTTP-Client-Moduls
- Möglichkeiten bei der Konfiguration von Anfragen
- Rückgabe eines HTTP-Antwortobjekts durch den Client
- Definition von Request-Headern
- Erstellung einer einfachen Observable-Struktur
Der Angular-Komponenten-Router
- Einführung in den Angular-Component-Router
- Navigierung zwischen verschiedenen Ansichten
- Nutzung der Router-API von Angular
- Erstellung einer Routing-fähigen Anwendung
- Einbindung mehrerer Komponenten in den Router
Implementierung einer Micro-Frontend-Architektur mit Angular
- Was ist eine Micro-Frontend-Architektur?
- Vorteile und Merkmale dieser Architekturform
- Unterschiedliche Ansätze zur Umsetzung einer solchen Architektur
- Das zugrundeliegende Micro-Frontend-Framework verstehen
- Projekte auf Basis von Angular im Micro-Frontend-Format anlegen
Testen von Angular-Anwendungen
- Einheitstests für Angular-Komponenten durchführen
- Nutzung geeigneter Testwerkzeuge
- Schritte beim Erstellen von Tests
Zusammenfassung und weitere Schritte
Voraussetzungen
- Grunzwissen in HTML, CSS und JavaScript
Zielgruppe
- Entwickler
- Programmierer
Erfahrungsberichte (3)
Die SignalStore-Konzepte, da sie für mich neu waren.
Alexander Ivanov
Kurs - Angular Advanced 2 days
Maschinelle Übersetzung
alle wichtigen Aspekte wurden abgedeckt
carlo capuano - ITER Organization
Kurs - Angular 18
Maschinelle Übersetzung
Die Einstellung des Trainers – Ihnen dabei helfen, sich wohlzufühlen, Scherze machen, um die Stimmung aufzuhellen, und auf alle Fragen der Teilnehmer antworten.
Ana Fedeles
Kurs - Angular 20
Maschinelle Übersetzung