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

Seminarziel

Nach diesem Seminar haben Sie einen tieferen Einblick in die integrierten Objekte und Funktionalitäten von JavaScript. Kombiniert mit der Technologie von Dynamic HTML können Sie mit dieser Skriptsprache lebendige Webseiten erstellen und für jeden Event die passende Aktion einbauen.

Inhalt

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

• 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