JavaScript Workshop für Fortgeschrittene mit Übungen und ChatGPT-Unterstützung

Seminarziel

Das Seminarziel ist es, den Teilnehmenden ein fundiertes Verständnis sowohl des funktionalen als auch des objektorientierten Programmierens in JavaScript zu vermitteln. Durch eine Kombination aus theoretischen Grundlagen und praktischen Übungen, unterstützt durch die interaktive Hilfe von ChatGPT, werden sie lernen, komplexe JavaScript-Anwendungen effizient zu entwickeln. Das Seminar zielt darauf ab, die Fähigkeiten der Teilnehmenden in modernen JavaScript-Techniken zu stärken und sie in die Lage zu versetzen, sowohl client- als auch serverseitige Anwendungen kompetent zu gestalten.

Inhalt

• Einführung in funktionales und objektorientiertes JavaScript
  • Funktionales Programmieren in JavaScript
  • Arrow Functions und Lambda-Ausdrücke
  • Higher Order Functions und Currying
  • Pure Functions und Unveränderlichkeit
  • Übung: Erstellen Sie eine Anwendung, die Benutzereingaben verarbeitet und dabei funktionale Programmierprinzipien wie Currying und Pure Functions anwendet.
  • ChatGPT hilft bei der Umsetzung funktionaler Programmierprinzipien wie Currying und Pure Functions, bietet Codebeispiele und erklärt Konzepte wie Unveränderlichkeit und funktionale Zustandsverwaltung.
  • Objektorientierte Programmierung in JavaScript
  • Klassen und Vererbung
  • Prototypen und Klassenlose Objekte
  • Mixins und Traits
  • Übung: Erstellen Sie eine Anwendung, die OOP-Prinzipien wie Vererbung und Mixins anwendet, um ein objektorientiertes Design zu implementieren.
• Async/Await und Promises
  • Verstehen von asynchroner Programmierung in JavaScript
  • Verwendung von Promises zur Behandlung von asynchronen Anfragen
  • Async/Await in JavaScript zur Erleichterung der asynchronen Programmierung
  • Übung : Implementierung einer asynchronen Anwendung mit Async/Await und Promises
  •  ChatGPT bietet Unterstützung beim Verständnis und der Verwendung von Promises und Async/Await, hilft bei der Fehlersuche in asynchronem Code und gibt Tipps zur Vermeidung gängiger Fallstricke.
• Callbacks und Event Loops
  • Verständnis von Callback-Funktionen in JavaScript
  • Funktionen als Rückruffunktionen verwenden
  • Event Loops in JavaScript
  • Übung: Implementierung einer Anwendung unter Verwendung von Callbacks und Event Loops
  •  ChatGPT erklärt, wie Callbacks in JavaScript funktionieren, unterstützt bei der Implementierung ereignisgesteuerter Logik und bietet Strategien zum Umgang mit Event Loops.
• Generatoren und Iterator-Protokoll
  • Generatoren in JavaScript und deren Verwendung
  • Iterator-Protokoll in JavaScript
  • Verwendung von Generatoren und Iterator-Protokoll zur Vereinfachung von Schleifen und Iterationen
  • Übung : Implementierung einer Anwendung unter Verwendung von Generatoren und Iterator-Protokoll
  •  ChatGPT hilft beim Verständnis der Generator-Funktionalität, bietet Beispiele für deren Einsatz und unterstützt bei der Implementierung iterierbarer Objekte.
• Threading und Web Workers
  • Verwendung von Threads in JavaScript
  • Einführung in Web Workers in JavaScript
  • Verwendung von Web Workers zur Verbesserung der Performance und Parallelisierung von Aufgaben
  • Übung: Implementierung einer Anwendung mit Web Workers zur Verbesserung der Performance
  • ChatGPT erläutert, wie man Threads in JavaScript effektiv einsetzt, unterstützt bei der Einrichtung von Web Workers und gibt Tipps zur Parallelverarbeitung und Performance-Optimierung.
• Client-Side in JavaScript
  • Client-Side-Frameworks wie React oder Angular
  • Virtual DOM und Komponenten-Strukturierung
  • Routing und Zustandsverwaltung
  • Templating und Formulardesign
  • Übung : Implementieren Sie eine Single-Page-Application mit React oder Angular, die die Virtual-DOM-Technologie nutzt, um schnelle und dynamische UIs zu erstellen.
  • ChatGPT hilft beim Verständnis von Konzepten wie Virtual DOM, Komponentenstrukturierung, Routing und Zustandsverwaltung, und bietet Unterstützung bei der Implementierung.
• Server-Side in JavaScript
  • Server-Side-Frameworks wie Node.js und Express.js
  • RESTful-API-Design und -Implementierung
  • Datenbankintegration und ORM
  • Sicherheit und Authentifizierung
  • Übung: Implementieren Sie eine RESTful-API mit Node.js und Express.js, die Datenbankintegration und Authentifizierung nutzt, um sichere und effiziente Webanwendungen zu erstellen.
  • . ChatGPT bietet Anleitungen zu RESTful-Designprinzipien, Datenbankintegration, Sicherheit und Authentifizierung und unterstützt bei der Entwicklung effizienter und sicherer Server-Anwendungen.
• Abschlußworkshop
  • Übersicht über Sicherheitsrisiken von JavaScript-Anwendungen
  • Tipps zur Verbesserung der Sicherheit von JavaScript-Anwendungen
  • Debugging-Tools und Techniken
  • Performance-Optimierung und Caching-Strategien
  • Testing und Test-Driven-Development
  • JavaScript-Bibliotheken und -Frameworks
  • Übung: Implementieren Sie eine Anwendung, die Debugging-Tools und -Techniken verwendet, um Fehler schnell zu finden und zu beheben. Fügen Sie anschließend Performance-Optimierungen und Caching-Strategien hinzu, um die Geschwindigkeit der Anwendung zu verbessern. Erstellen Sie Tests für Ihre Anwendung und verwenden Sie Test-Driven-Development, um sicherzustellen, dass sie funktioniert. Verwenden Sie JavaScript-Bibliotheken und -Frameworks, um die Entwicklung Ihrer Anwendung zu beschleunigen.
  •  ChatGPT bietet Hilfestellungen bei der Anwendung von Debugging-Tools, gibt Ratschläge zur Performance-Verbesserung und unterstützt bei der Erstellung und Durchführung von Tests.