Assalomu alaykum hayrli kun barchaga!
Hammani dasturida turli xil xatoliklar chiqadi bugun shuni qanday debug qilish haqida batafsil yozaman.

Ungacha sizlarga bir savolim bor, interviewda Event loop haqida so'rasa qanday javob berasizlar?

Keyin o'zimni javobimni yuboraman, aktiv bo'lib turinglar hay🙂.

@Muhammadislom_Dev

Chatgpt yoki boshqa AI lardan nima maqsadda foydalanasiz?

Men ko'proq bir nechta tillardagi tarjima uchun foydalanyapman so'nggi paytlarda.

AI ishni ancha osonlashtiryapti so'ngg paytlarda.

Fikringizni commentda qoldiring men uchun qiziq albatta 😌.

@Muhammadislom_Dev

🔍 Dasturdagi muammolarni qanday debug qilish mumkin?

1️⃣ console.log() – Eng oddiy va tezkor usul
🛠 Qachon ishlatish kerak?

Kodning qaysidir joyigacha yetib borganini tekshirish uchun
O‘zgaruvchilarning qiymatini tekshirish uchun

2️⃣ debugger – Kuchli vosita
🔎 Qachon ishlatish kerak?

Murakkab muammolarni qadam-baqadam tahlil qilish uchun
Kod qanday ishlashini vizual ravishda tushunish uchun

function calculate(a, b) {
   debugger; // Kod shu joyda to‘xtaydi
   return a + b;
}
calculate(5, 10);

debugger ni kodga qo‘shing
Brauzerning Developer Tools (F12 yoki Ctrl + Shift + I) da Sources bo‘limidan kodni qadam-baqadam tekshiring.

O'zimga kelsam, xatoni to'g'rilash uchun, boshidan kelaman xatoni bartaraf etish uchun. Bir paytlari vscodeda amalni bajarib productiondan tekshirgan paytlarim ham bo'lgan 😄.

Sizlarda ham bo'lib turadimi, code editorda ishni bajarasiz uni natijasini productiondan ko'rmoqchi bo'lasiz.

Foydali bo'lsa bittadan reaksiya bilan yondirvoraylik😌.

@Muhammadislom_Dev

🎯 JavaScriptda Event Loop nima?

Event Loop – bu Call Stack, Callback Queue va Microtask Queueni boshqarib, kodning to‘g‘ri bajarilishini ta’minlaydigan mexanizmdir.

🔹 Event Loop qanday ishlaydi?
1️⃣ Call Stack (chaqiruv steki) – Funksiyalarni bajarish ketma-ketligi. Agar funksiya bajarilishi tugamasa, boshqa kodlar ishlamaydi.
2️⃣ Web APIs – setTimeout(), fetch(), DOM events kabi asinxron amallarni brauzer API orqali boshqaradi.
3️⃣ Callback Queue (Macrotasks) – setTimeout, setInterval kabi funksiyalar ishlaganda shu yerga tushadi.
4️⃣ Microtask Queue (Microtasks) – Promise.then(), queueMicrotask() kabi funksiyalar bu yerda kutadi.
5️⃣ Event Loop – Call Stack bo‘sh bo‘lsa, Callback Queue yoki Microtask Queue’dan kodlarni olib bajaradi.

Macrotask: setTimeout(), setInterval(), setImmediate() – Callback Queue orqali ishlaydi.
Microtask: Promise.then(), MutationObserver(), queueMicrotask() – Microtask Queue orqali ishlaydi.

Misol:

console.log("1️⃣ Start");

setTimeout(() => console.log("3️⃣ Timeout"), 0);

Promise.resolve().then(() => console.log("2️⃣ Promise"));

console.log("4️⃣ End");

🚀 Xulosa:
✔ JavaScript asinxron kodlarni Event Loop orqali boshqaradi.
✔ Microtasks (Promise.then()) doimo Macrotasks (setTimeout()) dan oldin ishlaydi.
✔ Call Stack bo‘shagach, Event Loop navbatdagi kodni bajaradi.

