folder Tahribat.com Forumları
linefolder Html - CSS - XML - JavaScript - Ajax
linefolder [Döküman] - Zen Coding İle Hızlı Kodlama



[Döküman] - Zen Coding İle Hızlı Kodlama

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    dyrnade
    dyrnade's avatar
    Kayıt Tarihi: 27/Temmuz/2009
    Erkek

    Tanıtım

    İlk olarak Zen-Coding 'ten biraz bahsedelim.Zen-Coding , aynı text-expander daki gibi kod kısayollarıyla belirli bir kod ' un kısa bir surede yazılmasını sağlar.Yani mesela Netbeans'te for yazıp taba bastıgımızda nasıl karşımıza tam bir for döngüsü çıkarıyorsa oluşturuyorsa aynı işlemi sağlıyor tabi Java veya C++ için değil.Şu an için HTML,CSS,HAML,XML/XSL destekliyor.

    İndirme

    Şimdi ilk Zen-Coding ' i nerde buluruz nerden indiririz.

    Zen-Coding Anasayfası : http://code.google.com/p/zen-coding/ buraya girip kullandığınız editöre göre seçim yapabilirsiniz.Şu an Netbeans , Gedit,Vim vs.. için mevcut.

    Bir kaç Editor için kurulum

    Netbeans'te kurmak isterseniz indirdiğiniz zip'i Menüde Tools > Options bölümünden açılan ekranda sol en altta Export(Dışa Aktar) ve Import(İçe Aktar) diye iki ifade görüceksiniz.Importa tıklayın ve Browse diyip indirdiğiniz zip dosyasını seçin daha sonrada tümünü işaretleyip Tamam diyin.Kurulum tamamlanmıştır.Zen-Coding için otomatik tamamlama kısayolu Tab tuşu.

    Notepad++'te kurmak istersekte indirdiğimiz dosyayı Notepad++'in kurulu olduğu dizine açmamız yeterli.Eğer bi sorun yoksa Notepad++'i açtığınızda üst menude Zen-Coding diye bölümü gormeniz lazım.Zen-Coding için otomatik tamamlama kısayolu CTRL+E kombinasyonu.

    E-TextEditordeyse otomatik olarak kurulu geliyor başka bir işlem yapmanıza gerek yok.Zen-Coding için otomatik tamamlama kısayolu CTRL+E kombinasyonu.

    Örnekler

    Zen-Coding ' i kullanabilmek için tabikide belirli kurallar var.
    classlar için ; nokta( . ) kullanılır
    id'ler için ; ( # )
    iç içe oluşturmak için ; ( > )
    ard arda farklı oluşturmak için ; ( + )

    Örneğin :

    Zen Coding İle Yazılan Kod : 

    div#page>div.logo+ul#navigation>li*5>a

     

    Sonuç :

     

    <div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>

     

    Aşağıdaki ekran görüntülerini inceleyebilirsiniz...

    http://www.tahribat.com/img/dokuman/ZenCodingNedir/ornekler1.png

    http://www.tahribat.com/img/dokuman/ZenCodingNedir/ornekler2.png

    Reply With Quote Alıntı yap
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Nautilus
    Nautilus's avatar
    Kayıt Tarihi: 01/Haziran/2007
    Erkek

    diyalog penceresinden link taglarının hepsine link verebiliyormuyuz

    şizofren olabilirsiniz yardım alın!
    Reply With Quote Alıntı yap
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    CanKirca
    CanKirca's avatar
    Kayıt Tarihi: 11/Nisan/2009
    Erkek

    Abi neler varmış yahu, ellerine sağlık, hemen kurdum Notepad++ üstüne.

    Twitter: @CanKirca
    Reply With Quote Alıntı yap
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Fikret
    Fikret's avatar
    Kayıt Tarihi: 01/Ekim/2007
    Erkek

    http://vimeo.com/7405114

    screw you guys! i"m goin" hoooome!
    Reply With Quote Alıntı yap
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    fivestar
    fivestar's avatar
    Kayıt Tarihi: 30/Haziran/2007
    Erkek

    http://code.google.com/p/zen-coding/downloads/detail?name=Zen.Coding-Notepad++.v0.7.zip

     

    hata veriyor ama

    Ağırdır sevmelerim her yürek taşıyamaz, büyüktür umutlarım her omuz kaldıramaz
    Reply With Quote Alıntı yap
  6. KısayolKısayol reportŞikayet pmÖzel Mesaj
    CanKirca
    CanKirca's avatar
    Kayıt Tarihi: 11/Nisan/2009
    Erkek

    fivestar bunu yazdı:
    -----------------------------

    http://code.google.com/p/zen-coding/downloads/detail?name=Zen.Coding-Notepad++.v0.7.zip

     

    hata veriyor ama


    -----------------------------
    çalıştı?

    Twitter: @CanKirca
    Reply With Quote Alıntı yap
  7. KısayolKısayol reportŞikayet pmÖzel Mesaj
    renegadealien
    renegadealien's avatar
    Üstün Hizmet Madalyası Savaş Madalyası Başarı Madalyası Üstün Hizmet Madalyası Developer Madalyası
    Kayıt Tarihi: 23/Mart/2003
    Erkek

    Güzel döküman :)

    10.05.2013 tarihli google arama sonucu : Aradığınız - "herşeyin hayırlısı rampanın bayırlısı" - ile ilgili hiçbir arama sonucu mevcut değil. Kendi özlü sözümdür, kaynak belirterek kullanınız.
    Reply With Quote Alıntı yap
  8. KısayolKısayol reportŞikayet pmÖzel Mesaj
    yawuz
    yawuz's avatar
    Kayıt Tarihi: 17/Temmuz/2005
    Erkek

    Enteresan incelemek lazım

    tahribat.com a can feda
    Reply With Quote Alıntı yap
  9. KısayolKısayol reportŞikayet pmÖzel Mesaj
    erenn
    erenn's avatar
    Kayıt Tarihi: 08/Nisan/2007
    Erkek

    sevdim bunu

    Reply With Quote Alıntı yap
  10. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ExpirE
    ExpirE's avatar
    Kayıt Tarihi: 29/Temmuz/2005
    Erkek

    araştırıyordum bunu güzel oldu bunu hazırlaman sağol hoca

    "bea"
    Reply With Quote Alıntı yap
  11. KısayolKısayol reportŞikayet pmÖzel Mesaj
    RETRET
    RETRET's avatar
    Kayıt Tarihi: 16/Eylül/2007
    Erkek

    yanlış hatırlamıyorsam zend studio bu işi php de kendisi yapıyordu, bu da güzelmiş tabi.

    ulan hepiniz yaşlanmışlınız size inat ben yaşlanmayacam saç da ektirecem pilates de yapacam, götümü yiyin.
    Reply With Quote Alıntı yap
Toplam Hit: 4597 Toplam Mesaj: 18