Pazartesi 15 Ağustos 2022
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

Google Chrome’ un Yeni iOS Uygulaması

Agave Games 7 Milyon Dolar Yatırım Aldı

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

Google Chrome’ un Yeni iOS Uygulaması

15 Ağustos 2022
Girişimcilik

Agave Games 7 Milyon Dolar Yatırım Aldı

15 Ağustos 2022
Güncel

Mit’ten Devrim Yaratacak Yenilik; Al Çip

15 Ağustos 2022
Güncel

Yapay Zeka ile Proteinleri Keşfetmek

14 Ağustos 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.