💡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

✅ Intervyudan savol

Javascriptda function declaration va function expression o'rtasida qanday farq bor?

Javob:

function declaration:
• Kod function kalit so'zi bilan boshlanadi.
• Contextda hohlagan yerda e'lon qilinishi mumkin va hoisted bo'lish xususiyatiga ega, ya'ni funksiya e'lon qilinganidan avvalroq ham chaqirilishi mumkin

function expression:
• Bunaqa funksiya o'zgaruvchiga qiymat sifatida tayinlanadi.
• Bunaqa funksiyalar hoisting bo'lmaydi va ularni faqat o‘zgaruvchiga tayinlangandan keyingina chaqirish mumkin.

#interview #js

event.preventDefault() va event.stopPropagation() orasida qanday farq bor?

1.event.preventDefault()

Vazifasi: Brauzerning standart xatti-harakatini bekor qiladi.

Amaliy misol:

const form = document.querySelector('form');
form.addEventListener('submit', function(event) {
  event.preventDefault();
  console.log('Forma yuborilishi to'xtatildi');
 });

Natija: Forma yuborilmaydi, sahifa qayta yuklanmaydi.

2.event.stopPropagation()

Vazifasi: Hodisaning DOM bo'ylab tarqalishini(bubbling va capturing) to'xtatadi.

Amaliy misol:

const child = document.querySelector('.child');
const parent = document.querySelector('.parent');

child.addEventListener('click', function(event) {
  event.stopPropagation();
  console.log('Faqat child elementi bosiladi');
});

parent.addEventListener('click', function() {
  console.log('Parent elementi bosiladi');
});

Natija: Child elementiga bosilganda faqat oʻsha elementning click hodisasi ishlaydi, parent elementigacha ko'tarilmaydi.

#interview #js #DOM #EventHandling

✅ Intervyudan savol

JavaScriptda call(), apply() va bind() biri biridan qanday farq qiladi va ularning har birini qachon ishlatish mumkin?

Javob:

- call():
Funksiyani maxsus this konteksti bilan ijro etadi va argumentlarni alohida-alohida uzatishimiz kerak bo'ladi.

Diqqat qiling, 1-argument yuqoridagi namunada this bo'ladi.

- Ishlatish holati: Funksiyani chaqirib, argumentlarni birma bir uzatish kerak bo'lganda.

- apply():
call() ga o'xshash, shunchaki, argumentlar massiv sifatida yuborish kerak.
- Ishlatish holati: Argumentlaringiz massivda bo'lsa va ularni funksiyaga yubormoqchgi bo'lsangiz.

- bind():
Doimiy bog'langan this konteksti bilan yangi funksiya qaytaradi.
call() va apply() dan farqi, darxol chaqirilmaydi, shunchaki yangi funksiya qaytaradi, keyinroq chaqirsa bo'ladigan

- Ishlatish holati: Keyinchalik chaqirish uchun belgilangan this kontekstiga ega funksiya yaratmoqchi bo'lganingizda.

#interview #js

Laravel freymvorki asoschisi multimillioner Taylor Otwell $57M investitsiya olibdi.
Bu laravel rivojlanishi uchun yanada ulkan qadam.

1-o'rgangan freymvorkim Laravel bo'lgan, haligacha foydalanaman.
Aytishim mumkinki, professionallik borasida unga yetadigani yo'q.

#laravel #php

Ba’zida hech qanday dizaynsiz UI komponentlar yaratishga to‘g‘ri keladi.

Shunaqa paytlarda, googleda sanoqsiz komponentlarni tanlab o‘tirish ancha vaqt oladi.

Yaqinda shu muammoni hal qiladigan foydali bir instrumentga duch keldim.

Vercel Labs tomonidan ishlab chiqilgan v0.dev standart UI layout yoki komponentlarni AI yordamida avtomatik generatsiya qilib berarkan.

#tip