TypeScript für Angular

Ziele

In dieser 2-tägigen Schulung "TypeScript für Angular" lernen Sie die grundlegenden Konzepte und Techniken von TypeScript mit Angular kennen. Das Ziel des Seminars ist es, Ihnen eine solide Basis zu vermitteln, um effektiv mit TypeScript in der Angular-Entwicklung arbeiten zu können.

Sie werden verstehen, wie TypeScript die Entwicklung von Angular-Anwendungen verbessert und Ihnen eine statische Typisierung und erweiterte Funktionen bietet. Sie werden lernen, wie Sie ein neues Angular-Projekt einrichten, die Entwicklungsumgebung konfigurieren und die Grundlagen von TypeScript beherrschen.

Das Seminar behandelt wichtige Themen wie die Erstellung von Angular-Komponenten, die Datenbindung und Eventhandling, die Verwendung von Templates und Direktiven, das Routing in Angular sowie die Kommunikation mit RESTful APIs mithilfe des HttpClient-Moduls. Sie werden auch die Konzepte des Formularmanagements in Angular kennenlernen, einschließlich der Verwendung von Template-Driven Forms und Reactive Forms zur Validierung von Benutzereingaben.

Ein weiterer Schwerpunkt liegt auf dem Testen von Angular-Anwendungen, angefangen von Unit-Tests mit Jasmine und Karma bis hin zu Komponenten-Tests, Service-Tests und HTTP-Tests. Sie werden lernen, wie Sie Abhängigkeiten und Testdaten mocken, um Ihre Tests effizient und zuverlässig durchzuführen.

Zielgruppe

• Webentwickler
• Programmierer

Voraussetzungen

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

• Grundkenntnisse 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

Open Badge - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erlangen Sie nicht nur Fachkenntnisse und Fähigkeiten, sondern bekommen zusätzlich zu Ihrem Teilnahmezertifikat ein Open Badge als digitalen Nachweis Ihrer Kompetenz.

Sie können diesen in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com Konto abrufen. Ihre verdienten Badges lassen sich problemlos in sozialen Netzwerken integrieren und weitergeben.

Mehr zu den Vorteilen von Badges

Kurz vor Durchführung