A nagyszerű funkciók könnyűvé és
szórakoztatóvá teszik a kódolás tanulását és tanítását

A Thimble egy teljes körű kódszerkesztő, közvetlenül a böngészőben. Arra tervezték, hogy segítsen az új programozóknak elkészíteni a saját weblapjukat, és webes projektjeiket; HTML, CSS és JavaScript használatával. Minden a kezed ügyében van, így olyan gyorsan elindulhatsz (vagy elindulhattok), amilyen gyorsan csak lehet.

Egyben kódszerkesztő, webkiszolgáló, webböngésző és fejlesztőeszköz – ráadásul ingyenes!

Lásd azonnal a változtatásaidat

Hozz létre, és kísérletezz gyorsabban az Élő előnézettel. Azonnal megjeleníti a kódod változásait.

Dolgozd át bármelyik Thimble projektet

Tetszik egy Thimble projekt amit megláttál? Dolgozd át, és hozd létre a saját változatod. El is küldheted a projektedet a barátaidnak vagy diákjaidnak – ők mivel tudnak előállni?

Hasznos kódrészletek

Dolgozz gyorsabban a praktikus HTML, CSS és JavaScript kódrészletekkel, melyeket beszúrhatsz a kódodba.

Beépített JavaScript konzol

JavaScripten dolgozol? A Thimble beépített konzolja könnyebbé teszi a kód nyomkövetését, mint valaha.

Fájlok hozzáadása és kezelése

A Thimble úgy működik, mint egy igazi webes projekt: létrehozhatod, átnevezheted, törölheted, sőt, még fel is töltheted a saját fájljaid.

  • Töltse le a projekted .zip fájlként, és nézd meg a helyi lemezeden
  • Húzd át a fájljaid a számítógépről a Thimblebe

Kapcsold be és ki a fényeket

A Thimble egy sötét és egy világos témával érkezik, válaszd a neked megfelelőt. Más beállításokat is módosíthatsz, mint például a szöveg méretét.

Kövess és hozz létre beágyazott oktatóanyagokat

A projektekhez tartozhatnak oktatóanyagok, amelyek segítenek neked (vagy a tanulóidnak), hogy tanuljanak, miközben módosítanak a projekten.

Kapj tippeket a kódhoz gépelés közben

Ne akadj el ott, hogy megpróbálsz sok szabályt és szintaxist megjegyezni. A Thimble javaslatokat ad a HTML, CSS, és még a JavaScript fájlokban is.

Szerkeszd a CSS-t közvetlenül a HTML oldalaidban

Írj CSS stílusokat az elemeidhez, anélkül hogy átváltanál a HTML oldalról, amit épp szerkesztesz. Vidd a szöveg kurzort bármelyik elem címkére, és nyomd meg a Cmd/Ctrl + E billentyűkombinációt a CSS stílus írásának megkezdéséhez.

Tegyél közzé gyorsan projekteket a weben

Egyetlen kattintással közzéteheted a projektjeidet. Később, ha változtatsz rajta, akkor könnyen frissítheted a projekted.

Válassz színeket közvetlenül a szerkesztőben

Vidd a szöveg kurzort bármelyik színértékre egy CSS fájlban, és nyomd meg a Cmd/Ctrl + E billentyűkombinációt a színválasztó megnyitásához.

Teszteld a projektedet egy mobileszközön

A mobil előnézeti módba váltással megnézheted a munkád egy keskeny eszközön. Aztán, kapcsold be a teljes képernyős előnézetet a nagy képes módhoz.

Találd meg gyorsan a HTML elemeket

Kapcsold be a DOM vizsgálót, és vidd az egeret az előnézet különböző elemeire. A Thimble kiemeli a kapcsolódó kódot a HTML szerkesztőben.

Képszűrők

Adj némi mókát a projektedhez a képszűrők használatával. A macskák sosem néztek ki ilyen jól!

Szelfi készítése

Add hozzá a fényképedet bármely oldalhoz, amin éppen dolgozol: használd a Thimble szelfi eszközt – a számítógéped webkameráját használja. Kezdd el begépelni a <img src= címkét a HTML oldaladon, és máris felugrik a lehetőség.