Salı 26 Eylül 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. GruntJS Nedir? Neler Yapabilirim?
 GruntJS Nedir? Neler Yapabilirim?
Arayüz JavaScript Verimlilik

GruntJS Nedir? Neler Yapabilirim?

Yazar : Fatih 3 Ağustos 2016 0 Comment

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

Etiketler: GruntJS GruntJS görev yönetim sistemi GruntJS nedir GruntJS neler yapabilir GruntJS task runner üretkenlik verimlilik
Önceki Yazı
Sonraki Yazı

Fatih

author

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.