Development terefinde bütün deyişiklikler /src klasörü içerisinde olunur gulp ile compile edilerek /build klasörüne atılır. Back-end developera sadece /build klasörü içerisindekiler lazımdır
Gulp'da görülen işler
-SASS kompile edilir
-autoprefixer ile prefixler elave olunur
-rigger ile header ile footer kimi bütün seyfede olan layoutları import edirik
-minify ile js dosyasını minify edirik
-minifyCSS ile css dosyalarını minify edirik
-rename ile minify edilen css dosyasının sonuna .min elave ederek adın deyişirik
-concat ile js/main klasörü içinde yazdığımız ferqli .js dosyalarını birleşdirib all.js dosyasına atırıq
-flatten ile font klasöründe her fontu bütün formatlarda ayrı ayrı klasörlere ayırmışam bu font klasöründeki bütün klasör içindeki dosyaların hamısını alıb build içindeki font klasörüne atır
Sass dosyaları /src klasörü altındaki /css klasörü içerisindedi bütün css deyişiklikleri burda olunacaq daha rahat başa düşülmesi üçün SMACSS standartı ile klasörler yaradılıb hansı klasörde ne olduğu aşağıdadı
bu klasör içerisinde html5boilerplate sıfırlaması funksiyalar mixinler ve variable lar tutulur
bu klasörde temel bezi css dosyaları olur fontlar bu klasörde font dosyasında import edilir
Bu klasörde saytın birçox yerinde istifade olan elementler olur modal kimi pagination kimi komponentler yazıb her yerde rahatlıqla işledirik
Burda footer header navigation kimi layoutları tuturuq
Bu klasörde de her seyfeye aid bir css dosyası oluşdururuq her seyfeye aid css deyişikliklerini burda eleyirk
package.json dosyasında development üçün hansı paketlerin qurulduğu var
Saytta istifade olunan bütün freamwork ve pluginler bower ile qurulub neler yüklendiyini bower.json dosyasına baxaraq göre bilersiz. Bower ile yüklenen paketler /lib klasörüne düşür biz sayt içinde bu /lib klasöründen çağırırıq
bütün css class adları BEM standardına uyğun olaraq verilib