JavaScript Komplett inkl. Einsatz von KI-Tools

1.-3. Tag: Auch separat buchbar als Einführungskurs

• Einführung in JavaScript
  • Einführung in die Entwicklungsumgebung
  • Ressourcen für die JavaScript-Entwicklung
  • Debugging im Browser
  • Überblick über die JavaScript Engines
  • JavaScript in HTML einfügen

• Sprachgrundlagen
  • Variablen und Datentypen
  • Umgang mit dynamischer Typisierung
  • Ausdrücke
  • Arbeiten mit Zahlen und Zeichenketten
  • Berechnungen durchführen
  • Namenskonventionen

• Programmfluss steuern
  • Bedingte Anweisungen
  • Wiederholungen

• Anweisungen zu Funktionen zusammenfassen
  • Funktionen erstellen
  • Parameter übergeben und entgegen nehmen
  • Rückgabewerte abfangen
  • Gültigkeitsbereich von Variablen
  • Arrow Funktionen

• Referenztypen verwenden
  • Array - Objekt und ArrayMethoden
  • String - Objekt und String - Methoden
  • Datum und Uhrzeit nutzen

• Browser-Objekte
  • Hierarchie der JavaScriptObjekte
  • Browser - Objekte kennen und nutzen

• JavaScript stabil und sicher entwickeln
  • Richtig dokumentieren
  • use strict;
  • Fehlerbehandlung mit try catch und throw
  • Kapselung
  • Verwenden von Lintern

• Auf Benutzerereignisse reagieren
  • Grundlagen zu Events
  • Auf Ereignisse reagieren
  • Eine Webseite laden und verlassen
  • Mausereignisse
  • Tastatur auslesen

• Praktische Unterstützung durch KI
  • Überblick über gängige KI-Tools (z. B. Windsurf)
  • Code-Erstellung mit Copilot Web
  • Autovervollständigung & kommentarbasiertes Coding
  • Prompting für Code & Fehlersuche
  • Unterstützung bei Dokumentation & Refactoring

• Beispielprojekt Formularvalidierung
  • HTMLFormular erstellen
  • Formulardaten auslesen
  • Daten prüfen
  • Fehlermeldung ausgeben
  • Daten versenden

4.-5. Tag: Auch separat buchbar als Aufbaukurs

• 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

LernzieleIn diesem Seminar lernen Sie, wie Sie die Scriptsprache JavaScript dazu nutzen, dynamische HTMLSeiten zu gestalten. Sie sind danach in der Lage, eigene Funktionen zu programmieren, die Ihre Webseiten flexibel halten.ZielgruppenHTML-Entwickler, Web-Master und Web-Designer mit HTML/HTML5-Kenntnissen.