imported>Import: Version 220

2026-03-03T19:18:01Z

Version 220

Thorsten am 3. März 2026 um 19:18 Uhr

2026-03-03T19:18:01Z

Thorsten: Die Seite wurde neu angelegt: „ == Einleitung == TypeScript ist eine von Microsoft entwickelte Programmiersprache, die auf JavaScript basiert und statische Typisierung sowie moderne Features bietet. Der folgende Lernpfad führt dich Schritt für Schritt von den Grundlagen bis zu fortgeschrittenen Konzepten. == Grundlagen == * Was ist TypeScript? * Installation und Einrichtung auf Ubuntu * Erstes TypeScript-Programm schreiben und kompilieren * Unterschiede zu JavaScript * TypeScript-Ko…“

2026-03-02T12:23:48Z

Die Seite wurde neu angelegt: „ == Einleitung == TypeScript ist eine von Microsoft entwickelte Programmiersprache, die auf JavaScript basiert und statische Typisierung sowie moderne Features bietet. Der folgende Lernpfad führt dich Schritt für Schritt von den Grundlagen bis zu fortgeschrittenen Konzepten. == Grundlagen == * Was ist TypeScript? * Installation und Einrichtung auf Ubuntu * Erstes TypeScript-Programm schreiben und kompilieren * Unterschiede zu JavaScript * TypeScript-Ko…“

Neue Seite

''Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).''
----

== Einleitung ==
TypeScript ist eine von Microsoft entwickelte Programmiersprache, die auf JavaScript basiert und statische Typisierung sowie moderne Features bietet. Der folgende Lernpfad führt dich Schritt für Schritt von den Grundlagen bis zu fortgeschrittenen Konzepten.

== Grundlagen ==
* Was ist TypeScript?
* Installation und Einrichtung auf Ubuntu
* Erstes TypeScript-Programm schreiben und kompilieren
* Unterschiede zu JavaScript
* TypeScript-Konfiguration (tsconfig.json)

== Syntax und Basis-Konzepte ==
* Variablen und Datentypen
* Funktionen und Parameter
* Kontrollstrukturen (if, else, switch, for, while)
* Arrays und Tupel
* Objekte und Interfaces
* Enums

== Typisierung und erweiterte Typen ==
* Typinferenz
* Union und Intersection Types
* Literal Types
* Type Aliases
* Generics
* Type Guards
* Mapped Types

== Objektorientierte Programmierung ==
* Klassen und Konstruktoren
* Vererbung
* Zugriffmodifizierer (public, private, protected)
* Abstrakte Klassen und Interfaces
* Polymorphismus

== Module und Namespaces ==
* Import und Export
* Namespaces vs. Module
* Organisation von Code

== Fehlerbehandlung und Debugging ==
* Exception Handling
* Debugging mit VS Code
* Linting und Formatierung

== Fortgeschrittene Themen ==
* Dekoratoren
* Mixins
* Asynchrone Programmierung (Promises, async/await)
* TypeScript mit Node.js
* TypeScript im Frontend (z.B. mit React, Angular)
* Tooling und Build-Prozesse

== Best Practices ==
* Typensicherheit
* Code-Strukturierung
* Dokumentation und Kommentare
* Testen mit TypeScript

== Abschluss ==
Mit diesem Lernpfad kannst du systematisch alle relevanten Themen von TypeScript auf einem Ubuntu-Rechner erarbeiten und dich vom Anfänger zum Profi entwickeln.

----
''Hinweis: Diese Inhalte wurden mit Unterstützung von Künstlicher Intelligenz erstellt und redaktionell überprüft (Transparenzhinweis gemäß Art. 50 EU AI Act).''

