Kontakt aufnehmen

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
 28 Stunden

Teilnehmerzahl


Preis je Teilnehmer (exkl. USt)

Erfahrungsberichte (3)

Kommende Kurse

Verwandte Kategorien