Funktion

Der Live-Code-Editor für Ihre Schulungen

Sie tippen, der ganze Raum folgt Zeile für Zeile. Gleichzeitig hat jede Person ihren eigenen Editor, führt ihr Programm im Browser aus, und am Ende sammeln Sie die Arbeit aller ein. Nichts zu installieren, weder bei Ihnen noch bei ihnen.

Kostenlos starten →
  • Keine Kreditkarte
  • Kostenlos ohne Zeitlimit
  • Konto in unter einer Minute erstellt
  • Ihre Teilnehmenden brauchen kein Konto
30 Werkzeuge in einem Raum Qualität Anwesenheit und Zufriedenheit inklusive EU in der EU bei OVH gehostet, DSGVO-konform Export Ihre Daten jederzeit abrufbar

Ein gemeinsamer Code-Editor, ohne Installation

Eine Gruppe zum Programmieren zu bringen beginnt immer mit derselben verlorenen halben Stunde: Python installieren, eine Version klären, ein Antivirenprogramm freischalten, die eine Person retten, deren Editor nicht startet. Der Code-Editor von EduTools spart diesen Schritt — er lebt im Browser, und Ihre Teilnehmenden kommen mit einem Raumcode oder einem QR-Code hinein.

Sie öffnen eine Sitzung und tippen Ihr Beispiel: es erscheint bei allen, während Sie schreiben. Jede Person hat zusätzlich ihren eigenen Editor und arbeitet darin, sobald Sie es sagen — ohne Ihren aus dem Blick zu verlieren.

Der Code läuft wirklich, im Browser

Ein Editor, der nichts ausführt, taugt nur zum Abschreiben. Hier führt die Schaltfläche Ausführen das Programm tatsächlich aus: print, input, if, for, while, Funktionen, Listen und Dictionaries. Die Konsole zeigt die Ausgabe und stellt die Fragen des Programms, wie ein echtes Terminal.

Alles geschieht im Browser derjenigen Person, die den Code geschrieben hat. Auf unseren Servern läuft nichts, und das Programm einer teilnehmenden Person erreicht nichts außer der eigenen Seite. Eine Endlosschleife — der Anfängerfehler schlechthin — wird von selbst abgebrochen, statt den Rechner lahmzulegen.

Python, SQL, JavaScript, HTML und CSS

Vier Sprachen laufen wirklich. Python und JavaScript geben ihre Ausgabe in der Konsole aus. SQL befragt eine echte SQLite-Datenbank, vorab gefüllt mit Kunden, Produkten und Bestellungen: Ihre Teilnehmenden schreiben SELECTs, Joins und Gruppierungen und lesen das Ergebnis in Spalten. HTML und CSS werden dagegen angezeigt: die Seite erscheint unter dem Code.

Bei einer HTML-Demonstration sehen Ihre Teilnehmenden, wie sich Ihre Seite verändert, während Sie das Styling anpassen — das ersetzt jede Erklärung.

PHP, Java, C, C++ und C# stehen ebenfalls bereit, mit Syntaxhervorhebung: sie laufen nicht im Browser, aber Ihre Teilnehmenden schreiben sie, und Sie holen die Dateien ab.

Was Sie tun können

⚡

Ihr Code, live

Was Sie tippen, erreicht alle Teilnehmenden bei jeder Pause, ohne dass sie etwas neu laden müssen.

👥

Ein Editor pro Person

Alle arbeiten in ihrer eigenen Kopie, die von Ihrem Beispiel ausgeht, und behalten Ihren daneben — oder blenden ihn aus.

▶️

Ausführung im Browser

print, input, Bedingungen, Schleifen und Funktionen laufen wirklich — und SQL-Abfragen auf einer echten Datenbank. Nichts zu installieren.

🎨

HTML- und CSS-Vorschau

Die Seite entsteht unter dem Code: ideal, um live zu zeigen, was eine CSS-Eigenschaft bewirkt.

📥

Sie sammeln alles ein

Die Arbeit jeder Person ist in Ihrem Backoffice abrufbar, einzeln oder als ein einziges Archiv herunterladbar.

🔒

Aufmerksamkeit zurückholen

Ein Klick, und alle sind wieder im Lesemodus und bei Ihnen. Die Kopien gehen nicht verloren: sie kommen zurück, sobald Sie sie freigeben.

Der Code-Editor in Bildern

Eine Sitzung aus Sicht der Lehrkraft, dieselbe aus Sicht einer teilnehmenden Person, und die Vorschau einer HTML-Seite.

Die Sitzung, Sicht der Lehrkraft

Das Programm läuft in der Konsole: die Fragen von input(), die eingegebenen Antworten, dann das Ergebnis. Der Code erreicht den Raum bei jeder Pause.

Zwei Editoren, ein Bildschirm

Links die eigene Kopie, in der frei geschrieben wird; rechts Ihre, live und nur lesbar, mit einem Klick ausgeblendet, wenn Ruhe gebraucht wird.

Die HTML- und CSS-Vorschau

Die Seite erscheint unter dem Code, mit Farben, Abständen und Schatten. Eine Eigenschaft ändern, erneut anzeigen, den Unterschied sehen.

SQL, auf einer echten Datenbank

SQLite läuft im Browser, auf einer vorab geladenen Beispieldatenbank. Ergebnisse erscheinen in Spalten, wie in einem SQL-Client.

Wann einsetzen?

