Доход с телеграм-канала

От 1500 подписчиков. Подключайтесь с Яндексом!

Заработок с телеграм-канала

С аудиторией от 1500 подписчиков. Подключайтесь!

Донаты в Telegram

Принимайте донаты бесплатно, без лимитов и комиссий.

Статистика Избранное

Muhammadislom - IT Blog

@Muhammadislom_Dev

Гео и язык канала: Узбекистан, Узбекский

Категория: Блоги

• Middle Frontend (React and Nextjs) developer
• Freelancer 30+ project
Savollar yoki yordam kerak boʻlsa: @Xojimuhammedov
muhammadislom.uz

Связанные каналы

Гео и язык канала

Узбекистан, Узбекский

Категория

Блоги

Статистика

Избранное

Фильтр публикаций

Скрывать удаленные

Скрывать репосты

Muhammadislom - IT Blog

27 Jan, 19:57

Amaliyot bo'yicha hozirgina React query bo'yicha darsni o'tib berdim va amaliyot sifatida namuna ham ko'rsatib berdim.

Yaqinda bir loyiha boshlagandim nasib qilsa shuni React query orqali foydalanib qilaman. Agar qatnashuvchilar soni ko'p bo'lsa shuni realniy ko'rsatib qilaman ya'ni o'rgatib.

83 0 0 3 7

Muhammadislom - IT Blog

27 Jan, 19:55

🛠 Refresh Token nima va u qanday ishlaydi?

📌 Refresh Token – bu foydalanuvchilarni xavfsiz va qulay tarzda tizimga kirgan holda saqlashga xizmat qiladi. Odatda, access token’lar qisqa muddatga amal qiladi, chunki ularning amal qilish muddati tugaganda, tizim foydalanuvchidan qayta login qilishni talab qiladi. Refresh token esa ushbu jarayonni avtomatlashtirish uchun ishlatiladi.

🎯 Refresh Token qanday ishlaydi?
1️⃣ Foydalanuvchi tizimga kirganida, server access token va refresh token yaratadi.
2️⃣ Access token qisqa muddatda amal qiladi (masalan, 15 daqiqa).
3️⃣ Amal muddati tugagandan so‘ng, mijoz (client) refresh token yordamida yangi access token so‘raydi.
4️⃣ Server refresh tokenni tekshiradi va agar hammasi joyida bo‘lsa, yangi access token beradi.

✨ Refresh Token afzalliklari:
🛡 Xavfsizlik: Access tokenni qisqa muddatga cheklash xakerlik xavfini kamaytiradi.
⏳ Foydalanuvchi qulayligi: Foydalanuvchilar tizimga qayta-qayta login qilishdan qutuladi.
⚠️ Refresh Token’ni ishlatishda ehtiyot bo‘ling!
Refresh tokenni xavfsiz saqlash juda muhim. Brauzerda yoki frontendda saqlashdan ko‘ra, serverda saqlash ma’qulroq.
Refresh token amal qilish muddati chegaralangan bo‘lishi kerak.

@Muhammadislom_Dev

86 0 2 4

Muhammadislom - IT Blog

27 Jan, 08:46

Assalomu alaykum hayrli kun barchaga, boshlangan hafta yaxshi ishlarga boshlasin.

Bugun barcha uchun foydali va qiziq boʻlgan, real loyihada foydalaniladigan refreshToken haqida post joylayman 🔥.

@Muhammadislom_Dev

132 0 0 2 7

Muhammadislom - IT Blog

26 Jan, 12:45

Assalomu alaykum barchaga.

Yetkanizga shukur, menga ham nasib qilgan ekan ❤️‍🔥.

Sizlarga bundan zoʻrlari nasib qilsin 🤝.

177 0 0 18 22

Muhammadislom - IT Blog

25 Jan, 16:43

Universitetning hayotdagi o'rni!

Hayrli kech barchaga, umumiy mavzudan tashqariga biroz chiqmoqchiman. Muloqot qilish uchun sizlar bilan.

Bu yerdagilarni ko'pchiligi universitetda o'qiydi yoki bitirganlar ham bor. Universitet men uchun tanishlar orttirish, qanday insonlar bilan muloqot qilishim kerakligi va eng asosiysi muloqot ko'nikmasini oldim.

Universitetga kirmaganimda kim bo'lardim?
Bu haqida oldin o'ylab ko'rmagan ekanman to'g'risi, chunki o'qishga kirish uchun 3 yilga yaqin tayyorlanganman. Maktab paytida ham eng oldi o'quvchi edim 😄. Meni fikrimcha Rossiyaga ishlash uchun ketkan bo'lardim.

