JSMN Blockly Kurs

12 Einheiten für webscriptcraft

Mit Blockly programmieren – und in Minecraft bauen

Die Kinder stecken zunächst visuelle Blöcke zusammen, prüfen ihr Bauwerk in der 3D-Vorschau und entdecken anschließend den erzeugten JavaScript-Code. So führt der Kurs schrittweise vom visuellen Programmieren zu echten Programmierkonzepten.

JSMN IDE öffnen →

12 aufeinander aufbauende Lektionen

Lektion 1

Die IDE kennenlernen – mein erster Block

Reihenfolge von Befehlen

Ein Minecraft-Podest

Lektion öffnen →
Lektion 2

Die Drohne bewegt sich

Sequenzen und Position

Eine Spur aus Markierungsblöcken

Lektion öffnen →
Lektion 5

Variablen – Zahlen bekommen Namen

Variablen und move by var

Ein parametrisierter Turm

Lektion öffnen →
Lektion 7

Eigene Funktionen als Bausteine

Funktionen und Aufrufe

Eine Säulenhalle

Lektion öffnen →
Lektion 8

Funktionen + Schleifen kombinieren

Abstraktion und Wiederholung

Eine Häuserstraße

Lektion öffnen →
Lektion 9

Logik: Programme treffen Entscheidungen

if / else und Vergleiche

Farbmuster-Turm

Lektion öffnen →
Lektion 10

Zwei Schleifen – ein Spielfeld

Verschachtelte Schleifen

Schachbrett / Pixel-Art

Lektion öffnen →
Lektion 11

Mehrere Modelle kombinieren

Modularität, Speichern und Hinzuladen

Ein kleines Stadtviertel

Lektion öffnen →
Lektion 12

Abschlussprojekt – Unsere Blockly-Stadt

Planung, Debugging, Präsentation

Gemeinsame Minecraft-Stadt

Lektion öffnen →

Unterrichtskonzept

PhaseWas passiert?
1. MissionEin Minecraft-Bauproblem wird gestellt.
2. BlocklyDie Kinder lösen es mit visuellen Blöcken.
3. VorschauDas Ergebnis wird sofort im 3D-Viewer geprüft.
4. JavaScript-BrückeDer erzeugte JavaScript-Code wird mit den Blöcken verglichen.
5. ChallengeDie Kinder verändern oder erweitern das Bauwerk selbstständig.
6. MinecraftDas fertige JavaScript wird heruntergeladen und mit JSMN ausgeführt.

Empfohlene Progression

Lektionen 1–3: fast ausschließlich Blockly. 4–7: Blockly plus kurze Blicke auf den erzeugten Code. 8–12: Die Kinder sollen zunehmend erklären können, welcher JavaScript-Code hinter ihren Blöcken steckt.

Besonders wertvoll: Die 3D-Vorschau macht Debugging sichtbar. Ein Fehler ist nicht nur eine rote Meldung – häufig steht ein Bauteil einfach am falschen Ort. Daraus kann man sehr gut Fragen zu Programmzustand und Reihenfolge entwickeln.

Installation im Repository

Der Kurs wird von der Workshop-Homepage ausgeliefert (Repo javascriptMinecraftWorkshopServer), die JSMN IDE separat vom Repo webscriptcraft:

homepage/html/
  index.html      (Workshop-Startseite)
  kurs/
    index.html
    assets/style.css
    lektionen/...

Da Kurs und IDE auf unterschiedlichen Hosts laufen, wird der IDE-Link auf jeder Kursseite beim Container-Start per envsubst aus der IDE_URL-Umgebungsvariable gesetzt (siehe homepage/entrypoint.sh).