JavaScript Grundlagen (ca. 7 Tage)
Einführung
Einbinden in HTML-Seiten
Sprachelemente
Variablen, Konstanten und Datentypen
Operatoren
Kontrollstrukturen
Bedingte Anweisungen
Schleifen
Funktionen
Arrays
Objekte
Cookies
Webstorage
Fehlerbehandlungen

DOM-Manipulation mit JavaScript (ca. 3 Tage)
Grundlagen
HTML-Selektieren
Inhalt und Attribute
Styling
Events
DOM-Elemente anlegen
DOM-Elemente kopieren, verschieben, löschen

AJAX  (ca. 3 Tage)
Einführung
Funktionsweise
Voraussetzungen
http-Anfragen
XMLHttpRequest-Objekt
Synchrone und asynchrone Requests
Web Services/Übertragungen:
– JSON
– XML/XML-Response

Frameworks/Libraries (ca. 2 Tage)
Eigene Bibliothek erstellen
jQuery
Vor- und Nachteile

Projektarbeit (ca. 5 Tage)
zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse

JavaScript Vertiefung (ca. 6 Tage)
Programmierrichtlinien
ECMA-Script Versionen
Globaler und lokaler Scope, Blockscope
Arrow-Funktionen, Unterschied zu klassicher Syntax
DOM: das Event-Objekt
Rest-Parameter
Array-Methode
High-Order-Funktionen für Arrays
Spread-Syntax, Destructuring
Objekte anlegen mit Konstruktoren, Klassen, Factories
Getter und Setter, Dynamische Attribute
Prototyping, Objekte vererben
Maps- und Set-Collection anlegen und verwalten
Iteratoren und Generatoren

NodeJS (ca. 4 Tage)
Aufbau und Installation
Module
NPM
Webserver erstellen (Express)
Eigene Middleware
REST-Methoden
GET und POST
Datenübertragung
Dateien auf Server hochladen
Kommunikation mit mySQL-Datenbank
Fetch-Syntax für AJAX-Anfragen
Promise für asynchrone Funktionen
Websockets
Canvas-Element
Formen zeichnen
Füllmethoden
Pixelgrafiken einbinden und animieren

Single Page Application (ca. 3 Tage)
ReactJS:
- Einführung, theoretische Betrachtung, Installation
- Virtuelle DOM Funktionsweise und Vorteile
- Komponenten, Verschachtelung, Parameterübergabe
- Inhaltsupdate, Eventlistener
VueJS:
- Einführung, theoretische Betrachtung
- Virtuelles DOM, Bidirektionale Datenbindung
- Expressions, Direktiven, Bindings
- Eigene Direktiven, Computed Properties Komponenten

Projektarbeit (ca. 7 Tage)
zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse

React JavaScript-Bibliothek:

Moderne JavaScript Frameworks und Bibliotheken (ca. 2 Tage)
Grundlagen moderner Frontend-Frameworks
Vergleich verschiedener Frameworks
Kombination von Frameworks

Grundlagen React (ca. 3 Tag)
Anwendungsstruktur
Komponenten
Virtual DOM
One Way Data Flow

React-Komponenten (ca. 4 Tage)
Komponenten und deren Eigenschaften
Funktionen und Klassen
Status und Lebenszyklus
Hierarchien von Komponenten
Interaktive Komponenten
Event-Modell und -Verarbeitung
Kommunikation zwischen Komponenten
Formulare erstellen und validieren
Überblick über das Redux-Ökosystem

JSX (ca. 3 Tage)
JavaScript Ausdrücke
Listen
Style-Angaben
Render-Verhalten

Anwendungen (ca. 3 Tage)
Serveranbindung
React Router
Flux und Redux
Serverseitiges Rendering

Projektarbeit (ca. 5 Tage)
zur Vertiefung der gelernten Inhalte
Präsentation der Projektergebnisse