Jsfiddle Nedir?

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nickalti
    Lightsaber
    Lightsaber's avatar
    Kayıt Tarihi: 29/Ağustos/2012
    Erkek

    "Şimdi aklınızda 2 tane soru işareti var: 1- JsFiddle nedir? 2- Nasıl kullanılır?"

    Forumdaki CSS,Js konularında syntax hightlighter rezaletine rağmen kullanılmamasına şaşırdığım için böyle bi konu açayım dedim.

    JSFiddle Html,Css ve javascript  kodlarının canlı önizlemesini görebildiğimiz, online düzenleme yapabildiğimiz harikulade bir araç.

    Kayıt olmadan da kullanabilirsiniz.

    Karşımıza böyle bir ekran çıkacak. HTML kısmına sadece HTML kodu yazılıyor, <html>, <head>,<script> taglerini koymak yasak. CSS kısmına CSS kodu, Javascript kısmına js kodu geliyor. Run dediğimizde canlı önizlemesini görebiliriz. Save diyerek fiddle'ın özel linkini adres satırından alabilirsiniz.

    Üstteki Tidy yazısına tıklayarak hizalamayı düzeltebilir, kayıtlı bir fiddle'ı değiştirdikten sonra Update butonuyla yeni versiyonu ayrıca kaydedebilirsiniz.

    "Ee ben müthiş bir web developer olarak Bootstrap, jQuery kullanıyorum, nasıl import edeceğim? Tek tek içlerini kopyala-yapıştır mı yapacağım?"  diyorsanız o iş için solda External Resources diye bir bölüm var, yapıştırıyorsun linki ekliyorsun istediğini.

    En sevdiğim özelliklerden biri ise Collaborate özelliği. Basınca sağda bir kutu çıkıyor, ortada da nasıl kullanacağınızı anlatan güzel bir slayt. Çıkan linki kopyalayıp istediğiniz kişi/kişilerle paylaşınca fiddle'ınıza giren insanlarla canlı olarak kodunuz üstünde çalışabiliyor, birbirinizin mouse hareketlerini dahi görebiliyor, chat üstünden yazışabiliyorsunuz, sesli görüşme de var ama denemedim hiç.

    "Ben hem web developerım hem de bloggerım, yazdığım kodları tutoriallarımda paylaşmak isterim." diyorsanız da embed kısmından nasıl görüneceğini özelleştirip embed kodunu istediğiniz yere gömebilirsiniz.

    Genel olarak JSFiddle böyle bir araç, kullanalım kullandıralım,sevelim sevdirelim.


    İnsan; insan olsaydı,insan olmazdı..
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    MhmdAlmz
    MhmdAlmz's avatar
    Kayıt Tarihi: 09/Ağustos/2015
    Erkek

    Debug edilebiliyor mu ? bunda ? yani console.log() kullanmadan verileri adım adım izleyebiliyor muyum ?


    Andolsun kuşluk vaktine ve dindiği zaman o geceye ki, Rabbin sana veda etmedi ve darılmadı! Ve kesinlikle senin için sonu önünden (ahiret dünyadan) daha hayırlıdır. ileride Rabbin sana verecek de hoşnut olacaksın! O, seni bir yetim iken barındırmadı mı? Seni, yol bilmez iken (doğru) yola koymadı mı? Seni bir yoksul iken zengin etmedi mi? Öyle ise, sakın yetime kahretme (onu horlama)! El açıp isteyeni de azarlama! Fakat Rabbinin nimetini anlat da anlat!
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nickalti
    Lightsaber
    Lightsaber's avatar
    Kayıt Tarihi: 29/Ağustos/2012
    Erkek
    MhmdAlmz bunu yazdı

    Debug edilebiliyor mu ? bunda ? yani console.log() kullanmadan verileri adım adım izleyebiliyor muyum ?

    debugtan kastın sadece önizlemeyse evet, ancak arkaplanda dönenleri görmek istiyorsan zaten günümüzde her tarayıcıda olan developer tools'u kullanabilirsin.


    İnsan; insan olsaydı,insan olmazdı..
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nick6
    0x656e
    0x656e's avatar
    Kayıt Tarihi: 19/Mayıs/2012
    Homo

    Otomatik bir şekilde mesela bootstrap.min.css de sattır koymuyorlar ya onları satır satır açıyorsa öperim seni :D 

  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nickalti
    Lightsaber
    Lightsaber's avatar
    Kayıt Tarihi: 29/Ağustos/2012
    Erkek
    0x656e bunu yazdı

    Otomatik bir şekilde mesela bootstrap.min.css de sattır koymuyorlar ya onları satır satır açıyorsa öperim seni :D 

    https://jsfiddle.net/7tcyz3zL/

    Tidy'e bas bakalım

     


    İnsan; insan olsaydı,insan olmazdı..
Toplam Hit: 1347 Toplam Mesaj: 5
jsfiddle online kod editörü