Jonibek Turapov | Shaxsiy IT blog

Jonibek Turapov | Shaxsiy IT blog

Public

Kanalni ko'rish

Qo'shila olmaysizmi? @jonibek_turapov

0

3.9k A'zolar

Yangilangan: July 6, 2026 at 11:28 PM

Jonibek Turapov | Shaxsiy IT blog

Full-stack dasturchilik sohasida faoliyat yuritib kelayotgan Turapov Jonibek Shaxsiy IT blogi. Bu yerda sizlar bilan dasturlashga oid tekin darslar, foydali ma'lumotlarni va o'z tajribamni baham ko'raman insha'Alloh. 👉 @shaxsiy_loyihalar

@jonibek_turapov is a dedicated channel for kelayotgan and shaxsiy with regular updates in Kodlash va dasturlash

Reyting

Global reyting

#456

+2

Til reytingi

#45

+1

Toifa reytingi

#23

-1

Obunachilar sonining o'sishi (Oxirgi 5 kun ichida)

Jami: 3.9K

24 soatlik o'sish: +0 0%

Loading...

Reyting

Kirish talab qilinadi

Loading...

Loading recommended channels...

So'nggi postlar

Jonibek Turapov | Shaxsiy IT blog

27-apr, 2026, 12:06

5️⃣ Arrow + Callback birga (React uslubida)
const postYukla = (nomi, callback) => {
console.log(nomi + " yuklanmoqda...");
callback();
};

postYukla("JavaScript darsi", () => {
console.log("Tayyor");
});
📌 Mana shu yozuv — React/Vue logikasining asosi.

❗ Amaliy mashq (majburiy!)
1. Foydalanuvchi ismini qabul qiladigan funksiya yozing
2. Arrow function’dan foydalaning
3. Callback orqali “Xush kelibsiz” xabarini chiqaring

💡 Maslahat: Avval oddiy qilib yozing, keyin arrow va callback qo‘shing.

❓ Savollaringiz bormi?
Agar amaliy vazifa yoki kod bo‘yicha savollaringiz bo‘lsa —
👉 shu dars izohida yozib qoldiring, albatta javob beraman.

🔜 Keyingi darsda:
8-dars: Massivlar (Array) — real loyihalarda ishlatilishi

Aynan massivlarsiz React ham, Vue ham yo‘q 😉

1,120

10

0

Jonibek Turapov | Shaxsiy IT blog

27-apr, 2026, 12:06

4️⃣ Real hayotga yaqin misol (Blog uchun)
function postYukla(nomi, callback) {
console.log(nomi + " blogga yuklanmoqda...");
callback();
}

postYukla("7-dars: Funksiyalar", function () {
console.log("Post muvaffaqiyatli joylandi");
});
👉 React’da:
⏺️onClick
⏺️onSubmit
⏺️useEffect

— barchasi callback asosida ishlaydi.

Davomi keyingi postda... ↘️

944

5

0

Jonibek Turapov | Shaxsiy IT blog

27-apr, 2026, 12:06

3️⃣ Callback Function — funksiya ichida funksiya

Callback — bu boshqa funksiyaga parametr sifatida uzatilgan funksiya.

Oddiy misol:
function xabarBer() {
console.log("Amal bajarildi");
}

function ishBajar(callback) {
callback();
}

ishBajar(xabarBer);

📌 Bu qayerda kerak?
⏺️Tugma bosilganda
⏺️Ma’lumot yuklanganda
⏺️Hodisa (event) bo‘lganda

Davomi keyingi postda... ↘️

856

6

0

Jonibek Turapov | Shaxsiy IT blog

27-apr, 2026, 12:06

📕📕 7-dars: Funksiyalarni chuqurroq o‘rganish

(Callback, Arrow function va real misollar)

Agar JavaScript’ni tanaga o‘xshatsak, funksiyalar — bu uning mushaklari 💪
React, Vue yoki Angular’da deyarli hamma narsa funksiya orqali ishlaydi.
Shuning uchun bu dars — juda muhim.

1️⃣ Funksiya nima? (Qisqa eslatma)

Funksiya — bu qayta-qayta ishlatish mumkin bo‘lgan kod bo‘lagi.
function salomBer(ism) {
console.log("Salom, " + ism + "!");
}

salomBer("Jonibek");
salomBer("Dasturchi");

☑️ Foydasi:
⏺️Kod qisqaradi
⏺️O‘qilishi osonlashadi
⏺️Xatolar kamayadi

Davomi keyingi postda... ↘️

770

5

0

Jonibek Turapov | Shaxsiy IT blog

27-apr, 2026, 12:06

2️⃣ Arrow Function (=>) — zamonaviy yozuv

React va Vue’da siz ko‘pincha arrow function ko‘rasiz.

Oddiy funksiya:
function yigindi(a, b) {
return a + b;
}

Arrow function:
const yigindi = (a, b) => {
return a + b;
};

Yana qisqa yozuvi:
const yigindi = (a, b) => a + b;
☑️ React komponentlarida aynan shu usul ishlatiladi.

Davomi keyingi postda... ↘️

769

6

0

Jonibek Turapov | Shaxsiy IT blog

27-apr, 2026, 12:06

Oldinda eng muhim bosqichlardan biri!

Agar siz shu paytgacha JavaScript’da:
⏺️o‘zgaruvchilar bilan ishlagan bo‘lsangiz
⏺️shartlarni (if / else) tushuna boshlagan bo‘lsangiz
⏺️kod qanday o‘qilishini his qilayotgan bo‘lsangiz

