Gulp.js - Frontend işlerini otomatikleştirin

[@keremalan]

Bugün Maslow'un İhtiyaçlar Hiyerarşisi ile ilgili metafor verirken sizin ile bu işi biraz daha maddiyata döken bir başka kişinin karşılaştırmasını yaptım. Bu karşılaştırmanın sonucunda da şuna karar verdim ki benim olmak istediğim, ulaşmak istediğim nokta sizin şu anda bulunduğunuz nokta. Severek yapılan bir iş, bu işte bilgeliğe yahut mentorluk aşamasına ulaşılması ve devamında mutlu bir aile. Siz bize içerik ürettikçe biz de bu değerin karşılığını vereceğiz, birlikte güzel işler yapmak dileğiyle.

[@AdemIlter]

bu güzel yorumunla çok mutlu ettin, sevgiler.

[@MHmodAMeerV]

teşekkür ederiz ağızına sağlık, güzel bir girişti

[@SametOcak]

çok teşekkür ederim akıcı ve samimi bir anlatımın var aklıma gelen soru videoda o an yanıtanıyor hatta bazen px leri bile aklımdan geçenleri yzıyorsun :)

[@astroboy3720]

Gulp ve Nunjucks birlikte kullanımına dair pek kaynak yok, yapsanız harika olur, ders için teşekkürler. :)

[@MimetKaya]

Benim gibi sıfırdan buradan izleyip, node.js'i kurduktan sonra harfi harfine kodları yazıp da gulp merhaba kodunu yazdıktan sonra çalıştıramayan arkadaşlar için ; npm install -g gulp-cli kodunu terminale yazdıktan sonra kodu çalıştırırlarsa sorunsuz çalışacağını belirtmek isterim.

[@KardelRuveyda]

Çok teşekkürler

[@ibrahimcekic9959]

Kaliteli anlatım için TEŞEKKÜRLER!!!

[@batuslkm5776]

merhaba kısmı oluyor ama izle komutu olmuyor neden kaynaklı olabilir?????

[@birkanozcan6895]

Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (88) For more information on which environments are supported please see: böyle bir hata alıyorum çözümü nedir

[@d-epik]

Allah senden razı olsun Adem abi

[@vioox]

Tesekkurler Adem ustad.

[@jagermanmusic]

Teşekkürler, gayet açıklayıcı.

[@tofigamraslanov]

@Adem Ilter hocam,mesela scss kodlarını css'e dönüştürmek için aşağıdaki komutu kullana biliriz: "compile":"node-sass sass/main.scss css/style.css -w" ve ya prefixer,concat,build gibi komutlari gulp olmadan da ede biliriz.O halde gulp'in bize hangi farkli avantajlari var ?

Abi birgün yolda karşılaşırsak seni kebap yemeye götürücem.

[@AdemIlter]

eyv hacı :)

[@tinarapin2311]

Hocam gulp js ile webpack ayni ishlemimi yapiyor yoksa gulp js icerisinde webpack i kullana bilecegimiz task yaza bilirmiyiz?

[@mehmetagah9569]

Teşekkürler çok yardımcı oldu

[@cleandeveloper]

hocam gulp dosyamı ayaklandırmaya çalıştığımda "task never defined: default" hatası alıyorum. ne kadar baktıysam çözümünü hiçbir yerde bulamadım. gulpfile.js dosyam tam olarak şu şekilde: 'use strict'; var gulp = require('gulp'); var sass = require('gulp-sass')(require('sass')); function buildStyles() { return gulp.src('./sass/**/*.scss') .pipe(sass().on('error', sass.logError)) .pipe(gulp.dest('./css')); }; exports.buildStyles = buildStyles; exports.watch = function () { gulp.watch('./sass/**/*.scss', ['sass']); };

[@hasankutluhanspka6845]

Abi webstormdaki fontunun adı nedir? Bilen biri söyleyebilir mi? :D

[@intervideos_]

Gulp hala çalışıyor mu merak ettim. Hep düşünmüşümdür bu kütüphaneleri yazan kişiler desteğini veya güncellemeleri bırakırsa proje patlamaz mi hocam? Cevaplarsanız çok sevinirim. Teşekkürler

[@fatihmertdogancan2361]

Çok iyi moruk ne soralım ki sana şimdi:)

[@AhmetSettar]

13:47'de 'merhaba' yı seçip köşeli parantez içine hızlıca aldınız bu kısayolun ismi ney?

[@AdemIlter]

bir yıl sonra gelen cevap :) webstorm otomatik yapıyor

[@oktaycolakoglu]

Gulp'ın bir sürü paketi var, şöyle bir durum oluşuyor, diyelim ki benim bir klasördeki resimleri alıp belli bir boyuta küçültüp bir klasöre atmak gibi bir işim var gulp'a bunu yaptırmak için gereken paketi (yani sass compile etmek için gulp-sass var bunun için de bir şey varsa) nasıl bulacağım bu konuda nasıl bir yol izlenebilir?

[@AdemIlter]

"gulp responsive image" diye aratarak direkt buldum github.com/mahnunchik/gulp-responsive. "gulp" diye başlayan ve yapmak istediğin şeyi arkasına yazman yeterli. bir sürü sonuç arasından kafana yatan bi tanesini derekt kullan

www.npmjs.com/package/gulp-jimp-resize şöyle bir kütüphane işinizi görebilir. npmjs.com üzerinden diğer kütüphanelere bakabilirsiniz.

[@oktaycolakoglu]

İlker Kurtel Cevabınız için teşekkür ederim fakat benim anlatmak istediğim ihtiyaca göre gereken kütüphane nasıl bulunurdu o resmi örnek olarak vermiştim.

[@BulenttUgur]

Adem merhaba, özverin için kendi adıma çok teşekkür ederim. Visual Studio Professional'da gulp çalıştırmayı başardım fakat bir sorunla karşılaştım. Yapıyı anlattığın gibi kurdum, fakat gulp'u run ettiğimde main.css ile birlikte main.scss içerisine import ettiğim normalize.scss, variable.scss gibi scss dosyalarını da tekrar css dosyası olarak çoğaltıyor. Nedeni hakkında fikrin var mı acaba? Yani run dediğimde css klasörümün içerisinde main.css, variable.css, normalize.css gibi dosyaları da oluşturuyor. Şimdiden yardımın için teşekkür ederim.

[@AdemIlter]

Scss taskına muhtemelen main.scss vermek yerine ./scss/**/*.scss yapmışsındır hepsini dinliyordur

[@BulenttUgur]

Adem Ilter hızlı dönüşün için teşekkür ederim. Sanırım sorun bu.

[@abdninjetfadl5334]

ben daha html css derslerine başlamamıştım yani bir şey kullanıp açıklamıyorsun ve bizde çalışmıyor mu o mu demek bu

[@AdemIlter]

video içeriğinde html,css konusunu işliyorum ağırlıklı olarak haliyle de js konularına değinmeden geçtim. o atladığım giriş kısmındaki gulpjs olayına açıklık getirecek ekstra video çekmiş oldum böylelikle. hem geçmişine giderek daha sağlıklı konu anlatımı yapmış oldum.

[@abdninjetfadl5334]

yani gulpjs yi yapmayanlar projeyi çalıştıramayacak mı

[@AdemIlter]

hazır olduğu için çalıştıracaklar

[@abdninjetfadl5334]

teşekkürler