Úžasné funkce dělají učení se
a výuku kódu jednoduchou & zábavnou

Thimble je plně funkční editor kódu, který běží v prohlížeči. Je připravený tak, aby novým kodérům pomohl vytvořit jejich vlastní stránky a webové projekty s využitím HTML, CSS & JavaScriptu. Potřebujete jen své prsty, sebe (nebo svojí třídu) a můžete začít s učením.

Je to editor kódu, webový server, webový prohlížeč & vývojářské nástroje v jednom—a je zdarma!

Změny vidíte okamžitě

Vytvářejte a experimentujte rychleji s Živým náhledem. Zobrazuje změny ve vašem kódu ihned.

Upravte jakýkoliv projekt Thimble

Líbí se vám projekt Thimble, který vidíte? Upravte ho a vytvořte vaši vlastní verzi. Svůj projekt můžete také odeslat přátelům nebo studentům—s čím přijdou oni?

Praktické úryvky kódu

Pracujte rychleji s použitím užitečného seznamu kousků HTML, CSS & JavaScript kódu, které můžete zahrnout do svého kódu.

Zabudovaná konzole JavaScriptu

Pracujete na nějakém JavaScriptu? Vestavěná konzole Thimblu dělá testování a ladění vašeho kódu jednodušší, než kdy předtím.

Přidávání a správa souborů

Thimble funguje jako opravdový webový projekt, můžete vytvářet, přejmenovat, mazat a dokonce i nahrávat své vlastní soubory.

  • Stáhněte si váš projekt ve formátu .zip a zobrazte si ho na vašem disku
  • Přetáhněte soubory z vašeho počítače přímo do Thimblu

Vypněte nebo zapněte světlo

Thimble je vybaven tmavým a světlým motivem, takže si můžete vybrat dle vlastního vkusu. Můžete si také změnit další volby, jako je například velikost textu.

Sledujte a vytvářejte vlastní návody

Projekty mohou mít návody, které vám (nebo vašim studentům) pomáhají, zatímco děláte v projektech změny.

Získejte nápovědu v kódu při psaní

Nezasekávejte se při pokusech zapamatovat si spoustu pravidel a syntaxe. Thimble vám bude napovídat v HTML, CSS a dokonce i JavaScript souborech.

Upravujte CSS přímo ve vašich HTML stránkách

Pište CSS styly bez přepínání z HTML stránky, kterou právě upravujete. Pro úpravu CSS stylů umístěte textový kurzor na značku prvku a stiskněte Cmd/Ctrl + E.

Publikujte projekty na web rychleji

Své projekty můžete publikovat na web pouze jediným kliknutím. Pokud potom uděláte nějaké změny, můžete projekt jednoduše aktualizovat.

Vybírejte barvy přímo v editoru

Pro otevření výběru barvy umístěte textový kurzor na jakoukoli hodnotu barvy v CSS souboru a stiskněte Cmd/Ctrl + E.

Otestujte si projekt pro mobilní zařízení

Přepnutí na režim mobilního náhledu vám dovolí zobrazit vaši práci na úzkém zařízení. Poté si můžete zapnout náhled na celé zobrazovce pro získání velkého obrázku.

Vyhledávejte HTML prvky rychle

Zapněte si DOM inspektor a přejíždějte přes odlišné prvky v náhledu. Thimble odpovídající kód zvýrazní v HTML editoru.

Obrázkové filtry

Rozveselte obrázky ve svém projektu přidáním filtrů. Kočky už nebudou vypadat jako dříve!

Vyfoťte si selfie

Přidejte svoji fotku na jakoukoli stránku, na které pracujete, díky Thimble nástroji pro selfie—používá webkameru vašeho počítače. Začněte psát <img src= značku do vaší HTML stránky a uvidíte výzvu.