Die IDE kennenlernen – mein erster Block
Reihenfolge von Befehlen
Ein Minecraft-Podest
Lektion öffnen →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.
Reihenfolge von Befehlen
Ein Minecraft-Podest
Lektion öffnen →Sequenzen und Position
Eine Spur aus Markierungsblöcken
Lektion öffnen →Parameter eines Befehls
Ein einfaches Haus
Lektion öffnen →Schleifen
Eine Reihe Straßenlaternen
Lektion öffnen →Variablen und move by var
Ein parametrisierter Turm
Lektion öffnen →Zählvariable
Eine Stufenpyramide
Lektion öffnen →Funktionen und Aufrufe
Eine Säulenhalle
Lektion öffnen →Abstraktion und Wiederholung
Eine Häuserstraße
Lektion öffnen →if / else und Vergleiche
Farbmuster-Turm
Lektion öffnen →Verschachtelte Schleifen
Schachbrett / Pixel-Art
Lektion öffnen →Modularität, Speichern und Hinzuladen
Ein kleines Stadtviertel
Lektion öffnen →Planung, Debugging, Präsentation
Gemeinsame Minecraft-Stadt
Lektion öffnen →| Phase | Was passiert? |
|---|---|
| 1. Mission | Ein Minecraft-Bauproblem wird gestellt. |
| 2. Blockly | Die Kinder lösen es mit visuellen Blöcken. |
| 3. Vorschau | Das Ergebnis wird sofort im 3D-Viewer geprüft. |
| 4. JavaScript-Brücke | Der erzeugte JavaScript-Code wird mit den Blöcken verglichen. |
| 5. Challenge | Die Kinder verändern oder erweitern das Bauwerk selbstständig. |
| 6. Minecraft | Das fertige JavaScript wird heruntergeladen und mit JSMN ausgeführt. |
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.
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).