SCSS/SASS/LESS öğrenilmesi şart mı?

Bu tür pre-proccessorlar için kurs almaya gerek yok, yeterince basit oluyorlar zaten. Asıl olayları kullanıcının yazacağı CSS kodlarını daha kolay ve daha okunabilir hale getirmek bu konuda en azından SCSS'in epey başarılı olduğunu söylemem gerek.

Bunlar bana soracak olursan gerekli değil, özellikle TailwindCSS biliyorsan hiç gerekli değil çünkü TailwindCSS'de CSS yazmana bile gerek yok. Zaten yazılmış olan sınıfları atayarak oluşturuyorsun tasarımları o yüzden CSS bile kullanılmıyor genelde.

Ancak Tailwind, Bulma veya Bootstrap gibi yöntemler kullanılmayacaksa öğrenilmesinde fayda var, özellikle nesting sistemi CSS yazmayı epey kolaylaştırıyor bana soracak olursan, ne zaman SCSS'den CSS'e geçsem keşke nesting olsa dedim ben hep. SCSS özellikle HTML BEM (Block-Element-Modifier) metodolojisi kullanılacaksa epey yardımcı olabiliyor, SCSS ile BEM yazmak epey kolay oluyor çünkü.
 
Yeniçocuk dedi:
Merhaba. SCSS, SASS için kurs almayı ve öğrenmeyi düşünüyorum. Ama sektörde tailwind, Bootstrap varken scss ve sass kullanılıyor mu? Udemy'den veya ücretsiz kurs önerisi verir misiniz?
Genişletmek için tıkla...
SCSS ve SASS aynı şey zaten. Çok zor birşey değil öğrenilmesinde fayda var.
 
Fatalis dedi:
Bu tür pre-proccessorlar için kurs almaya gerek yok, yeterince basit oluyorlar zaten. Asıl olayları kullanıcının yazacağı CSS kodlarını daha kolay ve daha okunabilir hale getirmek bu konuda en azından Scss'in epey başarılı olduğunu söylemem gerek.

Bunlar bana soracak olursan gerekli değil, özellikle TailwindCSS biliyorsan hiç gerekli değil çünkü TailwindCSS'de CSS yazmana bile gerek yok. Zaten yazılmış olan sınıfları atayarak oluşturuyorsun tasarımları o yüzden CSS bile kullanılmıyor genelde.

Ancak tailwind, bulma veya Bootstrap gibi yöntemler kullanılmayacaksa öğrenilmesinde fayda var, özellikle nesting sistemi CSS yazmayı epey kolaylaştırıyor bana soracak olursan, ne zaman Scss'den CSS'e geçsem keşke nesting olsa dedim ben hep. Scss özellikle HTML bem (block-element-modifier) metodolojisi kullanılacaksa epey yardımcı olabiliyor, scss ile bem yazmak epey kolay oluyor çünkü.
Genişletmek için tıkla...

Şu an basit projeler yaptığım için ham CSS kullanıyorum. Zaten tailwind ve Bootstrap sadece ismen biliyorum.

kaan.w dedi:
Scss ve sass aynı şey zaten. Çok zor bir şey değil öğrenilmesinde fayda var.
Genişletmek için tıkla...

YouTube üzerinde önereceğiniz kaynak var mı? W3schools bakacağım zaten.
 
Yeniçocuk dedi:
Şu an basit projeler yaptığım için ham CSS kullanıyorum. Zaten Tailwind ve Bootstrap sadece ismen biliyorum.
Genişletmek için tıkla...
Öğrenmesi pek zaman alan teknolojiler değil bunlar o yüzden girişebilirsiniz fakat ben yine de Tailwind öneririm.
 
Yeniçocuk dedi:
Tailwind üzerine odaklanayım o zaman. Onun için önereceğiniz kurs var mı?
Genişletmek için tıkla...
CSS biliyorsanız Tailwind için kursa gerek yok, TailwindCSS'in kendi dokümantasyonu yeterli onun için. Çünkü TailwindCSS özel bir söz dizimi falan gerektirmiyor (tamam, belki biraz), sadece ezber gerektiriyor. HTML elemanına uygulamak istediğiniz CSS özelliğinin TailwindCSS'deki sınıf ismini bulmanız yeterli.

Örneğin TailwindCSS kullanarak bir HTML elemanına display: flex vermek isterseniz elemanın sınıfları arasına "flex" eklemek yeterli:

HTML: 
<div class="flex justfiy-center items-center">
    <!-- quite something -->
</div>

Bu şekilde bu division elemanına hem display: flex, hem justify-content: center hem de align-items: center CSS özelliklerini, hiç CSS kodu yazmadan atamış oluyorum.
 
Fatalis dedi:
CSS biliyorsanız tailwind için kursa gerek yok, TailwindCSS'in kendi dokümantasyonu yeterli onun için. Çünkü TailwindCSS özel bir söz dizimi falan gerektirmiyor (tamam, belki biraz), sadece ezber gerektiriyor. HTML elemanına uygulamak istediğiniz CSS özelliğinin TailwindCSS'deki sınıf ismini bulmanız yeterli.

Örneğin TailwindCSS kullanarak bir HTML elemanına display: flex vermek isterseniz elemanın sınıfları arasına "Flex" eklemek yeterli:

HTML: 
<div class="flex justfiy-center items-center">
 <!-- quite something -->
</div>

Bu şekilde bu division elemanına hem display: flex, hem justify-content: center hem de align-items: center CSS özelliklerini, hiç CSS kodu yazmadan atamış oluyorum.
Genişletmek için tıkla...

Ben o zaman gözümde fazla büyütüyorum. Ham CSS ile responsive tasarım ve flexbox tasarım ile site tasarımları yapıyorum.
 
TailwindCSS açıkçası profesyonel çalışma hayatında çok kullanılmıyor. Genellikle Bootstrap tercih ediliyor farklı şeyler olmasına rağmen. Tailwind React veya Next gibi frameworkler ile kullanıldığına Voltran'ı oluşturuyor.
 

Benzer konular

Abuzerx1
  • Çözüldü
Çözüldü  SASS/SCSS dosya yapımı
Mesaj
2
Görüntüleme
1.105
Abuzerx1
Abuzerx1
C
SCSS dosyası entegre edilmiyor
Mesaj
3
Görüntüleme
858
oynozan
oynozan
Primearc
  • Soru
SCSS ön işlemcisi tanımlı değil hatası
Mesaj
0
Görüntüleme
352
Primearc
Primearc
yone1108
CSS SASS ile hem admin paneli hem ana siteyi yapılabilir mi?
Mesaj
3
Görüntüleme
367
Fatalis
Fatalis
Bulut Uzer
Sublime Text 3 Less Kurulumu
Mesaj
0
Görüntüleme
1.990
Bulut Uzer
Bulut Uzer

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı