Frontend

#100DaysOfFrontend #beginner

3 - kun | Contact us Texnologiya: Html, Css/Css kutubxonalari, Js Dizayn: Figma (responsive) Deadline: 15.07.2024 — 20:00 P.S. Bajargan ishingizga havolani(GitHub) ushbu post izoh qismiga yuborishingiz mumkin! Hostingga qo'yish ixtiyoriy. @frontend

#devTools #frontend

📱 frontend dasturchilar uchun foydali vositalar React Dev Tools / Vuejs Devtools: Ushbu kengaytmalar React yoki Vue ilovalarini tuzatish uchun zarurdir. Siz komponentlarni ko'rib chiqishingiz, ularning xususiyatlari va holatlarini ko'rishingiz mumkin. Redux Dev Tools: Ilovangizda Redux'dan foydalansangiz bu uning holatini tuzatishga yordam beradi. JSON Formatter: JSON faylini yuborsangiz, uni chiroyli formatda ko'rsatiladi. ColorZilla: ColorZilla sizga kerakli rangni olishga yordam beradi. WhatFont: Bu kengaytma veb-saytdan shriftni aniqlaydi. Mobile simulator: Responsive testing Screenshot Tool: Tezkor skrinshotlar olishga imkon beradigan skrinshot vositasi @frontend

#100DaysOfFrontend #beginner

2 - kun | Product page Texnologiya: Html, Css/Css kutubxonalari, Js Dizayn: Figma Deadline: 14.07.2024 — 20:00 P.S. Bajargan ishingizga havolani(GitHub) ushbu post izoh qismiga yuborishingiz mumkin! Hostingga qo'yish ixtiyoriy. @frontend

#javascript

✌️ JavaScript weekly #​696 @frontend

#100DaysOfFrontend #beginner 1 - kun | Profile card 🧑‍💻 Texnologiya: Html, Css/Css kutubxonalari Dizayn: Figma Deadline: 13.07.2024 — 20:00 P.S. Bajargan ishingizga havolani(GitHub) ushbu post izoh qismiga yuborishingiz mumkin! Hostingga qo'yish ixtiyoriy. @frontend

Rasmga nom beramiz Dasturlashga xos bo'lsin! @frontend

DRY termini

DRY (Don't Repeat Yourself) prinsipi dasturiy ta'minot ishlab chiqishda juda muhim hisoblanadi va uning asosiy maqsadi kodni takrorlashni oldini olishdir. Bu prinsip dasturiy ta'minotning o'qilishini, qo'llab-quvvatlanishini va kengaytirilishini osonlashtiradi.

DRY prinsipining ko'plab afzalliklari bor: Aytaylik yuqoridagi kod misolida agar biz DRY prinsipiga amal qilinmagan holatdagisiga qaraylik. Agarda "button"ning biror xususiyatini o'zgartirmoqchi bo'lsak biz barcha "button"larni o'sha xususiyatlarnini bittama-bitta yozib chiqishga majbur bo'lamiz. Aytaylik "border-radius" xususiyati qiymatini 12px qilmoqchimiz. Lekin biz DRY prinsipiga amal qilingan holatdagi kodga qarasak, ".button" classli elementning xususiyatini o'zgartirsak ".button" classli barcha elementlarni xususiyatlarini bitta kod blokida o'zgartira olamiz. Masalan bunday ko'rinishda foydalanamiz:

<button class="button button-primary">Button</button>

Humoyunmirzo

#meme #css #frontend

@frontend

Bugungi vazifa yuboriladi: Juma (12.07.2024), soat: 20:00 Deadline: Shanba (13.07.2024), soat: 20:00 Qolgan kunlari shu tarzda davom etadi...

#100DaysOfFrontend #frontend

Assalomu aleykum hammaga 👋 ⚡️ Bugundan (12.07.2024) #frontendChallenge boshlangunga qadar #beginner'lar uchun mo'ljallangan yangi #100DaysOfFrontend chellenjiga start beramiz! #100DaysOfFrontend haqida: Kimlar uchun (daraja): - boshlang'ich (beginner) Texnologiyalar: - html, css (js qo'shish ixtiyoriy) Dizayn: - loyiha figma maketi beriladi Loyiha muddati (deadline): - 1 sutka (24 soat) Yechimlarni/ishlaringizni kanalga joylangan mos post izohlar qismiga yuborishingiz mumkin. Bu chellenjda discipline (intizom) ushlansa juda yaxshi shaxsiy izlanish va bilimga ega bo'lasiz! @frontend