JavaScript Komplett inkl. Einsatz von KI-Tools

Seminarziel

In diesem Seminar lernen Sie, wie Sie die Scriptsprache JavaScript dazu nutzen, dynamische HTML­Seiten zu gestalten. Sie sind danach in der Lage, eigene Funktionen zu programmieren, die Ihre Webseiten flexibel halten.

Inhalt

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

• 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 Array­Methoden
  • String­ - Objekt und String­ - Methoden
  • Datum und Uhrzeit nutzen
• Browser-­Objekte
  • Hierarchie der JavaScript­Objekte
  • 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
  • HTML­Formular erstellen
  • Formulardaten auslesen
  • Daten prüfen
  • Fehlermeldung ausgeben
  • Daten versenden
    
    
    
    

4.-5. Tag: Auch separat buchbar als Aufbaukurs Web-Programmierung mit JavaScript

• 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