📢 Sizni intervyuda Event Loop haqida qanday savollar qiynagan? Kommentda yozib qoldiring fikr almashamiz!

@Muhammadislom_Dev

Assalomu alaykum hayrli kun barchaga!
Frontend Amaliyot bo'yicha kecha Redux, Redux toolkit mavzulari o'tib berdim va asosiy qismini ham yakunladik.

Kelasi haftaga bir ishni boshlash arafasidaman, u haqida bugun batafsil yozaman.

@Muhammadislom_Dev

Frontend Amaliyot bepul olib borgan loyihamni bu hafta yakuniga yetkazaman va yaqinda shu o'tilgan darslar bo'yicha real projectda amaliyot tashkil qilmoqchiman.

Amaliyot uchun admin panel bo'ladi, barcha admin panelda ishlashda qiynaladi, shu sabab kerakli o'tilgan mavzu bo'yicha amaliy ham ko'rsatib beraman.

Qatnashish bepul bo'ladi va bu admin panel real projectdagi API dan foydalanaman. O'zim bir nechta proyektlar uchun admin paneldan foydalanaman va uni universal ko'rinishga keltirib olaman. Shuni 0 dan boshlagan holda qilish jarayonini ko'rsatib beraman.

Agarda o'zingiz foydalanib qilmoqchi bo'lsangiz amaliyot davomida foydalanishga beraman va yakunda admin panelni o'zingizni real projectlariz qatoriga qo'shishingiz mumkin.

Shunday qilsam qatnashgan bo'larmidingiz? Fikringizni commentda qoldiring!

Bugun harakat ertaga natija sizni kutmoqda!

@Muhammadislom_Dev

Qilayotkan ishingizni professional qilishga urining!

Bugun bir odam bilan koʻrishib qolgandim sentyabr oyida sayt qilib bergandim kichik bir biznesi uchun, shopping sayt edi mahsulotlar va u haqida maʼlumotlar koʻra oladigan.

Keyin aytib qoldi qilib bergan saytingiz meni mijozlarimga yordam berdi. Kelgan insonlar koʻp qismi sayt orqali keldi va mahsulot haqida mendan informatsiya soʻramadi dedi. Bilasiz doʻkonga borganda albatta mahsulotlar haqida maʼlumot olamiz. Sizga bergan pulimga roziman dedi.

Toʻgʻrisi bunaqa gaplar sal boʻlsa-da insonni hursand qiladi ekan. Ish koʻp paytida charchaydi hamma, baʼzi paytlari qilgim ham kelmaydi.

Bundan 3 yil oldin saytdagi oddiy xatolarni toʻgʻrilay olmasdim yoki qila olmasdim. Shundan keyingi mehnatlarni natijasini olyapman.

Yakunda nima demoqchiman, men yuqoridagi kabi amaliy yordam koʻrsatganda foydalanib qolishni sizlarga tavsiya qilardim, chunki menda tajriba va xatolarimdan olgan xulosalarim bor. Qilayotkan ishimizni professional darajada yondashishga har birimiz urinaylik.

Harakatlar oʻz natijasini beradi albatta.

@Muhammadislom_Dev

Assalomu alaykum hayrli kun barchaga!

P:s Bugungi kun uchun foydali postlar share qilaman, faqat bitta yordamilar ham kerak bo'ladi.

🎭 Impostor Sindromi

Bu o‘z yutuqlaringizni kichraytirish yoki ular tasodifiy deb o‘ylash holati. Masalan, biror loyiha muvaffaqiyatli chiqqanida, “Bu men tufayli emas, omadsizlik bo‘lsa kerak” deb o‘ylash mumkin. Yoki yangi texnologiyani o‘rganayotib, “Boshqalar mendan aqlliroq, men bu sohaga mos emasman” degan fikrlar paydo bo‘ladi.