Eine Gruppe Code schreiben lassen

Eine Code-Sitzung ist in zwei Minuten vorbereitet und läuft ohne jede Installation, weder bei Ihnen noch bei den Teilnehmenden.

  1. Editor anlegen und Sprache wählen

    Wählen Sie unter „+ Erstellen“ den Code-Editor. Geben Sie einen Titel, die Sprache — Python, JavaScript oder HTML/CSS — und den Raum an, in dem Ihre Teilnehmenden dazukommen.

  2. Beispiel schreiben — der Raum folgt

    Schreiben Sie Ihr Beispiel. Es erreicht den Raum bei jeder Pause: niemand muss neu laden. Ihre Teilnehmenden sehen es in einem Bereich neben ihrem eigenen Editor.

  3. Vor der Gruppe ausführen

    Klicken Sie auf „Ausführen“, um das Programm vor der Gruppe laufen zu lassen. Die Konsole zeigt das Ergebnis, und die Fragen von input() warten auf Ihre Antwort, wie in einem Terminal.

  4. Alle in ihrer eigenen Kopie arbeiten lassen

    Lassen Sie sie arbeiten: alle schreiben in ihrer Kopie, führen sie aus und blenden Ihren Editor aus, wenn sie mehr Platz brauchen. Für die Aufmerksamkeit genügt „Aufmerksamkeit zurückholen“, und alle sind wieder im Lesemodus.

  5. Die Arbeit der Sitzung einsammeln

    Am Ende führt „Code der Teilnehmenden“ alle Arbeiten zusammen. Sie lesen sie, laden sie einzeln herunter oder nehmen die ganze Gruppe als ein Archiv mit.

Tipps

  • Bereiten Sie Ihr Beispiel vorher vor, in einer Sitzung ohne Raum: sie dient als Entwurf, den niemand sieht.
  • Eine Endlosschleife wird automatisch abgebrochen — sagen Sie es Ihren Teilnehmenden, dann trauen sie sich mehr.
  • Ändern Sie in HTML/CSS eine Farbe und zeigen Sie erneut an: die Seite sich verändern zu sehen ersetzt jede lange Erklärung.
  • Der Editor deckt die Grundlagen ab. Tkinter, Dateien und externe Bibliotheken brauchen eine installierte Umgebung: planen Sie das in Ihrem Kursverlauf ein.

Häufige Fragen

Muss auf den Rechnern etwas installiert werden?
Überhaupt nichts. Editor und Ausführung leben im Browser. Ihre Teilnehmenden öffnen einen Link oder scannen einen QR-Code und schreiben binnen einer Minute Code — auch auf einem von der IT gesperrten Rechner.
Welche Sprachen stehen zur Verfügung?
Vier Sprachen laufen: Python und JavaScript mit Ausgabe in einer Konsole, SQL auf einer mitgelieferten SQLite-Datenbank, HTML/CSS als Seite dargestellt. Fünf weitere gibt es nur mit Syntaxhervorhebung — PHP, Java, C, C++ und C# — zum Schreiben und Einsammeln der Dateien. Jede Datei trägt die passende Endung: .py, .sql, .java…
Sind grafische Oberflächen, Dateizugriff oder Bibliotheken möglich?
Nein, und das ist bewusst so: der Editor deckt die Grundlagen ab — Ausgabe, Eingabe, Bedingungen, Schleifen, Funktionen, Listen, Dictionaries, Klassen sowie math und random. Tkinter, Dateizugriff, Netzwerk oder Bibliotheken wie NumPy sind nicht verfügbar. Dafür bleibt eine installierte Umgebung nötig.
Was passiert bei einer Endlosschleife?
Das Programm wird nach wenigen Sekunden automatisch abgebrochen, mit einer Meldung, die erklärt warum. Es ist der häufigste Anfängerfehler, und er blockiert weder den Rechner noch die Sitzung. Eine Schaltfläche Anhalten steht zusätzlich jederzeit bereit.
Wie sammle ich den Code aller ein?
Eine Seite in Ihrem Backoffice führt die erstellten Codes zusammen, Raum für Raum. Sie lesen die Arbeit jeder Person, laden sie einzeln herunter oder nehmen die ganze Gruppe als ein Archiv mit.
Ist der Code-Editor im kostenlosen Tarif enthalten?
Der kostenlose Tarif erlaubt eine Code-Sitzung — genug, um ihn mit einer echten Gruppe auszuprobieren. Die kostenpflichtigen Tarife heben diese Grenze auf.

Auch interessant

WARUM EDU-TOOLS?

Alles, was Sie brauchen, um
zu moderieren, zu schulen, zu verfolgen und zu belegen

Eine einzige Plattform statt Präsentation, Quiz-Tool, Formularen, Dateiablage und Anwesenheitsliste.

Schluss mit verstreuten Werkzeugen!

  • Microsoft PowerPoint
  • Kahoot!
  • Google Forms
  • Google Drive
  • YouTube
  • Microsoft Excel
  • Zu viele verschiedene Werkzeuge
  • Zeitverlust beim Wechseln zwischen ihnen
  • Verstreute Daten, die sich nicht abgleichen lassen
  • Nachweise, die von Hand zusammengetragen werden müssen

Bereit zum Ausprobieren?

Erstellen Sie Ihr kostenloses Konto in wenigen Minuten. Keine Kreditkarte, keine Installation für Ihre Teilnehmenden.

Kostenlos starten →