JavaScript Einführung 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

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

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