Zen Coding – Emmet Nedir, Nasıl Kullanılır, Çalışır?

Merhaba sevgili dostlar! Bu yazımda Zen Coding – Emmet Nedir? Ne Değildir? Bu konu üzerine gözlemlerimi paylaşacağım.

Bu aralar CSS ve HTML bilgilerimi gözden geçiriyorum ve sürekli yeni bilgiler ile karşılaşıyorum. Bu bilgiler kimi zaman devrim kimi zaman hayal kırıklığı niteliğinde oluyor 🙂

Namı diğer Zen Coding, yeni adıyla Emmet gözüme çarpan büyük buluşlardan bir tanesi olduğu için hakkında yazmaya değer gördüm.

Zen Coding – Emmet Nedir? Nasıl Çalışır?

Zen Coding, yeni adıyla Emmet kodlama yapanların uzun zamandır yararlandığı, sık yazdığınız komutları kestirme yollarla sizin yerinize yazan ve kodlama sürecinde size hız kazandıran yardımcı bir araç olarak tanımlayabiliriz.

Nasıl Çalışır?

Emmet.io adresinden kullandığınız favori text editörü için uyumlu eklentyi indirip, geliştiricinin yayınladığı yönergeleri takip ederek kurulumunu gerçekleştirebilirsiniz.

Temel olarak hızlı kod yazma eklentisi olarak adlandırabileceğimiz emmet (zen coding) örneğin

#page>div.logo+ul#navigation>li*5>a{Item $}

olarak yazdığınız bir kestirme ifadeyi sizin için aşağıdaki gibi bir liste haline dönüştürebilir.

<div id="page">
    <div class="logo"></div>
    <ul id="navigation">
        <li><a href="">Item 1</a></li>
        <li><a href="">Item 2</a></li>
        <li><a href="">Item 3</a></li>
        <li><a href="">Item 4</a></li>
        <li><a href="">Item 5</a></li>
    </ul>
</div>

Ya da diyelim ki yeni bir html sayfası oluşturacaksınız.

html:5 komutu sizin ihtiyacınız olacak temel html taglarını otomatik olarak oluşturacaktır.

Yazıdığınız kısaltmayı “TAB” tuşu veya belirleyebileceğiniz başka bir tuşla tetikleyebilirsiniz.

Bu ve benzeri birçok kısayolu geliştiricinin websitesinden öğrenebilirsiniz.

Ne Değildir?

Sizin aklınızdan geçenleri anlayamaz 🙂

Hangi Text-Editörlerini Destekliyor?

  • Sublime Text
  • Notepad++
  • TextMate
  • Adobe Dreamweaver
  • NetBeans

Başta olmak üzere birçok popüler yazı editörünü destekliyor.

Bu eklentiyi özellikle; html, css, php vb. dilleri kullanan web geliştiricileri için kesinlikle öneriyorum. Tabi bugüne kadar hala benim gibi keşf etmemişler varsa 🙂

Evet dostlar, benim şimdiye kadar izlenim ve gözlemlerim bunlardan ibaret. Eğer sizin de eklemek istedikleriniz, sormak istedikleriniz ya da yanlış aktardığım bir nokta varsa buyrun yorumlarda konuşalım.

Sizin favori text-editor’ünüz ya da kod yazarken kullandığınız eklentiler neler?

 

Yazımı beğendiyseniz paylaşmayı unutmayın! Ayrıca RSS Beslemerine abone olarak yeni yazılarımından haberdar olabilirsiniz.
(Toplam 1.746 kere, bugün 1 kere ziyaret edildi.)
Önceki yazıyı okuyun:
Evde Kayıt İçin Ses Kartı Önerileri
Ev stüdyosu, kayıt için ses kartı önerileri

Merhaba dostlar... Ses kartı stüdyonun kalbidir ve daha sonra pişman olmamak için almadan önce iyi araştırmak gerekir. Ev stüdyosu (home...

Kapat