Daten­visualisierung und dynamische Grafiken mit JavaScript

Passt der Kurs zu dir?

1. 1
   Grundkenntnisse in HTML und CSS, weil JavaScript genau diese Seitenelemente liest und verändert.
2. 2
   Ein Rechner mit aktuellem Browser, Node.js und einem Code-Editor wie Visual Studio Code, auf dem du Pakete aus der npm-Registry installieren darfst.
3. 3
   Englisch zum Lesen der Framework-Dokumentation von React, Angular oder Vue, die du nach dem Kurs selbst weiterverfolgst.

Das lernst du

1. 1
   Weiterbildungsinhalte
2. 2
   Moderne Web-Visualisierungen vereinen technisches Web-Know-how, ästhetisches Design und fundierte Datenkompetenz. In diesem Kurs entwickelst du schrittweise die Fähigkeiten, interaktive Grafiken mit JavaScript zu erstellen, sie mit HTML & CSS nutzerfreundlich zu gestalten, datenbasiert zu steuern und suchmaschinenfreundlich zu veröffentlichen.
3. 3

   Du lernst

   dynamische Diagramme, Karten und Dashboards zu programmieren
   performante und responsive Oberflächen mit HTML & CSS zu gestalten
   Datenquellen zu analysieren, aufzubereiten und verantwortungsvoll einzusetzen
   fortgeschrittene JavaScript-Techniken wie OOP, Module, Async/Await und Testing anzuwenden
   Projekte suchmaschinenoptimiert zu strukturieren, zu betexten und zu verlinken
   Webentwicklung für Visualisierungen
   HTML-Struktur, Semantik und Accessibility
   User Experience Grundlagen für datengetriebene Interfaces
   Build- und Deployment-Werkzeuge im Überblick
   Gestaltung mit CSS
   Layout-Techniken (Flexbox, Grid, Responsive Design)
   Typografie, Farbkonzepte und visuelle Hierarchien
   Animationen und Transitions für datenbasierte Effekte
   JavaScript Grundlagen
   DOM-Manipulation und Event Handling
   Datenabruf mit Fetch/AJAX
   State-Management für interaktive Komponenten
   Fortgeschrittenes JavaScript
   Objektorientierte und modulare Architektur
   Asynchrone Programmierung (Promises, Async/Await)
   Einsatz von Bibliotheken (z. B. D3.js, Chart.js)
   Debugging, Unit- und End-to-End-Tests
   Datenkompetenz
   Datenanalyse-Workflows und Visualisierungstypen
   Datenschutz, Urheber- und Lizenzfragen
   Datengestützte Entscheidungsprozesse in Organisationen
   Datenarchitekturen & Analytics
   Datenmodelle und Schnittstellen
   ETL-Prozesse und API-Design
   Interpretation und Storytelling mit Daten
   Suchmaschinenoptimierung (On-Page)
   Keyword-Recherche und Informationsarchitektur
   Strukturierte Daten, Meta-Tags und Page Performance
   Barrierefreiheit als Ranking-Faktor
   Content- & Off-Page-Optimierung
   SEO-Texte, Bild- und Medienoptimierung
   Backlink-Strategien und Outreach
   Monitoring und Reporting mit gängigen Tools
   Information zu Unterricht und Prüfung
   Der Unterricht findet online und auf Deutsch statt. Nach erfolgreicher Teilnahme erhältst du ein Zertifikat, das die erworbenen Kompetenzen in Webentwicklung, Datenvisualisierung und SEO bestätigt.
   Zusätzliche Extras
   praxisorientierte Projektarbeit mit Portfolio-Aufbau
   Einsatz moderner Entwicklungs- und Analysetools
   Bewerber- und Karrierecoaching für technische Rollen
   Fachkräfte, die Web-Oberflächen entwickeln, Daten analysieren oder Marketingstrategien umsetzen, profitieren von diesem Kurs ebenso wie Quereinsteiger*innen mit Grundkenntnissen in Webtechnologien und dem Wunsch, interaktive Datenprojekte eigenständig umzusetzen.

1. 1

   Lichtenstein

   Blended Learning · Vollzeit · 1–3 Monate · 1.000–5.000 €

2. 2

   Potsdam

   Blended Learning · Vollzeit · 1–3 Monate · 1.000–5.000 €

3. 3

   Offenbach am Main

   Blended Learning · Vollzeit · 1–3 Monate · 1.000–5.000 €

4. 4

   Berlin

   Blended Learning · Vollzeit · 1–3 Monate · 1.000–5.000 €

5. 5

   Regensburg

   Blended Learning · Vollzeit · 1–3 Monate · 1.000–5.000 €

Förderwege

Wer deinen Kurs zahlt

Was dir die Qualifikation beruflich bringt

1. 1

   Interaktive Oberflächen bauen

   Mit React, Angular oder Vue zerlegst du eine Oberfläche in Komponenten, die Daten anzeigen und auf Eingaben reagieren. So entstehen Buchungsmasken, Dashboards oder Shopseiten, die sich ohne Neuladen aktualisieren. Beispiel: Du baust ein Formular, das freie Termine einer Praxis live über eine Schnittstelle lädt.

2. 2

   Server und Schnittstellen mit Node.js

   Mit Node.js schreibst du Server und Schnittstellen in derselben Sprache wie das Frontend und tauschst Daten im JSON-Format aus. Die Kurse mit Docker Compose zeigen, wie du Anwendung und Datenbank gemeinsam startest. Beispiel: Du entwickelst eine kleine API, die Bestellungen entgegennimmt und in einer Datenbank ablegt.

3. 3

   Apps für Smartphones

   Ionic mit Angular und React Native übertragen dein Webwissen auf Apps für Android und iOS aus einer gemeinsamen Codebasis. Die Kurse zu TypeScript für mobile Anwendungen vertiefen diesen plattformübergreifenden Ansatz. Beispiel: Du baust für einen Sportverein eine App, mit der Mitglieder Hallenzeiten buchen.

Themen