demak, siz oddiy foydalanuvchi emas, dasturchi kabi fikrlash bosqichiga yaqinlashyapsiz.

🔜 7-dars aynan shu yerda juda muhim rol o‘ynaydi.
Bu darsdan keyin siz:
⏺️kodni takror-takror yozmaslikni
⏺️vaqt va mantiqni tejashni
⏺️real loyihalarda ishlatiladigan yondashuvni
tushuna boshlaysiz

Aksariyat yangi boshlovchilar aynan shu mavzudan keyin:

“Ha, endi JavaScript menda o‘rnashdi”
deydi.

👉 7-dars juda yaqin.
Kuzatib boring, blogni o‘tkazib yubormang 😉

920

5

Jonibek Turapov | Shaxsiy IT blog

27-apr, 2026, 12:06

📷 Photo

Yandex Cup 2025: O‘zbekistonlik dasturchilar xalqaro maydonda

Yaqinda Istanbul shahrida bo‘lib o‘tgan Yandex Cup 2025 xalqaro dasturlash musobaqasi natijalari e’lon qilindi. Bu musobaqa dunyoning turli davlatlaridan kuchli dasturchilarni jamlagan yirik IT tadbir bo‘ldi va eng quvonarlisi — unda o‘zbekistonlik mutaxassislar ham g‘oliblikni https://www.spot.uz/oz/2025/12/23/yandex-cup/.

Saralash va final bosqichlarida 21 ta davlatdan 196 nafar ishtirokchi qatnashib, murakkab algoritmik va amaliy vazifalar ustida bellashdi. Natijada ikki nafar vatandoshimiz o‘z yo‘nalishida eng yuqori natijani ko‘rsatdi:

1. Nazarbek Boltaboyev — Frontend yo‘nalishida
2. Akobir Abdug‘aniyev — Backend yo‘nalishida

Bu yutuq shunchaki shaxsiy muvaffaqiyat emas, balki O‘zbekiston IT sohasining xalqaro darajada ham raqobatbardosh ekanini ko‘rsatadigan natija deb hisoblayman.

Yandex Cup doirasida dasturchilar ML, frontend, backend, mobil ilovalar, analitika va algoritmlar kabi yo‘nalishlarda bellashdi. Musobaqaning umumiy mukofot jamg‘armasi ham ancha yuqori bo‘lib, ishtirokchilar uchun yaxshi rag‘bat vazifasini o‘tagan.

Menimcha, bunday musobaqalar yosh dasturchilar uchun nafaqat tajriba, balki o‘ziga bo‘lgan ishonchni oshirish va global IT hamjamiyatiga kirib borish uchun katta imkoniyat. O‘zbekistonlik dasturchilarning bu kabi yutuqlari kelajak uchun yanada katta motivatsiya beradi.

Jonibek Turapov | Shaxsiy IT blog

27-apr, 2026, 12:06

♻️ 4-qadam: Array ichida Object (ENG MUHIM 🔥)

Bu — real loyihalarning 80%.

Misol: Blog postlar
let posts = [
{ title: "JS asoslari", views: 120 },
{ title: "Loops", views: 95 },
{ title: "Array & Object", views: 150 }
];

posts.forEach(function(post) {
console.log(post.title + " - " + post.views + " ko‘rildi");
});
📌 React/Vue’da postlar, productlar, commentlar shu usulda ishlanadi.

❗ Katta amaliy vazifa (izohga yozish uchun)
👉 Quyidagi array bor:
let students = [
{ name: "Ali", score: 85 },
{ name: "Vali", score: 72 },
{ name: "Sardor", score: 90 }
];
Vazifa:
⏺️Har bir talabaning ismi va bahosini chiqarish
⏺️Natija shunday bo‘lsin:
👉 Ali — 85 ball

💬 Kodingizni shu dars izohida yozib qoldiring, tekshirib javob beraman.

☑️ Dars yakuni
Bu darsda siz:
⏺️Array va Object bilan ishlashni
⏺️Ularni tsikl orqali aylantirishni
⏺️React, Vue, Angular uchun eng muhim ma’lumot tuzilmasini o‘rgandingiz.


⏰ Keyingi dars:
7-Dars: Funksiyalarni chuqurroq o‘rganish (callback, arrow, real misollar)

695

5

Jonibek Turapov | Shaxsiy IT blog

27-apr, 2026, 12:06

♻️ 3-qadam: Object (Obyektlar)

Object — kalit + qiymat ko‘rinishidagi ma’lumot.

Misol: Blog obunachisi
let user = {
name: "Ali",
age: 20,
isStudent: true
};

console.log(user.name);
console.log(user.age);

Object’ni o‘zgartirish
user.age = 21;
user.city = "Toshkent";

console.log(user);

❗ Amaliy mashq:
👉 O‘zingiz haqingizda object yarating:
🔹ism
🔹yosh
🔹kasb

Va console.log bilan chiqaring.

Davomi keyingi postda... ↘️

620

5

0

Jonibek Turapov | Shaxsiy IT blog

27-apr, 2026, 12:06

♻️ 2-qadam: Array + tsikl (5-dars bilan bog‘lanadi)

let techs = ["HTML", "CSS", "JavaScript", "React"];

techs.forEach(function(item) {
console.log(item);
});
📌 React’da map() bilan komponent chiqarish aynan shu fikrlash asosida.

Davomi keyingi postda... ↘️

647

5

0

Showing 10 of 10 posts

No more posts