STARTER

Installation

Proyekti clone edtdikden sonra terminalı proyekt içinde açıb sırası ile aşağıdakı komandaları yazmaq lazımdır (node, bower ve gulp kompiterde yüklü deyilse ilk olaraq bu üçü yüklenmelidir)

npm install
bower install
gulp

Development terefinde istifade olunanlar

GULP

SASS

NPM

BOWER

BEM

SMACSS

GULP

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

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ı

/abstracts

bu klasör içerisinde html5boilerplate sıfırlaması funksiyalar mixinler ve variable lar tutulur

/base

bu klasörde temel bezi css dosyaları olur fontlar bu klasörde font dosyasında import edilir

/components

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

/layout

Burda footer header navigation kimi layoutları tuturuq

/pages

Bu klasörde de her seyfeye aid bir css dosyası oluşdururuq her seyfeye aid css deyişikliklerini burda eleyirk

NPM

package.json dosyasında development üçün hansı paketlerin qurulduğu var

BOWER

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

BEM

bütün css class adları BEM standardına uyğun olaraq verilib