Typescript Programmier-Workshop mit Übungen und ChatGPT-Unterstützung

Seminarziel

Das Ziel dieses intensiven Typescript-Seminars ist es, den Teilnehmern ein fundiertes Verständnis und praktische Fähigkeiten in der Entwicklung mit Typescript zu vermitteln. Ein besonderer Schwerpunkt liegt auf der Anwendung von Best Practices, der Implementierung effizienter Code-Strukturen und der Nutzung moderner Entwicklungswerkzeuge. Als zentrales Element des Seminars wird ChatGPT integriert, um den Lernprozess zu unterstützen und zu bereichern. ChatGPT dient als interaktiver Assistent, der den Teilnehmern hilft, komplexe Programmierkonzepte besser zu verstehen, bei der Code-Entwicklung und -Optimierung assistiert und praktische Lösungsansätze für Programmieraufgaben bietet. Dieses Seminar zielt darauf ab, den Teilnehmern nicht nur das technische Wissen, sondern auch die Fähigkeit zu vermitteln, Typescript in realen Anwendungsszenarien effektiv einzusetzen, unterstützt durch die fortschrittlichen Möglichkeiten von ChatGPT

Inhalt

•  Einführung in Typescript
  • Was ist Typescript und warum wird es verwendet?
    • Vorteile von Typescript gegenüber Javascript
    • Typisierung und statische Analyse
  • Installation und Einrichtung der Entwicklungsumgebung
    • Verwendung von Visual Studio Code und anderen IDEs
    • Verwendung von Node.js und npm
  • Datentypen, Variablen und Konstanten
    • Grundlegende Datentypen (number, string, boolean) und deren Verwendung
    • Komplexe Datentypen (Array, Tuple, Enum) und deren Verwendung
    • Variablen- und Konstantendeklaration und deren Einsatz
  • Funktionen und Parameter
    • Funktionen und deren Verwendung
    • Parameter und Argumente
    • Optionale Parameter und Standardwerte
  • Kontrollstrukturen
    • Bedingte Anweisungen (if/else)
    • Schleifen (for/while)
    • switch/case-Anweisungen
  • Übung: Implementieren Sie eine Funktion, die die Fakultät einer Zahl berechnet und testen Sie diese Funktion mit Jest.
  • ChatGPT-Integration : ChatGPT kann als interaktiver Assistent eingesetzt werden, der die Teilnehmer durch den Prozess der Implementierung der Fakultätsfunktion führt. ChatGPT kann konkrete Tipps zur Syntax und Struktur von Typescript-Funktionen geben, Hilfe beim Schreiben von Jest-Testfällen leisten und bei der Fehlersuche und Optimierung des Codes assistieren.
• Objekte und Klassen
  • Objekte und deren Eigenschaften und Methoden
    • Objekt-Initialisierung und Verwendung von Schlüsselwort 'this'
  • Klassen und deren Eigenschaften und Methoden
    • Konstruktoren und Destruktoren
  • Vererbung und Polymorphie
    • Vererbung und abstrakte Klassen
    • Polymorphie und Schnittstellen
  • Interfaces
    • Was sind Interfaces und wie werden sie verwendet?
    • Verwendung von Interfaces für Typalisierung
  • Übung: Implementieren Sie eine Klasse, die ein Auto darstellt und Methoden für das Beschleunigen und Bremsen hat.
  • ChatGPT-Integration : In dieser Übung dient ChatGPT als virtueller Mentor, der die Teilnehmer bei der Entwicklung der Autoklasse unterstützt. ChatGPT kann Vorschläge zur Klassenstruktur machen, Beispiele für Methodenimplementierungen bereitstellen und bei der Anwendung von Konzepten wie Vererbung und Polymorphie helfen.
• Generics und Namespaces
  • Generics
    • Was sind Generics und wie werden sie verwendet?
    • Verwendung von Generics für die Typalisierung von Funktionen und Klassen
  • Typalisierung von Callbacks
    • Typalisierung von Callback-Funktionen
  • Namespaces und Module
    • Namespaces und deren Verwendung zur Strukturierung von Code
    • Module und deren Verwendung zur Organisation von Code und zur Verhinderung von Namenskonflikten
  • Übung: Implementieren Sie eine Klasse, die eine Liste von Elementen verwaltet und 
  • Methoden zum Hinzufügen, Entfernen und Durchsuchen der Liste hat.
  • ChatGPT-Integration : In dieser Übung dient ChatGPT als virtueller Mentor, der die Teilnehmer bei der Entwicklung der Autoklasse unterstützt. ChatGPT kann Vorschläge zur Klassenstruktur machen, Beispiele für Methodenimplementierungen bereitstellen und bei der Anwendung von Konzepten wie Vererbung und Polymorphie helfen.
• Promises, Async/Await, und Decorators
  • Promises und async/await
    • Was sind Promises und wie werden sie verwendet?
    • Async/await und deren Verwendung für asynchrone Programmierung
  • Decorators
    • Was sind Decorators und wie werden sie verwendet?
    • Verwendung von Decorators für Metaprogrammierung und zur Veränderung des Verhaltens von Klassen und Methoden
  • Typische Probleme bei der Verwendung von Typescript und deren Lösungen
    • Fehlermeldungen und deren Lösungen
  • Übung: Implementieren Sie eine asynchrone Funktion, die eine API-Anfrage ausführt und die Antwort in einer Klasse speichert.
  • ChatGPT-Integration : Hier kann ChatGPT als Ressource für die Gestaltung und Umsetzung der Listenverwaltungsklasse dienen. ChatGPT kann Hinweise zur Implementierung von Generics geben, Unterstützung bei der Erstellung von Methoden zur Listenmanipulation bieten und Best Practices zur effizienten Datenverwaltung erläutern.
• Best Practices, Integration und Abschlussprojekt
  • Testing von Typescript-Code mit Jest
    • Einrichtung von Jest und dessen Verwendung
    • Testen von Komponenten, Services und Modulen
  • Best Practices
    • Code-Qualität und -Stil
    • Verwendung von Typescript-Features wie Typisierung, Interfaces und Generics
    • Verwendung von Design Patterns
  • Code-Optimierung
    • Verwendung von Tree-Shaking und Bundle-Optimierung
    • Code-Minifizierung und -Komprimierung
  • Integration mit Angular
    • Verwendung von Typescript in Angular-Projekten
    • Verwendung von Angular-Features wie Dependency Injection, Komponenten und Services
    • Verwendung von Angular CLI und anderen Tools
  • Abschlussprojekt
    • Implementierung eines einfachen Web-Interfaces mithilfe von Angular und Typescript
    • Verwendung von Best Practices und Design Patterns
    • Integration mit einem Backend-System
    • Testing und Code-Optimierung
    • ChatGPT-Integration : Beim Abschlussprojekt kann ChatGPT als umfassendes Unterstützungswerkzeug dienen. ChatGPT kann dabei helfen, das Projekt zu planen, die Architektur zu entwerfen und die Implementierung zu leiten. Dies umfasst Unterstützung bei der Verwendung von Angular, Tipps zur Integration von Backend-Systemen, Anleitung beim Testing und bei der Code-Optimierung sowie Beratung zur Anwendung von Best Practices und Design Patterns.