Vďaka úžasným funkciám sú učenie
a výučba programovania ľahké a zábavné

Thimble je plne funkčný editor kódu, ktorý beží v prehliadači. Je navrhnutý tak, aby novým kodérom pomohol vytvoriť ich vlastné stránky a webové projekty s použitím HTML, CSS a JavaScriptu. Všetko čo potrebujete máte na dosah svojich prstov.

Je to editor kódu, webový server, webový prehliadač a sada vývojárskych nástrojov v jednom - a je zdarma!

Zmeny vidíte okamžite

Tvorte a experimentujte rýchlejšie s Živým náhľadom. Zobrazuje zmeny vo vašom kóde ihneď.

Upravte akýkoľvek Thimble projekt

Páči sa vám projekt, ktorý vidíte? Upravte ho a vytvorte si svoju vlastnú verziu. Svoj projekt môžete taktiež poslať priateľom alebo študentom —s čím prídu oni?

Praktické úryvky kódu

Pracujte rýchlejšie s použitím užitočného zoznamu kúskov HTML, CSS a JavaScript kódu, ktoré môžete zahrnúť do svojho kódu.

Zabudovaná konzola JavaScriptu

Pracujete na nejakom JavaScripte? Vďaka zabudovanej konzole Thimblu je testovanie a ladenie vášho kódu jednoduchšie, než kedykoľvek predtým.

Pridávanie a správa súborov

Thimble funguje ako naozajstný webový projekt - môžete tvoriť, premenovávať, odstraňovať či dokonca nahrávať svoje vlastné súbory.

  • Prevezmite si svoj projekt vo formáte .zip a zobrazte si ho na vašom disku
  • Presuňte súbory zo svojho počítača priamo do Thimble

Zapnite alebo vypnite svetlo

Thimble obsahuje tmavú a svetlú tému vzhľadu, takže si môžete vybrať tú, ktorá sa k vám hodí najlepšie. Môžete taktiež upravovať ďalšie veci - napríklad veľkosť textu.

Sledujte a vytvárajte návody

Projekty môžu obsahovať návody, ktoré vám (alebo vašim študentom) pomôžu pri úpravách projektov.

Nechajte si poradiť pri písaní kódu

Nezasekávajte sa pri pokusoch zapamätať si množstvo pravidiel a syntaxe. Thimble vám napovie pri HTML, CSS a dokonca HTML súboroch.

Upravujte CSS priamo vo vašich HTML stránkach

Píšte CSS štýly bez prepínania z HTML stránky, ktorú práve upravujete. CSS štýly začnete písať presunutím kurzoru na značku prvku a stlačením Cmd/Ctrl + E.

Publikujte projekty na webe rýchlejšie

Svoje projekty môžete publikovať na web jediným kliknutím. Neskôr, ak urobíte nejaké zmeny, môžete projekt jednoducho aktualizovať.

Vyberajte farby priamo v editore

Farbu môžete vybrať tak, že umiestnite kurzor na akúkoľvek hodnotu farby v CSS súbore a stlačíte Cmd/Ctrl + E.

Otestujte svoj projekt na mobilnom zariadení

Prepnutie na režim mobilného náhľadu vám umožní zobraziť svoju prácu na mobilnom zariadení.

Nájdite HTML prvky rýchlo

Zapnite si DOM Inspector a prechádzajte cez rôzne prvky v náhľade. Thimble zvýrazní zodpovedajúci kód v HTML editore.

Filtre obrázkov

Oživte svoj projekt pridaním filtra. Mačky nikdy nevyzerali tak dobre!

Urobte si selfie

Pridajte svoju fotku na akúkoľvek stránku, na ktorej pracujete pomocou nástroja pre selfie — používa pri tom webkameru vášho počítača. Začnite písať značku <img src= do svojej HTML stránky a zobrazí sa vám výzva.