← Nächstältere Version		Version vom 3. März 2026, 19:18 Uhr
Zeile 8:		Zeile 8:
	Der Lernpfad gliedert sich in vier wesentliche Phasen.		Der Lernpfad gliedert sich in vier wesentliche Phasen.

	=== Phase 1: Grundlagen (Prerequisites &~~amp;~~ Basics) ===		=== Phase 1: Grundlagen (Prerequisites & Basics) ===

	* '''JavaScript-Grundlagen auffrischen:''' Variablen, Funktionen, ES6+ Features (Arrow Functions, Destructuring, Promises).		* '''JavaScript-Grundlagen auffrischen:''' Variablen, Funktionen, ES6+ Features (Arrow Functions, Destructuring, Promises).
	* '''Was ist TypeScript?:''' Unterschiede zu JavaScript, Vorteile (Typensicherheit, IDE-Support), Installation (Node.js &~~amp;~~ npm).		* '''Was ist TypeScript?:''' Unterschiede zu JavaScript, Vorteile (Typensicherheit, IDE-Support), Installation (Node.js & npm).
	* '''Einfache Typen:''' String, Number, Boolean, Arrays, Tuples, Enums, Any, Unknown, Void, Null und Undefined.		* '''Einfache Typen:''' String, Number, Boolean, Arrays, Tuples, Enums, Any, Unknown, Void, Null und Undefined.

	=== Phase 2: Fortgeschrittene Typisierung ===		=== Phase 2: Fortgeschrittene Typisierung ===

	* '''Interfaces und Typ-Aliase:''' Definition von Objekt-Strukturen, Unterschiede zwischen `interface` und `type`.		* '''Interfaces und Typ-Aliase:''' Definition von Objekt-Strukturen, Unterschiede zwischen `interface` und `type`.
	* '''Funktionen:''' Typisierung von Parametern und Rückgabewerten, Optionale Parameter, Overloading.		* '''Funktionen:''' Typisierung von Parametern und Rückgabewerten, Optionale Parameter, Overloading.
	* '''Klassen und OOP:''' Access Modifiers (`public`, `private`, `protected`), Readonly, Getter/Setter, abstrakte Klassen, Implementierung von Interfaces.		* '''Klassen und OOP:''' Access Modifiers (`public`, `private`, `protected`), Readonly, Getter/Setter, abstrakte Klassen, Implementierung von Interfaces.
	* '''Union und Intersection Types:''' Kombination von Typen (`\|` und `&~~amp;~~`).		* '''Union und Intersection Types:''' Kombination von Typen (`\|` und `&`).

	=== Phase 3: Experten-Konzepte (Advanced Types) ===		=== Phase 3: Experten-Konzepte (Advanced Types) ===

	* '''Generics:''' Wiederverwendbare, typensichere Komponenten, Generic Constraints.		* '''Generics:''' Wiederverwendbare, typensichere Komponenten, Generic Constraints.
	* '''Utility Types:''' Partial, Required, Readonly, Pick, Omit, Record.		* '''Utility Types:''' Partial, Required, Readonly, Pick, Omit, Record.
Zeile 28:		Zeile 25:
	* '''Mapped und Conditional Types:''' Fortgeschrittene Typ-Transformationen.		* '''Mapped und Conditional Types:''' Fortgeschrittene Typ-Transformationen.

	=== Phase 4: Ökosystem &~~amp;~~ Best Practices ===		=== Phase 4: Ökosystem & Best Practices ===

	* '''TypeScript Konfiguration:''' Die `tsconfig.json` verstehen (strict mode, target, module).		* '''TypeScript Konfiguration:''' Die `tsconfig.json` verstehen (strict mode, target, module).
	* '''Module und Namespaces:''' Import/Export, Code-Organisation.		* '''Module und Namespaces:''' Import/Export, Code-Organisation.
	* '''TypeScript mit Frameworks:''' React, Vue, Angular oder Node.js/Express.		* '''TypeScript mit Frameworks:''' React, Vue, Angular oder Node.js/Express.
	* '''Testing:''' Jest mit TypeScript (ts-jest).		* '''Testing:''' Jest mit TypeScript (ts-jest).


	== Lernplan (8 Wochen) ==		== Lernplan (8 Wochen) ==
Zeile 40:		Zeile 37:

	=== Woche 1: Setup und Grundlagen ===		=== Woche 1: Setup und Grundlagen ===

	* '''Tag 1-2:''' Node.js installieren, TypeScript global installieren (`npm i -g typescript`). Erstes Skript schreiben, kompilieren (`tsc`) und ausführen (`node`).		* '''Tag 1-2:''' Node.js installieren, TypeScript global installieren (`npm i -g typescript`). Erstes Skript schreiben, kompilieren (`tsc`) und ausführen (`node`).
	* '''Tag 3-5:''' Primitive Typen, Arrays und Tuples lernen. Variablen explizit typisieren.		* '''Tag 3-5:''' Primitive Typen, Arrays und Tuples lernen. Variablen explizit typisieren.
	* '''Tag 6-7:''' Die `tsconfig.json` initialisieren und die wichtigsten Compiler-Optionen verstehen.		* '''Tag 6-7:''' Die `tsconfig.json` initialisieren und die wichtigsten Compiler-Optionen verstehen.

	=== Woche 2: Komplexe Typen und Interfaces ===		=== Woche 2: Komplexe Typen und Interfaces ===

	* '''Tag 1-3:''' Object Types, Typ-Aliase (`type`) und Interfaces definieren.		* '''Tag 1-3:''' Object Types, Typ-Aliase (`type`) und Interfaces definieren.
	* '''Tag 4-6:''' Unterschiede zwischen `type` und `interface` herausarbeiten. Union und Intersection Types anwenden.		* '''Tag 4-6:''' Unterschiede zwischen `type` und `interface` herausarbeiten. Union und Intersection Types anwenden.
Zeile 52:		Zeile 47:

	=== Woche 3: Funktionen und Klassen ===		=== Woche 3: Funktionen und Klassen ===

	* '''Tag 1-3:''' Funktionen typisieren (Parameter, Return Types, rest parameters). Function Overloading verstehen.		* '''Tag 1-3:''' Funktionen typisieren (Parameter, Return Types, rest parameters). Function Overloading verstehen.
	* '''Tag 4-6:''' Klassen in TypeScript. Sichtbarkeits-Modifikatoren (`private`, `protected`) einsetzen.		* '''Tag 4-6:''' Klassen in TypeScript. Sichtbarkeits-Modifikatoren (`private`, `protected`) einsetzen.
