Arayüz JavaScript Verimlilik

GruntJS Nedir? Neler yapabilirim?

Web teknolojileri geliştikçe sadece HTML/CSS ve JS yazamaz olduğumuz çok aşikardır. Front-end dünyasının işini kolaylaştıran araçları arasına görev yöneticileri ve paket yönetim sistemleri giderek yaygınlaşmaktadır. Biz bugün GruntJS görev yönetim sistemine değineceğiz.

Eğer bir web geliştiricisi iseniz bazı sıkıcı rutinlerimiz olduğunu bilirsiniz. Bu sıkıcı rutinler genellikle kodları temizlemek, sıkıştırmak, testler yapmak vs. sıralayabiliriz. Buyurun konumuza birlikte değinelim.

GruntJS neyin nesidir?

GruntJS, JavaScript tabanlı geliştirilmiş bir görev yönetim sistemidir. Grunt bir görev tanımlayıcı olarak front-end ile uğraşanların işini kolaylaştırır. Çalışması için Node.js ve buna bağlı olarak NPM’in yüklü olması gerekir. GruntJS içerisinde istediğiniz taskları tanımlayabilirsiniz.

NPM: Node.js sistemine yeni eklentiler yüklemek için kullanacağız. Projelerde package.json dosyası varsa neleri yükleyeceğini buradan okuyarak yükleme yapabiliyor.

Webmaster.Kitchen-gruntjs-görev

Web geliştirme sırasında yapılacak rütin işlerimizi otomatikleştiren bir araçtır. Fakat her task için ayrı bir NPM modülü yüklemeniz gerekebilir. Projenizde çalışırken sıklıkla yaptığız işleri gruntJS ile programlayıp tek bir komutla çalıştırabilirsiniz. Birçok geliştiricinin tipik iş akışını kolaylaştıracak binlerce eklentiyle birlikte geliyor.

Grunt ve grunt paketleri noje.js ile geliştirilmiştir.

Eklentiler ile neler yapabilirim?

GruntJS bir front-end aracı olduğunu daha önceki yazımızda değinmiştik. GruntJS ile bu alanda yapabileceklerinizin bir sınırı yok. Eğer kodlarla aranız o kadar iyi değilse, halihazırdaki GruntJS eklentileri ne iş yapıyorsa o kadar şeyi yapabilmeniz mümkündür.

Mevcut durumda binlerce GruntJS eklentisi bulunmakta ve aklınıza gelebilecek yada karşılaştığınız sorunlara çözüm olacak bir GruntJS eklentisini kesin bulabilirsiniz.

GruntJS için farklı ihtiyaçlara hitap eden binlerce eklenti oluşturulmuştur. Coffescript dosyalarını Javascript dosyalarına dönüştürme, bir web tarayıcısında canlı önizleme yapma, dökümantasyon oluşturma gibi daha ismini sayamadığımız birçok eklenti mevcut durumdadır.

gruntjs-webmaster-kitchen

Sık kullanılan eklentilerden bazılarını aşağıda inceleyebiliriz.

  • watch (Önceden tanımlanmış görevlere göre dosya ekleme, düzenlemelerini ve silmelerini izler.)
  • copy (Dosya ve dizinlerinizi kopyalar.)
  • clean (Artık dosya ve dizinlerinizi siler.)
  • concat (Birden fazla dosyayı tek dosyada birleştirir.)
  • cssmin (CSS dosyalarınızı küçültür.)
  • less (LESS dosyalarınızı CSS dosyasına dönüştürür.)

Daha kapsamlı liste için eklentiler sayfasını ziyaret edebilirsiniz.

Kimler kullanıyor?

GruntJS kullanan bazı bir kaç proje ve şirketleri aşağıda görebilirsiniz. Daha fazlasını incelemek bu sayfayı ziyaret edebilirsiniz.

gruntjs-webmaster-kitchen

Bu yazımızda GruntJS’yi biraz olsun tanımış olduk. Görüşmek üzere. Çay koydum mutfakta kalın. 🙂

Kaynaklar

http://gruntjs.com



Yazar hakkında

Fatih Özel

Developer Teknovol | Çırak JavaScript Engineering

Yorumlar

Bir yorum yaz