arkadaşlar bu arada yeni bir şey çıkınca hemen onu mu kullansam diye düşünmeyim, önemli olan böyle bir şey olduğunu öğrenmek başta. zaten ihtiyacınız varsa, özellikleri sizin ilginizi çekiyorsa kullanırsınız, ihtiyacınız yoksa öğrenmeniz içinde şimdilik bir sebep yoktur :)
Unocss, uygulamalarınızda kullanmadığınız CSS kodlarını otomatik olarak tespit eden bir araçtır. Bu sayede, uygulamalarınızda kullanılan CSS kodlarını optimize ederek sayfa yükleme hızını artırabilirsiniz. Unocss, bir JavaScript kütüphanesi olarak çalışır ve bir dizi önceden tanımlanmış kurallar kullanarak CSS dosyalarınızda kullanılan sınıfları analiz eder. Ardından, uygulamanızda kullanılmayan sınıfları tespit eder ve bu sınıfları CSS dosyalarınızdan otomatik olarak kaldırır. Unocss, CSS kodlarınızı elle optimize etme ihtiyacını ortadan kaldırarak zaman kazandırır ve sayfa yükleme hızını artırır. Bu da, kullanıcı deneyimini iyileştirir ve arama motoru optimizasyonu (SEO) için olumlu etkiler sağlar.
@@PROTOTURKCOM aslinda cok yararlı bir araç bilhassa dinamik veb sitelerinde buyuk projelerde örnegin kurumsal bir şirketin online alışveriş sitesinde hicbir fullstack bu işle kafa yormaz 100 kod varsa çalisiyorsa is tamam ama 73 kodla da ayni is yapiliyor. oooo ölme esegim ölme ama unocss bu isi halediyor .
İçine markdown ya da html kodları alan elemente prose verirsen otomatik olarak stillenidiriyor. Böylece atıyorum backendden wyswyg editorden oluşturulan bir blog yazısı geldiğinde ona göre stillendiriyor. Tam açıklayamadım ama mantığı anlamışınızdır.
yok ya, devam edicem, sequelize ile devam edicez, sonra elimde bi php api backend'i var, onu taklit edip nodejs versiyonunu deneriz falan, boyle gideriz :D
birşey soracağım scss öğrenmek şartmıdır gereklimidir? vanilla css sonrası direk tailwind css veya bunun gibi uno css öğrensek daha iyi değilmi? css kısmı tasarım kısmı çok sıkıcı
öğrenmek zorunda değilsin, unocss öğrenene kadar scss'i 50 kere öğrenirsin tabi orası ayrı :D çok basit bir konu yani, ona ba bak derim, bilgilerde dursun lazım olur bir gün
@@PROTOTURKCOM tasarım kısmı sıkıyor insanı javascript öğreinp bir an önce projeler yapmak istiyorum o yüzden sordum :D tasarım kısmını hızlandırmak için. scsste tek nesting özelligini kullanıyorum şuan. tailwind sanırım büyük projelerde kullanılmıyormuş.
@@tylerdurden-vevo Tailwind büyük projelerde kullanılmıyor diyen kimse yalan söylemiş kral, ben genelde büyük proje olsun, küçük proje olsun, freelance olsun, üniversite projeleri olsun her yerde kullanırım çok da severim. İşleri kolaylaştırır :)
html ve css öğrendim javascripti öğrenmeye girişmek istedim ama değişkenler döngüler vs tamam ama o kodları yazmaya kalktığımda bocalıyorum neyi nasıl nerede tam yazıcam karışıyo her şey bir öneriniz var mı nacizane ?
hover kısmında className yerine class vermek gerekiyor sanırım. bu kısmı ilerki sürümlerinde düzeltirler gibi geldi reactte class bir korkutur her zaman
Componentlerde temiz CSS kodlaması için Tailwindcss ve CSS modüle yapısını kullanarak kodlama yapıyorum. Daha temiz bir kodlama için farklı bir önerisi olan var mı?
arkadaşlar bu arada yeni bir şey çıkınca hemen onu mu kullansam diye düşünmeyim, önemli olan böyle bir şey olduğunu öğrenmek başta.
zaten ihtiyacınız varsa, özellikleri sizin ilginizi çekiyorsa kullanırsınız, ihtiyacınız yoksa öğrenmeniz içinde şimdilik bir sebep yoktur :)
Unocss, uygulamalarınızda kullanmadığınız CSS kodlarını otomatik olarak tespit eden bir araçtır. Bu sayede, uygulamalarınızda kullanılan CSS kodlarını optimize ederek sayfa yükleme hızını artırabilirsiniz.
Unocss, bir JavaScript kütüphanesi olarak çalışır ve bir dizi önceden tanımlanmış kurallar kullanarak CSS dosyalarınızda kullanılan sınıfları analiz eder. Ardından, uygulamanızda kullanılmayan sınıfları tespit eder ve bu sınıfları CSS dosyalarınızdan otomatik olarak kaldırır.
Unocss, CSS kodlarınızı elle optimize etme ihtiyacını ortadan kaldırarak zaman kazandırır ve sayfa yükleme hızını artırır. Bu da, kullanıcı deneyimini iyileştirir ve arama motoru optimizasyonu (SEO) için olumlu etkiler sağlar.
kısaca her şeyden biraz :)
@@PROTOTURKCOM aslinda cok yararlı bir araç bilhassa dinamik veb sitelerinde buyuk projelerde örnegin kurumsal bir şirketin online alışveriş sitesinde hicbir fullstack bu işle kafa yormaz 100 kod varsa çalisiyorsa is tamam ama 73 kodla da ayni is yapiliyor. oooo ölme esegim ölme ama unocss bu isi halediyor .
Örnek bir junıor front-end mülakat videosu gelirse süper olur bence
hiç girmedim ya da hiç mülakat yapmadım yanlış yönlendirme yapmak istemem ne yazık ki :/
abi bir şey yapmayı denerken tüm tuşlara basıp bölümü geçmeye çalışıyormuş gibi hallerine bayılıyorum jkashfsjkdfshıfp
İçine markdown ya da html kodları alan elemente prose verirsen otomatik olarak stillenidiriyor. Böylece atıyorum backendden wyswyg editorden oluşturulan bir blog yazısı geldiğinde ona göre stillendiriyor. Tam açıklayamadım ama mantığı anlamışınızdır.
hah örnekteki markdown'ın amacı belli oldu, bak süpermiş o olay :D
@@PROTOTURKCOM evet evet blog yazıları gibi panelden yazı aldığımız yerlerde baya kolaylaştırıyor işi.
abi bu arada vite konsolunda r ye basarsan yeniden başlıyor, pnpm i paketadı şeklinde de paket kurabiliyorsun
@prototurk Node.js serisi devam edecek mi ? Yarım bırakma Kral çok iyi gidiyordu :/
yok ya, devam edicem, sequelize ile devam edicez, sonra elimde bi php api backend'i var, onu taklit edip nodejs versiyonunu deneriz falan, boyle gideriz :D
@@PROTOTURKCOM Süper olur :D
birşey soracağım scss öğrenmek şartmıdır gereklimidir? vanilla css sonrası direk tailwind css veya bunun gibi uno css öğrensek daha iyi değilmi? css kısmı tasarım kısmı çok sıkıcı
öğrenmek zorunda değilsin, unocss öğrenene kadar scss'i 50 kere öğrenirsin tabi orası ayrı :D çok basit bir konu yani, ona ba bak derim, bilgilerde dursun lazım olur bir gün
@@PROTOTURKCOM tasarım kısmı sıkıyor insanı javascript öğreinp bir an önce projeler yapmak istiyorum o yüzden sordum :D tasarım kısmını hızlandırmak için. scsste tek nesting özelligini kullanıyorum şuan. tailwind sanırım büyük projelerde kullanılmıyormuş.
@@tylerdurden-vevo o zaman tailwind ile devam et seversin zaten :)
@@PROTOTURKCOM eyvallah
@@tylerdurden-vevo Tailwind büyük projelerde kullanılmıyor diyen kimse yalan söylemiş kral, ben genelde büyük proje olsun, küçük proje olsun, freelance olsun, üniversite projeleri olsun her yerde kullanırım çok da severim. İşleri kolaylaştırır :)
Bu unocss'in özellikleri tailwind css kullanan beni neden unocss kullanmaya itsin mesela hocam? Anlayamadım ben. Sadece zevk meselesi mi?
Nodejs serisi ne zaman gelecek?
html ve css öğrendim javascripti öğrenmeye girişmek istedim ama değişkenler döngüler vs tamam ama o kodları yazmaya kalktığımda bocalıyorum neyi nasıl nerede tam yazıcam karışıyo her şey bir öneriniz var mı nacizane ?
bugün bende bunu inceliyordum biraz, ama çok fazla paketi var proje yönetimini zorlaştırıyor bence
Abi react projesi oluşturduğum da headr.js vs bu dosyaları import ederken hata veriyor senin videolarındaki her şeyi düzgünce uyguluyorum ama
hocam webstorm mu kullanıyorsunuz IDE olarak
evet webstorm
hover kısmında className yerine class vermek gerekiyor sanırım. bu kısmı ilerki sürümlerinde düzeltirler gibi geldi reactte class bir korkutur her zaman
sonlara dogru cozduk onu :D varian group diye transformers varmis:
unocss.dev/transformers/variant-group
Componentlerde temiz CSS kodlaması için Tailwindcss ve CSS modüle yapısını kullanarak kodlama yapıyorum. Daha temiz bir kodlama için farklı bir önerisi olan var mı?
düz css
İlk yorum
noldu şimdi? tailwindin pabucu dama mı atıldı? :)
ahah yok ya her cikana atlamamak lazim, ihtiyac varsa kullanirsin bunu da yoksa kullanmazsin :)