Zeile 58:		Zeile 52:

	=== Woche 4: Generics ===		=== Woche 4: Generics ===

	* '''Tag 1-3:''' Konzept von Generics verstehen. Generische Funktionen und Klassen erstellen.		* '''Tag 1-3:''' Konzept von Generics verstehen. Generische Funktionen und Klassen erstellen.
	* '''Tag 4-6:''' Generic Constraints (`extends`) anwenden, um Typ-Einschränkungen zu definieren.		* '''Tag 4-6:''' Generic Constraints (`extends`) anwenden, um Typ-Einschränkungen zu definieren.
Zeile 64:		Zeile 57:

	=== Woche 5: Fortgeschrittene Typen und Type Guards ===		=== Woche 5: Fortgeschrittene Typen und Type Guards ===

	* '''Tag 1-3:''' Type Narrowing (z. B. if-Statements mit `typeof`) und benutzerdefinierte Type Guards schreiben.		* '''Tag 1-3:''' Type Narrowing (z. B. if-Statements mit `typeof`) und benutzerdefinierte Type Guards schreiben.
	* '''Tag 4-6:''' `any` vs `unknown`, `never`-Typ verstehen. Exhaustive Switches anwenden.		* '''Tag 4-6:''' `any` vs `unknown`, `never`-Typ verstehen. Exhaustive Switches anwenden.
Zeile 70:		Zeile 62:

	=== Woche 6: Utility Types und Konfiguration ===		=== Woche 6: Utility Types und Konfiguration ===
			* '''Tag 1-3:''' Eingebaute Utility-Typen anwenden: `Partial<T>`, `Pick<T, K>`, `Omit<T, K>`, `Record<K, T>`.
	* '''Tag 1-3:''' Eingebaute Utility-Typen anwenden: `Partial<T>`, `Pick~~<~~T, K~~>~~`, `Omit~~<~~T, K~~>~~`, `Record~~<~~K, T~~>~~`.
	* '''Tag 4-6:''' Tieftauchen in `tsconfig.json` (`strict: true`, `noImplicitAny`). Modul-Auflösung verstehen.		* '''Tag 4-6:''' Tieftauchen in `tsconfig.json` (`strict: true`, `noImplicitAny`). Modul-Auflösung verstehen.
	* '''Tag 7:''' Übung: Verwende Utility Types, um aus bestehenden Interfaces neue abgeleitete Datenmodelle zu erstellen.		* '''Tag 7:''' Übung: Verwende Utility Types, um aus bestehenden Interfaces neue abgeleitete Datenmodelle zu erstellen.

	=== Woche 7: TypeScript im Frontend/Backend ===		=== Woche 7: TypeScript im Frontend/Backend ===

	* '''Frontend-Track:''' React/Vue-Projekt mit TypeScript aufsetzen (z.B. Vite, Create React App). Typisierte Props und State ausprobieren.		* '''Frontend-Track:''' React/Vue-Projekt mit TypeScript aufsetzen (z.B. Vite, Create React App). Typisierte Props und State ausprobieren.
	* '''Backend-Track:''' Express.js-Server mit TypeScript einrichten. Request- und Response-Objekte typisieren.		* '''Backend-Track:''' Express.js-Server mit TypeScript einrichten. Request- und Response-Objekte typisieren.
	* '''Ziel:''' Eine kleine, funktionierende Anwendung oder API erstellen.		* '''Ziel:''' Eine kleine, funktionierende Anwendung oder API erstellen.

	=== Woche 8: Tooling, Testing &~~amp;~~ Abschluss ===		=== Woche 8: Tooling, Testing & Abschluss ===

	* '''Tag 1-3:''' Linting mit ESLint und Prettier für TypeScript einrichten.		* '''Tag 1-3:''' Linting mit ESLint und Prettier für TypeScript einrichten.
	* '''Tag 4-6:''' Unit-Tests mit Jest (`ts-jest`) schreiben und Typ-Assertionen in Tests üben.		* '''Tag 4-6:''' Unit-Tests mit Jest (`ts-jest`) schreiben und Typ-Assertionen in Tests üben.
Zeile 88:		Zeile 77:

	== Weitere Ressourcen ==		== Weitere Ressourcen ==

	* [https://www.typescriptlang.org/docs/ Offizielle Dokumentation]		* [https://www.typescriptlang.org/docs/ Offizielle Dokumentation]
	* [https://github.com/type-challenges/type-challenges Type Challenges (GitHub)]		* [https://github.com/type-challenges/type-challenges Type Challenges (GitHub)]

TypeScript - Versionsgeschichte

imported>Import: Version 220

Thorsten am 3. März 2026 um 19:18 Uhr