Front-End Kodlarken ilk mobil kısmı kodlamak daha mı mantıklı?

Desktop tarafı çoğu projede mobile tarafından daha detaylı olduğu için, ben projelerimde önce desktop yazıyorum. Aksi takdirde yapı oturmuyor ekstra düzenlemeler yapmam gerekiyor falan. Zaten Bootstrap, Tailwind veya türevi bir css frameworkü kullanırsanız sundukları gridler ile responsive hiç zaman almıyor. Ama ne yalan söyleyeyim, hiç tam bir projede kullanmadım. Terime yabancı değilim çok kez duydum ama bilindiği üzere Türkiye yazılımcıları olarak maalesef biraz geride kalıyoruz bu tarz yeni terim ve yollara. Olur da zaman sıkıntımın olmadığı bir proje ile karşılaşırsam deneyip tecrübelerimi buradan paylaşacağım. Kolay gelsin

büyük projelerde performans için ilk mobile göre kodluyorlar. bir çok yerde de gördüm bu durumu ancak ben hiç uygulamadım, ben hep önce desktop'a göre yazdım daha kolay oluyor, en azından benim için kaldı ki byte'ların önemli olduğu projelerde sadece mobile göre yazmak değil olabildiğince temiz kod yazmak gerekir.

Performans ve byte açısından hiç düşünmemiştim 👍

Boostrap ile bu sorunu çözebilirsiniz full responsive olarak kodlaniyorlar

Mobil öncelikli tasarımlar bu şekilde kodlanıyor. Şu anda çoğu kişi siteleri telefonları ile ziyaret ediyor. Masaüstüne göre daha fazla kullanım mevcut. Haliyle sitelerin mobilde hızlı açılması için buna göre kodlama yapılması gerekiyor. Ayrıca google'da buna çok önem veriyor ve öneriyor.

Performansı yüksek bir site için mobile first önceliklidir. Ancak ziyaretçilerin çoğu masaüstünden bağlanacaksa göz ardı edilebilir.

Bana gelirsek ben genellikle masaüstüne ağırlık veriyorum, daha kolay O yüzden mobile first kodlama nadir yaparım.

Yorum için teşekkür ederim, yapan yapıyor demekki 100 yıllık yazılımcı olmaya gerek yok bilmek için

Optimizasyon ve karmaşayı önlemek için aynı anda yapmak daha mantıklı geliyor.
Fakat mobilden girişler fazla olduğundan mobile ciddi özenilmesi gerekli.
Mobilde kullanıcı deneyimi yani UX hesaplanmayıp tüm tasarım alt alta dizilip geçilirse insanlar o kadar aşağı kaydırmadan sayfadan çıkıyor. Sağa sola kaydırmalı şekle çevirmelisiniz benzer içerikleri. Her yerde etkin bir lazy load sistemi kullanılmalı ayrıca.

Ayrıca Bootstrap vs kullansanız bile sadece d-none yani gösterme diyerek optimizasyon sağlayamazsınız. Biz büyük resimleri mobilde yüklettirmeyip ayrı resim yükletiyoruz. Yoksa kullanıcı görmediği ama kocaman resimleri arka planda yüklüyor ve sayfa kasıyor.

Bu front-end gerçekten bir sanat ve back-end gibi kod, mühendislik gibi planlama da istiyor.
Her şey hazır template veya Bootstrap ile çözülemiyor maalesef. Zaten o sebeple neredeyse back-end developerlara yakın maaşlara sahip büyük projelerde çalışanlar.