⚠️ Eng keng tarqalgan dasturlash xatosi!

Ramziddin Makhmudov — Tue, 10 May 2022 09:40:34 +0000

DRY Principle — yani Don't Repeat Yourself, O'zingizni takrorlamang.

Agar 10 sahifada siz bir xil tugmani yaratgan bo'lsangiz...Misol:

index.html

<button style="padding: 10px; border-radius: 8px; color: white; background: black;">
  Ma'lumot olish
</button>

contacts.html

<button style="padding: 10px; border-radius: 8px; color: white; background: black;">
  Aloqaga chiqish
</button>

socials.html

<button style="padding: 10px; border-radius: 8px; color: white; background: black;">
  Obuna bo'lish
</button>

Va hokazo.

Har bir sahifadagi tugmani o'zgartirish kerak bo'lganda nima bo'lishini tasavvur qiling...

Agar sizda 10, 50, 100 sahifa bo'lsa-chi?

Har bir sahifada "padding" ni o'zgartirishingiz kerak bo'ladi. Bu sizga bir necha soat vaqt oladi!

Shuning uchun kodni ikki yoki undan ortiq takrorlash aqlli emas.

Buning yechimi nima? "class" dan foydalaning.

styles.css

.btn {
  padding: 10px;
  border-radius: 8px;
  color: white;
  background: black;
}

index.html

<button class="btn">
  Ma'lumot olish
</button>

contacts.html

<button class="btn">
  Aloqaga chiqish
</button>

socials.html

<button class="btn">
  Obuna bo'lish
</button>

Endi barcha tugmalarning ranglarini o'zgartirish kerak bo'lsa nima bo'ladi? Siz shunchaki atiga styles.css faylini o'zgartirishingiz kerak.

DEV Community: Ramziddin Makhmudov