JavaScript Einführung inkl. Einsatz von KI-Tools

Diese Agenda ist auch Bestandteil (1.-3. Tag) des Kurses

• 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

• 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
  • 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

LernzieleIn 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.ZielgruppenHTML-Entwickler, Web-Master und Web-Designer mit HTML/HTML5-Kenntnissen.