Weiterbildungsinhalte
Daten sind Grundlage vieler Entscheidungen in Wirtschaft, Wissenschaft und Verwaltung. In diesem Kurs wird vermittelt, wie Daten mit JavaScript und gängigen Open-Source-Bibliotheken in interaktive, barrierearme und performante Web-Visualisierungen überführt werden können. Schritt für Schritt erarbeiten die Teilnehmenden das Handwerkszeug, um Daten zu verstehen, aufzubereiten und in anschauliche Diagramme, Karten oder Dashboards zu verwandeln.

  • Du lernst unter anderem
  • Datenquellen einzubinden, zu analysieren und aufzubereiten
  • mit JavaScript das Document Object Model (DOM) zu steuern und interaktive Elemente zu programmieren
  • Bibliotheken wie D3.js, Chart.js oder Leaflet zielgerichtet einzusetzen
  • Visualisierungen mit CSS ansprechend und responsiv zu gestalten
  • Performance, Barrierefreiheit und SEO in Visualisierungs-Projekten zu berücksichtigen
  • Webanwendungen zu testen, zu warten und per Versionskontrolle zu verwalten

Grundlagen der Webentwicklung
  • Werkzeuge, Entwicklungsumgebungen und Build-Prozesse
  • HTML-Struktur, semantische Auszeichnung und Accessibility-Grundlagen
  • UX-Prinzipien, Web-Zugänglichkeit und Suchmaschinenoptimierung

Daten verstehen und vorbereiten
  • Datentypen und Formate (CSV, JSON, APIs)
  • Grundlagen der Datenanalyse und statistische Kennzahlen
  • Datenschutz und ethische Aspekte
  • Datengetriebene Entscheidungsfindung

JavaScript Basics
  • Syntax, Variablen, Funktionen und Kontrollstrukturen
  • DOM-Manipulation und Ereignisbehandlung
  • AJAX / Fetch für Datenkommunikation
  • Erstellen kleiner interaktiver Komponenten

Fortgeschrittenes JavaScript & Bibliotheken
  • Objektorientierte und modulare Programmierung
  • Asynchrone Programmierung mit Promises und async/await
  • Einsatz von D3.js, Chart.js, Leaflet und weiteren Libraries
  • Debugging-Techniken und Tooling

Gestaltung mit CSS
  • Layout-Techniken (Flexbox, Grid) für Visualisierungen
  • Typografie und Farbkontraste für Data-Charts
  • Animationen und Transitions
  • Responsive Design für unterschiedliche Endgeräte

Best Practices der Webentwicklung
  • Testing (Unit, Integration, Visual Regression)
  • Performance-Optimierung großer Datensätze
  • Barrierefreiheit in Datenvisualisierungen
  • Versionskontrolle mit Git und Wartung von Projekten

Information zu Unterricht und Prüfung

Der Unterricht findet auf Deutsch statt. Nach erfolgreichem Abschluss wird ein Zertifikat ausgestellt, das die erarbeiteten Kompetenzen in Datenvisualisierung mit JavaScript dokumentiert.

Zusätzliche Extras
  • Praxisprojekt mit eigenem Datensatz und GitHub-Portfolio
  • Methodenkompetenz in agiler Projektarbeit
  • Bewerber-Coaching und Profiloptimierung

Zielgruppe

Die Inhalte richten sich an Personen aus Webentwicklung, Design, Marketing oder Datenanalyse, die interaktive Visualisierungen im Web erstellen möchten und dafür fundierte JavaScript-Kenntnisse erwerben oder vertiefen wollen.