Moslashuvchan sahifada turli xil rasmlarni yuklashning oson yo'li

"<picture>" teg elementi orqali brauzer uchun ko'plab rasm variantlarini kiritish mumkin. Adaptiv sahifalar yaratish uchun qulay usul

#html #tips

Forma inputida parolni yashirishni sodda yo'li

Barchasi oson: shunchaki input turini "password" dan "text" ga o'zgartirib qo'yish kerak

const input = document.getElementById('passwordInput');
const eye = document.getElementById('passwordEye');

eye.addEventListener('click', function() {
    input.type = input.type === 'password' ? 'text' : 'password';
});

#js #dom

🔍 Ko‘pchilik Jsda array filter metodini ishlatib, fallback uchun bo‘sh arrayga tekshirib qo‘yishadi.

Aslida bunga umuman hojat yo‘q.
Chunki, Javascript filter doim array qaytaradi.

Hattoki filtrlanayotgan array bo‘sh bo‘lsa ham.
Hattoki hech qanaqa natija topilmasa ham.

PS: Eslint ham bu keraksiz tekshirishlarni payqamas ekan

#js

🚀 Figma dizaynni kodga aylantirish reallikka aylandi!

🤖 Replit AI jamosi Figma uchun , dizaynni statik React app ga aylantirib beradigan plugin ishlab chiqishdi.

💻 Figmada hohlagan dizayningizni oching, pluginni o'rnating va shunchaki, kodga o'giring.


#figma #css #html #AI

💡Vue jsda template teglaridan qaysi holatlarda foydalanish va uning foydalari haqida:

https://telegra.ph/Template-teglari-haqida-03-12

#vuejs #frontend

Typescriptda Omit

Typescriptda biror bir tipni tushirib qoldirmoqchi bo'lsangiz Omit juda ham asqotadi. 🌟

Ushbu kalit so'zisiz, qo'shimcha interfacelar yaratishingiz va extendsdan foydalanishingizga to'g'ri keladi.

Yuqorida ajoyib misollar bilan tushuntirilgan. 🔥

#ts #typescript

💡Jsda Array "fill" metodi massivlarni yaratishda va ularni manipulatsiya qilishda juda qo'l keladi

#js #frontend

Tajribali mutaxassis Kori Haus, o'z tvitterida, muhim va foydali tavsiya bilan bo'lishibdi:

Menejer bo'lganimda, ba'zi odamlar menga muammolar bilan murojaat qilishardi.
Boshqalar esa oldimga yechimlar bilan kelishardi.
Kimni lavozimi oshganligini taxmin qilib ko'ring endi?
Faqat muammolar haqida xabar bermang.
Yechimlarni ham taklif qilib turing.

Ijobiy bo'ling.
Faol bo'ling.
Uzoqni ko'ra olish qobiliyatingizni soting.

O'sishingiz uchun ruxsat kutib o'tirish shart emas.
Namuna ko'rsatib o'sing.

#Leadership #ProblemSolving #PersonalGrowth

Ba'zan senior vazifani bajarish uchun juniorga qaraganda KO'PROQ vaqt sarflashi mumkin

Bir xil vazifani:
Senior: 5 kun.
Junior: 2 kun.

Ammo bir haftadan keyin ...

Senior: boshqa vazifalar ustida ishlayotgan bo'ladi.
Junior: bajargan vazifasini tuzatish/takomillashtirish uchun yana 3 kun sarflaydi.
Yakunda esa boshqacha yondashuv bilan qaytadan yozib chiqish kerakligini tushunib yetadi.

Manba: X.com

#DeveloperProductivity #TaskEstimation #SeniorVsJunior

Azizbek aka ovescroll-behavior: contain haqida juda foydali ma'lumot berganlar.
Shunga qo'shimcha qilib, kichik namuna qoldiraman.

Ya'ni, agar siz sahifada ichida vertikal juda uzun kontenti bo'lgan modalni ochsangiz, kontentni oxirigacha ko'rib chiqish uchun, vertikal skroll qilasiz, shunda kontent tagiga yetganingizda, asosiy sahifadagi skroll ham ishlab ketadi. Bu rostan juda noqulay holat. Yechim sifatida modal stiliga ovescroll-behavior: contain qo'yish kifoya.

Quyidagi namuna orqali kengroq tushunib olasiz, CSS bo'limiga e'tibor qarating:
Namuna havolasi

#css

Frontend nation

4-7 iyun kunlari keng miqyosli, 40 dan ortiq speakerlarni o'zida jamlagan frontend sohasi bo'yicha katta onlayn event bo'lishi kutilmoqda.
Ko'plab freymvork mutaxassislaridan muhim bilimlarni olish uchun yaxshi imkoniyat.

Ro'yhatdan o'tish: https://frontendnation.com

#frontend

Shartli qiymatlar o'rniga default parametrlardan foydalaning

Default parametrlar kodlarni tozaroq ko'rinishiga yordam beradi.
Lekin, ular faqat undefined argumentlarnigina o'rnini bosa oladi. Boshqa "falsy" qiymatlar '', false, null, 0, va NaN qiymatga ega argumentlarga ta'sir qilmaydi.

❌ Yomon:

function createMicrobrewery(name) {
  const breweryName = name || "Hipster Brew Co.";
  // ...
}

✅ Yaxshi:

function createMicrobrewery(name = "Hipster Brew Co.") {
  // ...
}

#JavaScript #CodingTips #WebDevelopment #CleanCode

Muammo: Array.reduce tushunishga sal qiyinroq

Yechim: Tushunarli nomlar tanlang doim.

#JavaScript #CodingTips #WebDevelopment #CleanCode

✅ Intervyudan savol

Javascriptda Pure funksiya nima?

Javob:

Javascriptda Pure funksiya shunday funksiyaki, unga bir xil input qiymatlar berilsa, doim bir xil natija qaytaradi va hech qanaqa side-effectlar(ya'ni global tashqi state ma'lumotlarini o'zgartirmaydi) yuzaga keltirmaydi.

Impure funksiya esa yuqoridagi namunada, o'zining scopedan tashqaridagi stateni o'zgartirgan, ya'ni side-effect kelib chiqqan.

#interview #js