💻 Dasturchilar Nega Ko‘proq Sezadi?

Doimiy rivojlanish: Texnologiyalar tez o‘zgaradi, yangi narsalarni o‘rganishga ulgura olmaslik hissi paydo bo‘ladi.
Internetdagi muvaffaqiyat hikoyalari: GitHub’dagi mukammal kodlar yoki LinkedIn’dagi “idealdan ham mukammalroq” postlar sizni o‘zingizni pastroq his qilishga undaydi.
Kompleks muammolar: Kod yozishdagi xatolar yoki murakkab muammolar yechishda qiynalish, o‘zingizni yetarli darajada emasdek his qilishga olib keladi.

🔑 Bunga Qarshi Kurashish Yo‘llari:

Muvaffaqiyatlaringizni tan oling: Har bir kichik yutug‘ingizni qayd eting va o‘zingizni rag‘batlantiring.
Qiyoslashni to‘xtatish: O‘zingizni faqat kechagi kundagi o‘zingiz bilan taqqoslang.
Xatolar – bu o‘sishning bir qismi: Har bir xato – bu yangi bilim olish imkoniyati.
Boshqalar bilan tajriba almashish: Boshqalar ham xuddi shunday hissiyotlarni boshidan kechirayotganini bilish, sizga yengillik beradi.

Har bir muvaffaqiyat – sizning mehnatingiz va bilimlaringiz natijasi. O‘z qadringizni biling va doim o‘zingizga ishoning!

Reaksiya bilan yondirib yuboraylik hay 🔥.

@Muhammadislom_Dev

Assalomu alaykum hayrli kun barchaga, Juma Muborak bo'lsin ❤️‍🔥.

Real loyiha muammosi

Dasturlashni yangi boshlaganimda real ishlab turadigan loyiham boʻlmasdi, netlify yoki vercelga deploy qilingan loyihalar edi hammasi. Haqiqiy real loyihani apisidan foydalanib koʻrmagandim qachonki ishga kirganimda ishlatkandim.

Bilaman sizlarda ham shunday muammolar bor. Bunga yechim albatta men sizlarga bermoqchiman. Yaqinda boshlangan loyihamni admin panel qismini birga qilishni sizlarga taklif qilsam qoʻshilgan boʻlarmidiz. Sizdan hech nima soʻramayman. Faqat ohirigacha boradiganlar kerak menga.

Oʻzim loyihani qilaman, real loyihadagi apidan foydalanaman, video dars shaklida olib boraman.
Albatta bu admin panel boʻladi kamida 4-5 sahifadan iborat.

Hech kim bunday taklif bermaydi deb oʻylayman, ohirigacha borsangiz oʻzingizga yaxshi bir loyiha boʻladi.

Shunday tashkil qilsam qatnashgan boʻlarmidiz, commentga yozib qoldiring.

Bepul bilim va tajribadan foydalanib qolish kerak!

@Muhammadislom_Dev

O'ynaganlar bormi 😄. Yoshligim esimga tushkandek bo'ldi.

Vaqt tez o'tyapti, harakatni to'xtatmaslik kerak!

@Muhammadislom_Dev

Assalomu alaykum hayrli kun barchaga!

Real loyiha bilan amaliyot dasturini dushanba kuni qabulini ochaman, bugun batafsil tushuntirib beraman.

Amaliyot dasturidan nimalar o'rganish mumkin?

Real project qilinadi aytib o'tkanimdek, admin panel real loyiha uchun tanlab olindi.

Bunda siz:
✔️ API bilan to'g'ri ishlashni o'rganasiz
✔️ Login/Register qismidagi token bilan ishlashni o'rganasiz, accessToken va refreshToken bilan birga.
✔️ CRUD amaliyotlarini qilib o'rganasiz.
✔️ React query yordamida real loyihadan bilim ko'nikma olasiz

