Web tasarımda nasıl pratik yapılmalıdır?

Berat.xx56 dedi:

Arkadaşlar öncelikle merhaba, 3-4 ayı aşkın süredir HTML CSS öğreniyorum fakat çok pişman oldum. Her videodan sonra hiç ama hiç pratik yapmadım ve hemen diğer videoya geçtim. Not aldım geçtim geçtim geçtim en sonunda bitirdim JS'ye geçeceğim derken. Baktım ben web site yapamıyorum bir menüyü yapmam yarım saat 1 saatimi alıyor.
Ne yapacağımı bilemedim yani Google'daki HTML CSS testlerini fullerim o derece öğrendim, beynimde var ama koda aktaramıyorum alışmadığım için. Şu an Flex öğreniyorum ama hâlâ baka baka yapıyorum pratikleri. JavaScript'i %20-30 civarlarında bıraktım bu durumumu öğrenince.

Benim şimdi aklımdaki amacım Flex Grid responsive falan öğreneyim sonra 1 haftada 3-4 proje çıkarmaya çalışayim ve ondan sonra hemen JS'ye geçeyim diyorum.
Vallahi o kadar uğraştık aylarımız ziyan oldu. Çok stresliyim bırakmak da istemiyorum. Bana ne tavsiye edersiniz ya da önerebileceğiniz Türkçe yabancı kaynak?
Teşekkürler.

Genişletmek için tıkla...

• Yaptığın tasarım basitse ve tek yönlüyse, elemanlar sadece yan yana ortalı bir şekilde dursun yeterli diyorsan flexbox kullan, çünkü flexbox'u ayarlaması Grid'e kıyasla daha kolay boşa vakit kaybetmezsin bu kadar basit bir işlem için.
• Sadece elemanları ortalamak istediğinde, CSS'te x ekseninde ortalama yapmak çoğu zaman kolaydır ama y eksenini ortalamak o kadar kolay bir işlem değil. Flexbox ile çok rahat bir şekilde hem y, hem de x ekseninde kolayca ortalama yapabilirsin. Yine yukarıdaki örnekte olduğu gibi bu kadar basit bir işlem için grid kullanmaya hiç gerek yok.

• Yaptığın tasarım çift yönlü bir tasarımsa (layout), elemanları hem yan yana, hem de alt alta uygun bir şema halinde tutmak gibi bir isteğin varsa Grid kullanmalısın, Grid'le bu tarz layoutlar oluşturmak daha iyi olacaktır.
• Yaptığın tasarımda öğeler arasında eşit boşluklar bırakmak istediğinde, bu nitelik flexbox ile de yapılabilir margin kullanılarak ancak flexbox ile margin kullanmanın bazı yan etkileri var. O yan etkileri engellemek adına Grid'de gap özelliği var, bu gap özelliği ile margin'e ihtiyaç duymadan sütunlar ve satırlar arasında istediğimiz kadar boşluklar bırakabiliyoruz.

Berat.xx56 dedi:

Sadık Turan'ın Udemy kursunu almayı düşünüyorum sizce uygun mudur? Yani şahsen hiçbir eğitimine girmedim. Bana biraz yavaş yazan, anlatan hoca lazım. Yani Prototurk gibi Speed finger eğitmenler zorluyor beni

Genişletmek için tıkla...

stmert dedi:

Öneririm işime yaramıştı.

Genişletmek için tıkla...