Tem.20

JADE Dersleri – 1 : Giriş

Jade, etiket kullanmadan hızlı ve pratik bir şekilde HTML5 kodlamanıza olanak sağlayan bir şablon motorudur. İlk olarak bir Node.js modülü olarak üretildi, ancak sonrasında yaygınlaşınca Python, Scala, Ruby, PHP ve Java gibi dillerde de kullanılmaya başlandı. Farklı dillerde farklı isimlerde de anılmaktadır. Mesela Python’da pyJade gibi… Jade ile yazılan kodlar, en sonunda, yani sayfadaki işlemler bittikten sonra mutlaka HTML5’e .html formatı ile çevrilir.

Tarayıcılar HTML çıktısından başka bir etiket sistemi ile sayfayı tasarlayamaz. Yani Jade ile yazılan sayfalar ( .jade formatlı olur) mutlaka .html formatına dönüştürülmelidir. Dönüştürme işlemini de Node.JS kullanarak Gulp ile sağlayacağız.

JADE ile denemeler yapmak ve elinizi hızlandırmak için aşağıdaki Cloud Editör’lerden faydalanabilirsiniz. Alternatif olan editörler de mevcut, Google’dan aratarak bulabilirsiniz. Tavsiye olarak JADE’yi HTML5’e, HTML5’i de JADE’ye dönüştürmek için http://html2jade.org/ adresinden faydalanabilirsiniz.

NodeJS hakkında bilgi almak için şu makaleye, Gulp için de şu makalelere bakabilirsiniz.

Aşağıdaki tabloda JADE’nin HTML5 haline dönüştürülmüş hali görülmektedir. Aradaki farkı inceleyin. Siz de kendi HTML5 kodunuzu JADE koduna çevirip farkı görmek isterseniz aşağıdaki adrese girip dönüştürücüyü kullanabilirsiniz.

http://html2jade.o

İçeriği paylaş:
  • facebook
  • twitter

Leave a comment

Yorum