Typescript für Angular

Ziele

In diesem Kurs lernen Sie Entwicklungswerkzeuge für modernes JavaScript, Typescript-Tools, Build-Pipeline, Typen, Variablen, Konstanten und Funktionen, die Erstellung von sauberem Code mit Typescript und asynchrone Programmierung.

Zielgruppe

• Webentwickler
• Programmierer

Voraussetzungen

Grundkenntniss in JavaScript

Agenda

Einführung in TypeScript und Angular

• Was ist TypeScript?
• Warum Angular mit TypeScript?
• Vorteile von TypeScript im Vergleich zu JavaScript

Setup und Konfiguration

• Installation von Node.js und npm
• Erstellung eines neuen Angular-Projekts
• Konfiguration der Entwicklungsumgebung (IDE, Editor)

Grundlagen von TypeScript

• Variablen und Datentypen
• Funktionen und Parameter
• Klassen und Vererbung
• Interfaces und Typisierung

Angular-Komponenten

• Erstellung von Angular-Komponenten
• Komponentenlebenszyklus
• Datenbindung und Eventhandling in Komponenten
• Kommunikation zwischen Komponenten (Input/Output)

Angular-Module und Dependency Injection

• Erstellung und Organisation von Modulen
• Komponentenregistrierung und Verwendung von Dependency Injection
• Import und Verwendung von Modulen

Angular Templates und Direktiven

• Verwendung von Templates in Angular
• Struktur- und Attributdirektiven
• Eigene Direktiven erstellen und verwenden
• Verwendung von Pipes zur Datenformatierung

Routing in Angular

• Konfiguration des Routers in Angular
• Erstellung von Routen und Navigation zwischen Seiten
• Parameterübergabe und Routenwächter

Services und HTTP-Kommunikation

• Erstellung von Services in Angular
• Verwendung des HttpClient-Moduls für HTTP-Anfragen
• Verarbeitung von HTTP-Antworten
• Behandlung von Fehlern und Ausnahmen

Forms in Angular

• Template-Driven Forms in Angular
• Reactive Forms in Angular
• Validierung von Formulardaten
• Custom-Validatoren erstellen und verwenden

Rest Client in Angular

• Verwendung des HttpClient für RESTful API-Aufrufe
• GET, POST, PUT, DELETE-Anfragen senden und verarbeiten
• Authentifizierung und Autorisierung in RESTful-APIs

Testing in Angular

• Einführung in die Teststrategie und Testarten in Angular
• Unit-Tests mit Jasmine und Karma
• Komponenten-Tests, Service-Tests und HTTP-Tests in Angular
• Mocking von Abhängigkeiten und Testdaten