An example for blog post.

gulpfile.js

// node modules içerisindeki gulp modülünü çağıran kod parçamız. 
// Onu 'gulp' adında bir değişkene atıyoruz.
var gulp        = require('gulp');
// node modules içerisindeki gulp-imagemin modülünü çağıran kod parçamız. 
// Onu 'imagemin' adında bir değişkene atıyoruz.
var imagemin    = require('gulp-imagemin');

// En basta 'gulp' degiskenine gulp modulunu tanimlamistik. 
// Artik gulp. şeklinde gulp işlevlerini kullanabiliriz.
// gulp işlevleri neler mi?
// https://github.com/gulpjs/gulp/blob/master/docs/API.md 
// bu adresten inceleyebilirsiniz.


// görevimizi tanımlanamak için gulp.task işlevini kullanacağız.
// görevimizin adı "imajlari_kucult".
gulp.task('imajlari_kucult', function() {
// gorevin icerigi bu fonksiyonun içerisinde gerçekleştirilecek.

// gorevin iceriginde, gulp.src işlevini kullanacağız.
// gulp.src işlevinin glob değerini "src/*.jpg" şeklinde tanımladım. 
// Bu glob değeri src/ klasörünün içindeki tüm(* işareti ile) jpg dosyalarını işleme sokuyor.
// glob değeri bir karşılaştırma mekanizmasına sahip olduğu için klasör
// içinde match olacağı bir şey var ise onun için aşağıdaki işlemleri yapmakta.
  return gulp.src('src/*.jpg')
// pipe ne demek? gulp node.js'in stream yapısını kullanmakta. 
// pipe'ta bu stream yani akış yapısının bir parçası. 
// Olgu olarak akışı devam ettirmeye yarayan bir boru olarak düşünebilirsiniz.
  	
// fonksiyonun akışını devam ettirmek için bir boru koyacağız.
// akış gereği şu an bu boru gulp.srcden gelen jpg dosyalarını taşıyor.
    .pipe(imagemin()) 
// gulp.src'deki glob değeriyle match olan .jpg dosyalarını "gulp-imagemin" ile optimize ediyoruz.

// ve bir önceki pipe yani borudan buraya optimize edilmiş jpg dosyaları geldi!
// yeni bir boru daha oluşturuyoruz ki optimize edilmiş jpg dosyalarını bir klasöre aktarabilelim.
    .pipe(gulp.dest('build')); 
// gulp.dest işlevi ise kendisine aktarılan dosyaları başka bir noktaya aktarmaya yarar. 
// gulp.src'de glob tanımlarken gulp.dest'te path tanımlamamız gerek.
// path kısmına çalışma ortamımızda işlenmiş dosyaları barındıran "build" klasörünü tanımladım.

});

// obaa harika. bu iş gol olur.
// ↓↓↓ bu arada hemen altında bu uzun açıklamalarımın olmalarımın olmadığı hali mevcut ↓

without-annotations.js

var gulp        = require('gulp');
var imagemin    = require('gulp-imagemin');

gulp.task('imajlari_kucult', function() {
  return gulp.src('src/*.jpg')
    .pipe(imagemin()) 
    .pipe(gulp.dest('build')); 
});