Tolle Funktionen sorgen dafür, dass Lernen
und Lehren von Programmieren einfach ist und Spaß macht

Thimble ist ein Quelltexteditor mit umfangreichen Funktionen, der direkt im Browser ausgeführt wird. Damit können neue Programmierer mit HTML, CSS und JavaScript ihre eigenen Websites und Web-basierten Projekte entwickeln. Alles Notwendige ist in Reichweite, sodass Sie (oder Ihre Klasse) schnellstmöglich anfangen können.

Es enthält Quelltexteditor, Web-Server, Webbrowser und Entwicklerwerkzeuge in Einem – und es ist kostenlos!

Änderungen werden direkt angezeigt

Dank Live-Vorschau können Sie Inhalte schneller erstellen und damit experimentieren. Änderungen an Ihrem Quelltext werden direkt angezeigt.

Beliebige Thimble-Projekte modifizieren

Gefällt Ihnen ein Thimble-Projekt? Modifizieren Sie es und machen Sie Ihr eigenes Projekt daraus. Sie können Ihre Projekte auch an Freunde oder Studenten schicken – was machen sie wohl daraus?

Praktische Quelltext-Schnipsel

Arbeiten Sie schneller, indem Sie eine praktische Liste aus Quelltext-Schnipseln mit HTML, CSS und JavaScript nutzen, die Sie in Ihren Quelltext einbauen können.

Integrierte JavaScript-Konsole

Arbeiten Sie an JavaScript? Thimbles eingebaute Konsole macht Testen und Korrigieren Ihres Quelltextes einfacher als je zuvor.

Dateien hinzufügen und verwalten

Thimble funktioniert wie ein echtes Web-Projekt, wo Sie Ihre Dateien erstellen, umbenennen, löschen und sogar hochladen können.

  • Laden Sie eine .zip-Datei Ihres Projekts herunter und öffnen Sie sie von Ihrer Festplatte
  • Sie können Dateien von Ihrem Rechner zu Thimble ziehen und ablegen

Lichter an- und ausschalten

Thimble bietet ein dunkles und ein helles Erscheinungsbild, sodass Sie wählen können, was Ihnen besser gefällt. Sie können auch andere Optionen wie die Textgröße anpassen.

Folgen und eingebettete Anleitungen erstellen

Projekte können über Anleitungen verfügen, die Ihnen (oder Ihren Studenten) helfen, wenn Änderungen an den Projekten durchgeführt werden.

Quelltext-Vorschläge beim Eintippen anzeigen

Auch wenn Sie sich Regeln und Syntax nicht merken können, bleiben Sie nicht stecken. Thimble macht Ihnen Vorschläge in HTML-, CSS- und sogar JavaScript-Dateien.

CSS direkt in Ihrem HTML-Seiten bearbeiten

Schreiben Sie CSS-Stile für Ihre Elemente ohne die HTML-Seite zu verlassen, die Sie bearbeiten. Bewegen Sie die Schreibmarke an ein beliebiges Element-Tag und drücken Sie Befehl/Strg + E, um CSS-Stile einzugeben.

Projekte schnell im Internet veröffentlichen

Sie können mit einem einzigen Klick Ihre Projekte im Internet veröffentlichen. Wenn Sie später Änderungen vornehmen möchten, können Sie Ihr Projekt einfach aktualisieren.

Farben direkt im Editor auswählen

Setzen Sie die Schreibmarke auf einen beliebigen Farbwert in einer CSS-Datei und drücken Sie Befehl/Strg + E, um den Farbwähler zu öffnen.

Ihr Projekt auf einem Mobilgerät testen

Wenn Sie auf die mobile Vorschau wechseln, sehen sie Ihre Arbeit auf einem schmalen Gerät. Aktivieren Sie dann wieder die Gesamtansicht, um alles zu sehen.

Schnell HTML-Elemente finden

Aktivieren Sie den DOM-Inspektor und bewegen Sie den Mauszeiger über verschiedene Elemente in der Vorschau. Thimble hebt den entsprechenden Quelltext im HTML-Editor hervor.

Grafikfilter

Machen Sie Ihr Projekt lustiger, indem Sie Filter auf Ihre Grafiken anwenden. Katzen sahen vorher noch nie so gut aus!

Ein Selfie machen

Nutzen Sie Thimbles Selfie-Werkzeug und stellen Sie ein Foto von sich auf eine Seite, an der Sie arbeiten – es nutzt die Webcam Ihres Computers. Tippen Sie einfach den Tag <img=src= in Ihre HTML-Seite und es erscheint eine Abfrage.