Qisqa mazmunda yozdim bu postni uzun bo'lmasligi uchun. Sizlarga esa savol, universitet siz uchun nima berdi, agar bu yerga kirmaganizda kim bo'lardingiz?

Javobingizni commentda kutaman 🙂.

🔗 @Muhammadislom_Dev

185 0 1 9 6

Muhammadislom - IT Blog

25 Jan, 11:07

Assalomu alaykum hayrli obed barchaga.

67-avtobusdagi akani ayoli tashlab ketkan shekilli, Yagzon eshitib ketyapti 😄.

190 0 0 14

Muhammadislom - IT Blog

24 Jan, 19:18

Aql boshda ham, yoshda ham emas: Danning-Kryuger effekti

Odatda tajribasiz odamlar o‘z qobiliyatlariga ortiqcha baho berib yuborishadi. Tajribali shaxslarga esa o‘z imkoniyatlariga aslidagidan pastroq baho berish xosdir. Psixologiyada bu holat Danning-Kryuger effekti deb nomlanadi.

Tajribasizlik va bir vaqtning o‘zida aqlsizlik u yoki bu sohaning asoslarini bilmaslikdan kelib chiqadi. Oddiy misol. Stol tennisida o‘ynash uchun sharikni urish kerakligini bilamiz. Lekin uni qay tarzda, qanday pozitsiyada, qachon, qanday zarb bilan urish asoslaridan bexabarligimiz – tajribasizligimiz bu o‘yinda pand beradi.

Agar buni dasturlash tomonlama qarasak, hammamiz interviewga kirganmiz. Interviewda ko'pchilik panikaga tushib qoladi huddi bilgan narsasini ham yaxshi tushuntirib berolmaydi. Yoki men bilaman, qila olaman deydi ba'zilar, real loyihada esa qanday qilishni bilmasdan o'tiradi.

Qisqacha mazmuni shunday, aslida ko'p narsa hodisalar bu bizning psixologiyamizga bog'liq. Ozgina fikrlab, o'zimizni tartib olsak hammasi bir chekadan bo'ladi.

Foydali bo'lsa bittadan reaksiya sizlardan 🤝.

🔗 @Muhammadislom_Dev

209 0 2 4 18

Muhammadislom - IT Blog

24 Jan, 08:16

Assalomu alaykum hayrli kun, Juma Ayyomlar bilan ❤️‍🔥.

Bugun Danning-Kryuger effekti shu haqida post yuboraman, buni bizga qanday foydasi borligini batafsil yoritib beraman.

🔗 @Muhammadislom_Dev

213 0 0 13

Muhammadislom - IT Blog

22 Jan, 18:53

JavaScriptda HTTP so'rovlarni yuborish: Boshlang'ich qo'llanma 🌐

Bugungi kunda veb-ilovalar asosan server bilan muloqot qilish orqali ma'lumotlarni olish yoki yuborishga asoslangan. JavaScriptda HTTP so'rovlarni yuborish uchun turli usullar mavjud. Quyida ulardan eng mashhurlarini ko'rib chiqamiz:

🚩 Fetch API
Fetch API - hamma foydalaniladigan qulay usul. U asinxron so'rovlarni oddiy va tushunarli yozish imkonini beradi.
Xususiyatlari:

• Asinxron ishlash (Promises asosida).
• JSON bilan ishlash qulay.
• HTTP metodlar: GET, POST va boshqalar.

🚩 Axios
Axios - bu HTTP so‘rovlarni yuborish uchun kuchli va moslashuvchan kutubxona.

Afzalliklari:

• Avtomatik JSON konvertatsiyasi.
• Interceptor yordamida so'rovlar va javoblarni boshqarish.
• Node.js va brauzerda ishlash.

🚩 XMLHttpRequest (Eski usul)
Fetch va Axios paydo bo'lishidan oldin eng keng tarqalgan usul edi.

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data');
xhr.onload = () => {
if (xhr.status === 200) {
console.log(JSON.parse(xhr.responseText));
} else {
console.error('Xato:', xhr.statusText);
}
};
xhr.send();

Kamchiliklari:

• Kod ko'proq va murakkabroq.
• Promises yoki async/await yo'q.

Foydali bo'lsa bittadan reaksiya sizlardan 🔥

🔗 @Muhammadislom_Dev

278 0 0 21

Muhammadislom - IT Blog

22 Jan, 08:40

