Typescript für Angular

Classroom training | German | Claim

Duration of training: 2 days

Objectives

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.

Target audience

  • Webentwickler
  • Programmierer

Requirements

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

Objectives

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.

Target audience

  • Webentwickler
  • Programmierer

Requirements

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

This learning content is used in the following learning plans

Tags

Recommend this site