Bitte wählen Sie die Bereiche, die Sie exportieren möchten:
Schulung TypeScript Grundlagen und Aufbau: Typsystem, Generics und moderne Patterns
Discriminated Unions und Utility Types bis zu Conditional Types
Schulungsformen
Inhouse-/Firmenschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- In Ihrem Hause oder bei der GFU
- Preis nach Angebot
- Lernumgebung in der Cloud
- Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
Individualschulung
- 3 Tage - anpassbar
- Termin nach Wunsch
- In Ihrem Hause oder bei der GFU
- Preis nach Angebot
- Lernumgebung in der Cloud
- 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Beschreibung
Dieses dreitägige Seminar führt systematisch durch das gesamte Typsystem - von den Grundlagen bis zu fortgeschrittenen Patterns, die in Angular, React und NestJS allgegenwärtig sind. Wer dieses Seminar abschließt, versteht nicht nur TypeScript-Code - sondern schreibt Code, den TypeScript versteht.
Tauchen Sie tiefer ein mit einer weiteren TypeScript Schulung aus unserem Seminarangebot.
Schulungsziel
Jede teilnehmende Person verlässt das Seminar mit der sicheren Beherrschung des TypeScript-Typsystems (Grundtypen bis Conditional Types), der Fähigkeit, Discriminated Unions, Generics und Utility Types produktiv einzusetzen, 40+ gelösten Übungen als Referenz, einer typsicheren Modell-Bibliothek und der Kompetenz, TypeScript in jedem Framework (Angular, React, Vue, NestJS) sicher anzuwenden.
Details
Inhalt
1. TypeScript: Sprache, Compiler und Entwicklungsumgebung
- Ziele und Erwartungen der Teilnehmenden
- Klärung individueller Lernziele und Erwartungen für ein praxisnahes und relevantes Seminar
- TypeScript als typisierte Obermenge von JavaScript. Strukturelles Typsystem (anders als nominale Typisierung in Java/C#).
- Compiler und tsconfig.json im Detail (target, module, strict mode, paths). Strict Mode als Grundregel.
- VS Code als Entwicklungsumgebung (IntelliSense, Fehlermarkierung, Refactoring). TypeScript Playground.
- Praxis-Übung: Projekt einrichten, tsconfig.json konfigurieren, erstes Programm kompilieren.
- Primitive Typen, Arrays und Tuples. Readonly Tuples.
- Type Inference: TypeScript leitet Typen automatisch ab - explizite Annotation nur wo nötig.
- Literal Types und const assertions als Grundlage für Discriminated Unions.
- Enums vs. Union Literals: Trade-offs und Empfehlung (Union Literals bevorzugen).
- any, unknown und never: Wann welcher Typ - und warum any vermieden werden sollte.
- Praxis-Übung: 10 Typ-Annotationsübungen. Type Inference testen. any vs. unknown: unsicheren Code umstellen.
- Interfaces: Objektstrukturen beschreiben. Optional Properties, Readonly, Method Signatures, Extends, Declaration Merging.
- Type Aliases: Unions, Intersections, Tuples, Funktionstypen benennen.
- Interface vs. Type: Wann welches - Konvention wählen und konsistent bleiben.
- Intersection Types für Mixins und Erweiterungen. Index Signatures und Record.
- Praxis-Übung: Datenmodell für eine E-Commerce-App: User, Product, Order mit Interfaces, Type Aliases und Intersections.
4. Union Types und Discriminated Unions
- Union Types und Type Narrowing (typeof, instanceof, in-Operator, Truthiness).
- Discriminated Unions: Das wichtigste TypeScript-Pattern . Gemeinsame Diskriminator-Property, Exhaustiveness-Check im Switch.
- Praxis-Pattern: ApiResponse<T> = { status: 'success'; data: T } | { status: 'error'; message: string } | { status: 'loading' }.
- Type Guards und Assertion Functions für komplexe Laufzeitprüfungen.
- Praxis-Übung: API-Response mit Discriminated Union implementieren. Custom Type Guard für User-Validierung aus unbekannten Daten.
- Generische Funktionen, Interfaces und Type Aliases. Typ-Inferenz aus Argumenten.
- Constraints (extends): Typ-Parameter einschränken. keyof für Property-Zugriff.
- Default-Typ-Parameter. Mehrere Typ-Parameter.
- Generische Klassen: Repository<T>, EventEmitter<T>, Stack<T>.
- Praxis-Übung: Generischen Repository-Service implementieren: Repository<T extends HasId> mit CRUD-Methoden. Für User, Product und Order instanziieren - volle Typsicherheit ohne Code-Duplizierung.
- Funktionstypen und Callback-Typisierung. Higher-Order Functions mit Generics.
- Überladungen: Mehrere Signaturen für eine Funktion.
- Rest-Parameter, Spread und this-Typisierung.
- Asynchrone Funktionen: Promise<T>, async/await mit TypeScript.
- Praxis-Übung: Typsicheres Event-System: EventEmitter<EventMap> mit on() und emit() - Generics erzwingen korrekte Event-Typen und Payload-Typen.
7. Utility Types: Eingebaute und eigene Typ-Transformationen
- Eingebaute Utility Types: Partial, Required, Readonly, Pick, Omit, Record, ReturnType, Parameters. Praxis-Patterns für API-DTOs und Formulardaten.
- Mapped Types: Eigene Utility Types bauen ({ [K in keyof T]: NewType }).
- Conditional Types: T extends U ? X : Y. infer für Typ-Extraktion. Distributive Conditional Types.
- Template Literal Types: String-Manipulation auf Typ-Ebene. Typsichere Event-Handler und API-Routen.
- Praxis-Übung: 5 eigene Utility Types bauen: DeepReadonly<T>, Nullable<T>, FunctionPropertyNames<T>, Promise-Unpack, API-Endpoints als Template Literal Type.
- Klassen: Sichtbarkeit (public, private, protected, #private), Konstruktor-Kurzschreibweise, abstrakte Klassen, implements.
- Decorators (Stage 3 und Legacy): Metadata an Klassen und Methoden. In Angular, NestJS und TypeORM allgegenwärtig.
- ES-Module: import/export als einziger Standard. Barrel Files. Dynamic Imports.
- Praxis-Übung: Plugin-System: abstrakte Klasse Plugin<Config>, konkrete Plugins implementieren ein PluginInterface. Decorator @LogExecution erstellen.
Praxis-Patterns (30 Min):
- Branded Types (nominale Typisierung simulieren: UserId ≠ ProductId).
- Builder Pattern mit Generics (Typ erweitert sich schrittweise).
- Exhaustive Switch mit never (vergessene Union-Fälle sind Compile-Time-Fehler).
- Result<T, E> statt Exceptions (Fehlerbehandlung als Typ).
- Empfohlene strikte tsconfig.json für neue Projekte.
- Phase 1 - Typsichere Modell-Bibliothek (35 Min): Vollständiges Typsystem für eine Aufgabenverwaltung: Interfaces, Discriminated Unions für Status (Todo | InProgress | Done | Cancelled), generischer Repository<T>, Utility Types für API-DTOs (CreateTaskDTO = Omit<Task, 'id' | 'createdAt'>), typsichere Event-Definitionen.
- Phase 2 - Peer-Review (15 Min): Stresstest: „Kann man einen ungültigen Status zuweisen?" „Kann man ein Passwort in der API-Response mitsenden?" „Was passiert bei einem neuen Task-Status?"
Zielgruppe & Vorkenntnisse
- JavaScript-Entwickler: Die auf TypeScript umsteigen und das Typsystem von Grund auf lernen.
- Frontend-Entwickler (React, Angular, Vue): Die TypeScript bereits nutzen, aber bei Generics, Utility Types und komplexen Typen unsicher sind.
- Backend-Entwickler (Node.js, NestJS, Deno): Die TypeScript als Server-Sprache einsetzen und das Typsystem für robuste APIs nutzen.
- Umsteiger von Java, C# oder Python: Die TypeScript als neue Sprache lernen - mit Fokus auf die Besonderheiten des strukturellen Typsystems.
Ihre Schulung
In Präsenz | Online |
|---|---|
| Lernmethode | |
Ausgewogene Mischung aus Theorie und praktischen Übungen auf persönlichem Schulungs-PC. | Wie auch bei unseren Präsenz-Seminaren: Ausgewogene Mischung aus Theorie und praktischen Übungen. Trainer durchgehend präsent. |
| Unterlagen | |
Seminarunterlagen oder Fachbuch inklusive. Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. | Seminarunterlagen oder Fachbuch inklusive (via DHL). Das Fachbuch wählt der Trainer passend zum Seminar aus - Ihren individuellen Buch-Wunsch berücksichtigen wir auf Nachfrage gerne. |
| Arbeitsmaterialien | |
Din A4 Block, Notizblock, Kugelschreiber, USB-Stick, Textmarker, Post-its | |
| Teilnahmezertifikat | |
Nach Abschluss des Seminars erhalten Sie das Teilnahmezertifikat inkl. Inhaltsverzeichnis per E-Mail als PDF. | |
Organisation
In Präsenz | Online | |
|---|---|---|
| Teilnehmendenzahl | ||
min. 1, max. 8 Personen | ||
| Garantierte Durchführung * | ||
Ab 1 Teilnehmenden | ||
| Schulungszeiten | ||
| ||
| Ort der Schulung | ||
 GFU SchulungszentrumAm Grauen Stein 27 51105 Köln-Deutz oder online im Virtual Classroom oder europaweit bei Ihnen als Inhouse-Schulung Um ein optimales Raumklima zu gewährleisten, haben wir das Schulungszentrum mit 17 hochmodernen Trotec TAC V+ Luftreinigern ausgestattet. Diese innovative Filtertechnologie (H14 zertifiziert nach DIN EN1822) sorgt dafür, dass die Raumluft mehrfach pro Stunde umgewälzt wird und Schadstoffe zu 99.995% im HEPA-Filter abgeschieden und infektiöse Aerosole abgetötet werden. Zusätzlich sind alle Räume mit CO2-Ampeln ausgestattet, um jederzeit eine hervorragende Luftqualität sicherzustellen. | ||
| Räumlichkeiten | ||
Helle und modern ausgestattete Räume mit perfekter Infrastruktur | Bequem aus dem Homeoffice von überall | |
| All-Inclusive | ||
Frühstück, Snacks und Getränke ganztägig, Mittagessen im eigenen Restaurant, täglich 6 Menüs, auch vegetarisch | Eine Auswahl unserer Frühstücks-Snacks und Nervennahrungs-Highlights senden wir Ihnen mit den Seminarunterlagen via DHL zu. | |
| Barrierefreiheit | ||
Das GFU-Schulungszentrum (Am Grauen Stein 27) ist barrierefrei | - | |
Kostenfreie Services
In Präsenz | Online |
|---|---|
|
|
Buchungsmöglichkeiten
Online oder in Präsenz teilnehmen
Sie können sowohl Online als auch in Präsenz am Seminar teilnehmen. Klicken Sie bei Ihrer Buchung oder Anfrage einfach die entsprechende Option an.
- Lernumgebung in der Cloud
- Inhalte werden auf Wunsch an die Anforderungen Ihres Teams angepasst.
- Lernumgebung in der Cloud
- 1 Teilnehmender = Fokus aufs Fachliche und maximaler Raum für individuelle Fragen.
Was bedeutet Offene Schulung und Inhouse Schulung?
Bei einer offenen Schulung stehen Ort und Termin vorab fest. Jeder Interessent kann eine offene Schulung buchen, daher treffen Teilnehmer aus verschiedenen Unternehmen aufeinander.
Inhouse Schulungen können auf Ihren individuellen Schulungsbedarf zugeschnitten werden. Sie bestimmen den Teilnehmerkreis, Termin und Schulungsort.
Ist eine Inhouse Schulung die richtige Wahl?
Bei einer Inhouse Schulung gehen wir auf die individuellen Bedürfnisse Ihres Unternehmens ein und decken den Schulungsbedarf direkt bei Ihnen im Unternehmen ab.
Das spart Zeit und Geld und sorgt für einen schnellen Wissenstransfer Ihrer Mitarbeiter.
Wer kümmert sich um die Technik bei Inhouse Schulungen?
Eine komplette Lernumgebung in der Cloud mit Remote Zugriff ist für uns selbstverständlich. Sie müssen sich um nichts kümmern. Lediglich ein funktionierender PC oder Notebook mit Internetanschluss sollte für jeden Teilnehmer am Schulungstag bereit stehen.
Vorteile einer Inhouse Schulung
- Kompetente Seminarberatung
- Dozenten aus der Praxis
- Auf Ihre Bedürfnisse zugeschnittener individueller Lernstoff
- Sie können den Termin flexibel gestalten, so wie es für Sie am besten passt
- Unsere Inhouse Schulungen können Europaweit durchgeführt werden
- Der Fokus liegt auf Ihrem Schulungsbedarf, somit schonen Sie Ihr Budget
- Wissenslücken Ihrer Mitarbeitet werden schnell geschlossen