Assalomu alaykum hayrli kun barchaga!
Ertaga 1-darsni Frontend Amaliyot bo'yicha boshlaymiz qo'shilib ulgurmaganlar bo'lsa hali ham ochiq.

Bugun HTTP va Closure mavzulari bo'yicha 2 ta post joylayman, yangi qo'shilganlar uchun joylar yetadi hammaga 🙂.

Yaqin kunlarda o'zim uchun qo'shimcha bir ishni o'rganishni ham boshlayapman, bu haqida keyinroq yozaman. Bu ish qo'shimcha va kelgusida manfaatli loyihalar qilishga yordam beradi.

🔗 @Muhammadislom_Dev

272 0 0 11

Muhammadislom - IT Blog

20 Jan, 18:06

Xayrli kech barchaga ushbu havola orqali qoʻshilish soʻrovini yuborishingiz mumkin. Bu bepul boʻladi lekin siz olayotgan bilim va koʻnikmani kursda oʻrgatmaydi shu sabab harakat qilaman va oʻrganaman deganlar uchun.

Qoʻshilish uchun: https://t.me/+7aSrLqGMmlsxZjgy

🔗 @Muhammadislom_Dev

406 0 3 1 12

Muhammadislom - IT Blog

20 Jan, 09:16

Assalomu alaykum hayrli kun barchaga!

Amaliyotda o'tiladigan mavzular ro'yhati va qo'shimcha real project ham qilib ko'rsatib beriladi, yuqoridagi postlarni ko'rsangiz batafsil to'xtalib o'tilgan.

Bugun kechga link share qilaman va shu orqali qo'shilish mumkin bo'ladi. Faqat tanishlar bo'lsa share qilib qo'yasizlar 🔥.

Barchasi bepul!

🔗 @Muhammadislom_Dev

625 0 4 9 13

Muhammadislom - IT Blog

19 Jan, 15:23

Ertaga bu amaliyot bo'yicha e'lon beraman, qabul qilish soni chegaralangan bo'ladi bepul bo'lsa ham. Video dars va real loyihada amaliyot bo'ladi, ikkisini ham o'zim olib boraman.

469 0 1 2 16

Muhammadislom - IT Blog

19 Jan, 15:19

Type coercion va type conversion bularning farqi nima?

Type Coercion — bu JavaScript tomonidan avtomatik ravishda bir turdagi ma'lumotni boshqa turga o'zgartirish jarayonidir. Bu jarayon foydalanuvchining aralashuvisiz sodir bo'ladi.

Masalan:
console.log('5' - 2); // 3
console.log('5' + 2); // '52'
console.log(true + 1); // 2
console.log('10' == 10); // true

Type Conversion — bu dasturchi tomonidan code orqali qo'lda amalga oshiriladigan jarayon bo'lib, ma'lumot turini biridan boshqasiga o'zgartiradi. Bu jarayonni bajarish uchun maxsus funksiyalar yoki operatorlar qo'llaniladi.

Masalan:
console.log(Number('5')); // 5
console.log(String(123)); // '123'
console.log(Boolean(0)); // false
console.log(parseInt('42px')); // 42

🔗 @Muhammadislom_Dev

465 0 0 8

Muhammadislom - IT Blog

19 Jan, 09:28

Assalomu alaykum hayrli kun barchaga!

Yakshanba kuni zoʻr boʻlarkan gymda odam kam juda, 10 ga yaqin kelgandim 1.5 soat zoʻr boʻldi 😮‍💨.

332 0 0 4 9

Muhammadislom - IT Blog

17 Jan, 18:29

Assalomu alaykum hayrli kech barchaga.

Amaliyot plani haqida qisqacha mazmunda tushuntirib o'taman. Bu kimlar uchun kerak va bu orqali nima bilim ko'nikma olishiz mumkin.

🚩 Api bilan ishlashni o'rganishni yaqinda boshlaganlar uchun.
🚩 State managementlar bilan ishlashni bilmaydiganlar yoki o'rganmoqchi bo'lganlar uchun.
🚩 Socket va Websocket nima deganda bilmayman deb javob beruvchilar uchun.

Bularni barchasi live dars va real project qilib ko'rsatib beriladi, faqat sizlardan bir yordam buni ko'pchilik uchun qilmoqchiman. Shu sabab share qilishga yordam berib yuborasizlar 🤝.

Bu sanab o'tganlarim orasida hali ish jarayonidagi voqealar, ishga topshirishdagi yo'l-yo'riqlar va boshqa ko'nikmalarni ham jamlab oladi. Nasib dushanba kuni e'lon qilaman.

