Harika özelliklerle kodlama öğrenmek
kolay ve eğlenceli

Thimble, tarayıcının içinde çalışan, yetenekli bir kod editörü. HTML, CSS ve JavaScript'e yeni başlayanların kendi sitelerini ve web tabanlı projelerini oluşturmalarına yardımcı oluyor. İhtiyacın olan her şeyi parmaklarının ucunda. Thimble ile projeni çabucak oluşturup hayata geçirebilirsin.

Kod editörü, web sunucusu, web tarayıcısı ve geliştirici araçları bir arada. Üstelik bedava!

Değişikliklerini anında gör

Canlı ön izleme sayesinde istediğin kadar deneme yanılma yapabilirsin. Kodda yaptığın değişiklikler anında görünür.

İstediğin Thimble projesini remiksle

Beğendiğin bir Thimble projesi mi var? Onu remiksleyerek üzerinde değişiklik yapabilirsin. Ayrıca projeni arkadaşlarına veya öğrencilerine göndererek onların da değişikli yapmalarını isteyebilirsin.

Hazır kod parçacıkları

Koduna ekleyebileceğin HTML, CSS ve JavaScript kod parçalarının listesini oluşturarak daha hızlı çalışabilirsin.

Bütünleşik JavaScript konsolu

JavaScript üzerinde mi çalışıyorsun? Thimble'ın bütünleşik konsolu sayesinde kodlarını test etmek ve hata ayıklamak daha kolay.

Dosyaları ekle ve yönet

Thimble gerçek bir web projesi gibi çalışır. Kendi dosyalarını oluşturabilir, adlarını değiştirebilir, silebilir ve bilgisayarından dosya yükleyebilirsin.

  • Projeni .zip dosyası olarak indirip kendi bilgisayarında görüntüleyebilirsin
  • Bilgisayarındaki dosyaları sürükleyip Thimble’a bırakabilirsin

Işıkları açıp kapat

Thimle açık ve koyu renk temayla birlikte gelir, bunlardan kendine en uygun olanı seçebilirsin. Ayrıca metin boyutu ve diğer ayarları da değiştirebilirsin.

Takip et ve gömülü öğreticiler oluştur

Projeler, değişiklik yaparken senin (ya da öğrencilerinin) öğrenimine yardımcı olan öğreticiler içerebilir.

Yazarken kod ipuçları al

Bir yığın kuralı ve sentaksı hatırlarmaya çalışırken takılma. Thimble, HTML, CSS ve hatta JavaScript dosyalarında ipuçları sağlar.

HTML sayfalarında CSS'yi doğrudan düzenle

Write CSS styles for your elements without switching away from the HTML page that you are editing. Put the text cursor on any element tag and hit Cmd/Ctrl + E to start writing CSS styles.

Projelerini hızlıca web'de yayımla

Sadece tek bir tıklamayla projelerini web'de yayınlayabilirsin. Düzenleme yaptıktan sonra, projeni kolaylıkla güncelleyebilirsin.

Editörden istediğin rengi seç

Put the text cursor on any color value in a CSS file and press Cmd/Ctrl + E to open the color picker.

Projeni mobil cihazda test et

Mobil ön izleme moduna geçiş yapman, çalışmanı dar bir cihazda görmeni sağlar. Sonrasında tam ekran ön izlemeyi etkinleştirerek büyük resmi görebilirsin.

HTML öğelerini çabucak bul

Turn on the DOM Inspector and hover over different elements in the preview. Thimble will highlight the related code in the HTML editor.

Resim filtreleri

Add some fun to your project by adding filters to your images. Cats never looked so good before!

Selfie çek

Add your mugshot to any page your're working on using Thimble's selfie tool—it uses your computer's webcam. Just start typing <img src= tag to your HTML page and you'll see a prompt.