Bu kimlar uchun:
- Kursni tamomlagan va real loyiha orqali o'zining tajribasini oshirmoqchi bo'lganlar uchun!

Barcha uchun bepul hamma qatnashishi mumkin, loyiha uchun dizayn bo'ladi va shu asosida qilinadi, o'zingiz uchun bitta loyiha bo'lib qoladi kelajak uchun.

Faqat ohirigacha borish kerak albatta, chunki hech kim o'rgatmaydi bunday narsalarni bepulga, o'zingiz youtube orqali ko'rishingiz mumkin albatta. Jonli ko'rgan baribir yaxshi hammamiz uchun.

Online formatda va telegramda olib boriladi.

Foydalaniladigan texnologiyalar:
JavaScript, Reactjs, React query, Chakra UI.

Iltimos faqat share qilishda yordamilar kerak ushbu postni share qilib yuborselar zo'r bo'lardi 🔥.

Qabul kuni: dushanba.

@Muhammadislom_Dev

Bu amaliyot barcha uchun bepul!

Loyiha sifatida admin panel uchun dizayn qilinadi va shu asosida olib boriladi. Dars telegramda olib boriladi.

Barcha qatnashishi mumkin Vue yoki boshqa tehnologiyalardan foydalanadiganlar ham. Faqat men React yordamida qilaman, asosiy funksionallik qismlarini jonli dars sifatida olib boriladi.

Bu dastur men Frontend Amaliyot 1.0 olib borganimning davomi sifatida amaliyot uchun tashkil qilinmoqda, ixtiyoriy inson qatnashishi mumkin. Yakunda natijalarni sarhisob qilamiz.

@Muhammadislom_Dev

Assalomu alaykum hayrli kun, yomgʻirda uhlaydigan havo boʻlyapti 🌧️.

Zalga keldim ertalabdan yaxshi energiya olaman.

Yakshanba kunida hamma uhlaydi bilaman 😅.

Yangi qoʻshilgan va kuzatib kelayotganlar uchun batafsil yuqoridagi postlarda koʻrishingiz mumkin.

Barcha uchun bepul, koʻpchilik narxi qancha deb soʻradi.

Assalomu alaykum hayrli kun barchaga.
Boshlangan yangi hafta barchamiz uchun hayrli bo'lsin. Bugun Amaliyot bo'yicha barcha savollar uchun bitta post joylayman.

Ungacha shu postdan boshlab ma'lumotga ega bo'lishingiz mumkin. Qanday tartibda bo'ladi, qachon boshlanadi bularni bugun hammasini tushuntirib beraman albatta.

Pinga qadalgan postni share qilishda yordamingizni ayamaysiz degan umiddaman!

@Muhammadislom_Dev

Hop demak barcha kelgan savollarga javob beraman!

Amaliyot pullikmi narxi qancha?

Bepul bo'ladi!

Qachon boshlanadi va qanday bo'ladi?

Bugun telegram kanal uchun kechga link beraman va u yerda telegram voice chat ko'rinishida olib boriladi.

Qanday tartibda bo'ladi, dizayn bo'ladimi?

Men o'zim bosqichma bosqich dizaynlarini tayyorlab olaman, bu vaqt oralig'ida siz ham qilib ketishiz mumkin. Haftada 2-3 marta voice chat orqali funksiya qismlarini yozib ko'rsatib beriladi.
Tushunmagan joyingiz, savollariz barchasini shunda so'rasangiz bo'ladi.

Sizdan hech narsa yuborish talab etilmaydi! Faqat telegram kanal uchun link beraman bugun 20:00 da shunda qo'shilasiz.

Iltimos biroz sabr qilib turaylik barchasini ketma-ketlik bilan tushuntirib beraman!

@Muhammadislom_Dev

Eng koʻp soʻralgan savol pullikmi, narxi qancha?

Bepul deb 4-5 marta bold holatida yozgandim 😅.