🔗 @Muhammadislom_Dev

355 0 1 1 15

Muhammadislom - IT Blog

16 Jan, 17:51

Men boshlamoqchi bo'lgan amaliyotni planini tuzishni boshladim. Bu faqatgina dars bo'lib qolmaydi real project bilan amaliyot ham bo'ladi 🔥.

Bu ko'pchilik uchun foydali bo'ladi va albatta bu bepul bo'ladi. Faqat post va maqola yozmay amaliy ham qilaylik 🙂.

Nasib yaqin kunlarda to'liq e'lon qilaman.

🔗 @Muhammadislom_Dev

390 0 2 1 15

Muhammadislom - IT Blog

16 Jan, 11:14

Assalomu alaykum hayrli obed 🙂.

Frontend bo'yicha kursni tamomlab yoki kursda o'qiyotkanlar uchun, bir loyiha boshlayapman. Bu orqali quyidagilarni o'rganish mumkin:

🚩 Real projectda ishlash
🚩 API bilan integratsiya qilishni o'rganish
🚩 React query, Socket.io va boshqa qiziq mavzular bo'yicha video darslik.
🚩 To'g'ri resume tayyorlash va ishga topshirish uchun yo'l-yo'riq.

Shularni qamrab oladi men boshlayotkan loyiha, bu haqida batafsil post tayyorlayman va nasib e'lon qilaman.

Faqat sizlardan bir yordam o'zingizdagi kamchiliklarni commentga yozib qoldirsangiz. Nima qilishda siz qiyinchilikka duch kelasiz, shu haqida batafsil javobingizni kutaman!

Commentda kutaman

🔗 @Muhammadislom_Dev

367 1 1 18 5

Muhammadislom - IT Blog

15 Jan, 08:55

Assalomu alaykum hayrli kun barchaga!

Bu post mening arxitektura qurish bo'yicha A va B nuqtam asosida bo'ladi.

➡️ Chap tarafdagi mening reactda birinchi qilgan loyihalarimdan, folder nomlarini ham to'g'ri yozishni bilmasdim 😅.

➡️ O'ng tarafdagi loyiha arxitekturasi bu real project uchun qilingan. Bu arxitekturada hammasi joyida qilingan.

Bu ikkila farq orasida 3 yil vaqt bor, katta loyiha va davom etadigan loyihalarda oddiy ishlarga ham e'tibor berish kerak. Chunki sizdan keyin albatta boshqa bir dasturchi kelib ishlashi mumkin.

Yakunda nima demoqchiman, katta o'zgarishlarni kichik qadamdan boshlash kerak. Hech qachon o'zingizni darajangizni tajribali inson bilan taqqoslamang. To'xtamaslik kerak, o'xshamadimi davom etish kerak!

Yangi o'rganuvchilarga motivatsiya bo'ladi degan umiddanman oz bo'lsa-da!

E'tiboringiz uchun rahmat 🙂.

🔗 @Muhammadislom_Dev

351 0 0 9 5

Muhammadislom - IT Blog

14 Jan, 18:21

Xayrli kech barchaga!

Bugun hamma uchun qiziq bo'lgan va foydali bo'lgan mavzuda tayyorladim. Ko'pchilik yangi boshlaganlar va arxitektura qurishda qiynaladiganlar uchun maxsus 🙂.

Yakunda o'zim qilgan real project arxitekturasini ko'rsatib o'tkanman 🔥.

Batafsil: https://teletype.in/@muhammadislom/4ga_vBmFQfx

Bittadan reaksiya bosvorishlik joyi, fikringizni commentda kutaman.

🔗 @Muhammadislom_Dev

250 0 0 3 8

Показано 20 последних публикаций.

389

подписчиков

Статистика канала

Популярное в канале

Frontend dasturchi uchun Job Interview savollariga shu vaqtgacha o'zim tayyorlagan barcha postlar...

Assalomu alaykum hayrli kun barchaga! Amaliyotda o'tiladigan mavzular ro'yhati va qo'shimcha rea...

Ushbu yildagi soʻnggi yakun. Yuqorida yozgandim batafsil 30-dekabr 21:00 da "Booking gift" 🎁 haq...

Ertaga bu amaliyot bo'yicha e'lon beraman, qabul qilish soni chegaralangan bo'ladi bepul bo'lsa h...

Type coercion va type conversion bularning farqi nima? Type Coercion — bu JavaScript tomonidan a...