Odam zerikib kettiyu kiringlar agar bekor otirganlar bolsa chatga :)

You tubega video chiqarmasimdan oldin sekingina ro'yhatdan o'tib qoya qoldim

Buymeacoffee : azamjonbro

Assalomu alaykum. Yaqinda yangi loyiha boshlayman. Loyiha ideasi tayyor in shaa alloh. Domainlari ham sotib olingan. kodx.uz Ushbu loyihada blog yuritishni maqsad qilganman. G'irt o'zbekcha dasturlash uchun g'irt o'zbekcha dakument yoziladigan sayt boladi. Loyiha to'liq TypeScriptda yozishni maqsad qilganman.



Junior dasturchidan maslahat: TypeScriptni o'rganing, Test yozishni boshlang

Forum bolsa forumda. 10 soatlik davomiy uyqusizlikdan keyin chalg’ib ham turish kerak

Junior man desam ham Senior deyishadi eeeee :(

Hoy bola qayerga qayerga qarab ketyapsan. Odamlarni qalbidan joy va mehr topib bomedi.

Yolg’izlik…. Buvimni gapi esimga tushyapti

Debounce JS — bu nima va nega kerak?
Veb-ilovalarda ko‘pincha biror tugma ustiga tez-tez bosilsa yoki input maydoniga har bir harf kiritilganda serverga so‘rov yuborilishi mumkin. Bunday vaziyatlarda:

Dastur juda ko‘p chaqiruvlar bajaradi

Serverga keraksiz yuk tushadi

Foydalanuvchi tajribasi yomonlashadi

Buning oldini olish uchun debounce texnikasi qo‘llaniladi.

Debounce nima qiladi?
Debounce funksiyasi ketma-ket kelayotgan chaqiruvlarni “kechiktiradi” va faqatgina foydalanuvchi bir muddat hech qanday harakat qilmagandan keyin oxirgi chaqiruvni bajaradi.

Oddiy qilib aytganda:
Agar foydalanuvchi inputga yozishni to‘xtatsa va 300ms davomida boshqa harakat bo‘lmasa, API chaqiriladi. Har bir yangi kirish esa oldingi timeout’ni bekor qiladi va yangidan hisoblashni boshlaydi.

Kod misoli (JavaScript)

function debounce(fn, delay) {
  let timeout;
  return function (...args) {
    clearTimeout(timeout);
    timeout = setTimeout(() => fn.apply(this, args), delay);
  };
}

// Foydalanish:
const onSearch = debounce(() => {
  console.log("API chaqirildi!");
}, 500);

window.addEventListener('resize', onSearch);

Yuqoridagi kodda onSearch funksiyasi faqat foydalanuvchi o‘lcham o‘zgartirishni tugatgach 500ms ichida chaqiriladi.

Debounce qachon ishlatiladi?
Qidiruv input maydonlarida (API chaqiruvlarni kamaytirish uchun)

Scroll yoki resize kabi tez-tez trigger bo‘ladigan hodisalarda

Formani yuborishda bir necha marta bosishni oldini olishda



Junior dasturchidan maslahat : Debounce — bu oddiy, lekin kuchli texnika. U foydalanuvchi interfeyslari uchun samarali va qulay tajriba yaratishda yordam beradi.

Next.JS ni qanday ekanini ishlatib korsang bilar ekansan .

Birinchi marta Next.JS da code yozib githubga commit qilib qoydim va uni ishlashini test qilib korgandim. U rasmlarni optimizatsiyasi seo va performancega alohida etibor bergan ekan. ishlashi va undagi kamchliklarni hozircha sezmadim. Boshlang'ich file structureni tuzib kordim va qiziqishim yanada ortdi.

Keyingi qadam undagi imkoniyatlar bilan to'liq tanishish. Agar chuqurroq o'rganib olsam u bilan bitta videodars qilishga harakat qilaman. Ungacha boshlang'ich file structureimni bu yerdan topishingiz mumkin.