JavaScript Baseline

The best way to get started with JavaScript for modern web frameworks

workshops.de

Getting Started

• Voraussetzungen: Node (LTS) ist installiert.
• Nur klonen (Es ist keine Installation von Abhängigkeiten erforderlich):

git clone https://github.com/workshops-de/javascript-baseline.git
cd javascript-baseline

JavaScript mit Node ausführen

Mit einem geöffneten Terminal im Verzeichnis javascript-baseline ...

node ./<lektion>/problem.js`

Kurz und prägnant: Dieses Repository enthält Lernmodule mit kurzen Übungen und Referenzlösungen.

Lektionen

Verzeichnis	Thema	Kurzbeschreibung
destructuring/	Object Destructuring	Eigenschaften von Objekten direkt in Variablen übernehmen (inkl. Default-Werte, Umbenennung, verschachteltes Destructuring)
spread-operator/	Spread Operator (...)	Arrays/Objekte auseinanderziehen, kopieren, zusammenführen und in Funktionsaufrufen verwenden
modules/	JavaScript Modules (ESM)	Exports/Imports, Modul-APIs und Analogien zu C#/Python/Java
arrays/	Arrays in JavaScript	Grundlagen, mutable vs. non-mutating Methoden und neue ES2023-Methoden (change-by-copy)
promises/	Promises in JavaScript	Promise-Grundlagen, Zustände und then/catch/finally sowie Promise-Chains
async-await/	async / await in JavaScript	async/await-Syntax, Fehlerbehandlung, Promise.all und parallele vs. serielle Ausführung

Projektstruktur (Konvention)

• Jede Lektion liegt in einem eigenen Verzeichnis.
• In jedem Verzeichnis gibt es:
  • README.md — Know‑how & kurze Erklärungen zur Lektion
  • problem.js — Übungsaufgabe (zu lösen)
  • solution.js oder solution/ — Referenzlösung(en)

Wie benutzt man die Übungen

1. Öffne das Verzeichnis der Lektion, z. B. cd destructuring

2. Öffne problem.js und löse die Aufgabe, ohne die Lösung zu öffnen.

3. Nachdem du die Aufgabe gelöst hast, teste das Ergebnis mit Node (aus dem Projekt-Root):

   node ./destructuring/problem.js

   Nach dem Lösen kannst du zur Kontrolle die Referenzlösung ausführen:

   node ./destructuring/solution.js