Web-Programmierung mit JavaScript inkl. Einsatz von KI-Tools

Diese Agenda ist auch Bestandteil (4.-5. Tag) des Kurses

• Der Objektbegriff in JavaScript
  
  • ECMA- und Browserobjekte
  • Eigene Objekte erstellen
  
  
• ES6-Module erstellen und importieren
  
  • Funktionen, Konstanten und Klassen im- und exportieren
  • Konflikte durch den Einsatz von Aliasen vermeiden
  
  
• Document Object Model
  
  • HTML-Elemente finden
  • Inhalte ändern
  • HTML-Elemente und Attribute erstellen
  • CSS-Stile lesen und ändern
  
  
• Fortgeschrittenes Eventhandling
  
  • Capturing und Bubbling
  • Eventdelegation
  • Datenübergabe
  
  
• Browserübergreifende Programmierung
  
  • Cross-Browser Event Handling
  • Feature Detection
  
  
• Fehlerbehandlung
  
  • Exception-Handling mit try/catch
  
  
• Eigene Konstruktor-Funktionen erstellen
  
  • Der Kontext von this in Konstruktor-Funktionen
  • Den prototype um Methoden und Eigenschaften erweitern
  • Prototypen auf Objekte übertragen
  • Die prototypische Kette verstehen
  
  
• Eigene Klassen mit class erstellen
  
  • Instanzen erstellen
  • Öffentliche und private Methoden erstellen
  • Konstruktoren hinzufügen
  • Arbeiten mit statischen Methoden
  • Klassen vererben
  
  
• Objekteigenschaften mittels Property Descriptor bearbeiten
  
  • Eigenschaften und Verhalten von Objekten gezielt steuern
  
  
• Einbindung und Ladeverhalten externer Skripte
  
  • Skripte asynchron laden
  • defer und async einsetzen und unterscheiden
  
  
• Asynchrone Programmierung mit Promises
  
  • Funktionsweise von Promises
  • Promises erfolgreich beenden und fehlschlagen lassen
  • Die Zustände pending, fulfilled und rejected
  • Arbeiten mit den Methoden then, catch und finally
  • Anschlussaktionen nach Auflösung mehrerer Promises durchführen oder auf Fehler reagieren
  
  
• AJAX
  
  • Daten mit der fetch-Methode senden und empfangen
  • Das XHR-Objekt
  • JSON-Verarbeitung
  • XML-Verarbeitung
  
  
• Eigene asynchrone Funktionen erstellen
  
  • async und await einsetzen
  • Asynchrone Klassenmethoden
  
  
• Daten im Browser speichern
  
  • Cookies setzen und auslesen
  • Local Storage verwenden
  
  
• KI-gestützte Programmierhilfe im JavaScript-Entwicklungsalltag
  
  • Einsatzmöglichkeiten von KI-Tools wie Copilot oder Windsurf
  • Unterstützung bei der Erstellung und Bearbeitung von JavaScript-Code
  • Generierte Ergebnisse fachlich und kritisch prüfen
  
  
• Beispielprojekt
  
  • Daten per AJAX holen
  • Daten anzeigen
  • Daten ändern
  • Daten per AJAX senden
  
  

Das Seminar richtet sich an Applikationsentwickler, Webentwickler und IT-Verantwortliche, die interaktive Webseiten und browserbasierte Anwendungen mit JavaScript entwickeln oder entsprechende Entwicklungsaufträge fachlich begleiten. Es ist als Aufbaukurs für Sie geeignet, wenn Sie bereits praktische Erfahrungen mit HTML beziehungsweise HTML5 und JavaScript besitzen und Ihre Kenntnisse um fortgeschrittene Techniken erweitern möchten.

Teilnahmevoraussetzungen


Sie benötigen Kenntnisse in HTML beziehungsweise HTML5.

Sie benötigen grundlegende praktische Kenntnisse in JavaScript.

Sie sollten mit der grundlegenden Struktur und Funktionsweise von Webseiten vertraut sein.

S509