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 vermeiden durch den Einsatz von Aliasen
  
  
• 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 PropertyDescriptor bearbeiten
  
• 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 mehrere Promises durchführen oder auf Fehler reagieren
  
  
• AJAX
  
  • Daten senden und empfangen mit fetch-Methode
  • Das XHR­ - Objekt
  • JSON - ­Verarbeitung
  • XML - ­Verarbeitung
  
  
• Eigene asynchrone Funktionen erstellen
  
  • Die async und await
  • asynchrone Klassenmethoden
  
  
• Daten im Browser speichern
  
  • Cookies setzen und auslesen
  • Local Storage verwenden
  
  
• Beispielprojekt
  
  • Daten per Ajax holen
  • Daten anzeigen
  • Daten ändern
  • Daten per Ajax senden