#cleanCode

Ma'noli o'zgaruvchi nomlaridan foydalaning

Kodni o'qish va tushunish oson bo'lishi uchun o'zgaruvchilar nomlari ma'noli va tushunarli bo'lishi kerak.

@seniorDevBlog

#tips

Javascriptda eventlarni boshqarishda Event Delegation texnikasidan foydalanish.

Event Delegation parent elementdan turib eventlarni boshqarishga ruxsat beradi, shunda bola elementlarga bittalab event bog'lashga hojat qolmaydi.

@seniorDevBlog

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