Advertising on the Telegram channel «Dasturlash hayoti️️ ️»

💻 Dasturchi hayoti… haqiqatda shunday!

9:00 – "Bugun ertalab tezroq ish boshlayman"

9:30 – Kofe bilan kod yozishni boshlaydi

10:00 – Console.log everywhere… bug topildi, lekin uni tuzatish 2 soat davom etadi 🤯

12:00 – "Nega ishlamayapti?" deb o‘ylab, aslida oddiy vergul yetishmaydi 😂

13:00 – Ovqat va kod… hammasi bir ekranda 🍔

15:00 – Git conflict paydo bo'ldi, dunyo tugadi deb o'ylaydi

18:00 – "Bugun tezroq uyga boraman"

22:00 – Yangi g'oya keladi va yana kod yozishni boshlaydi

🤣 Dasturchilar, o'zingizni topdingizmi?

👇 Izohlarda eng qiyin buglaringizni yozing, eng kulgilisi kanalda repost qilinadi!

#dasturchihayoti #programmerlife #kodlash

💻 @dasturlash_hayoti — dasturchilar hayoti va IT memlari aralash kanal 😉

Keyframe Tricks

Tugma bilan ishlaydigan 9 xil CSS animatsiya
Hover, click va boshqa effektlar mavjud.

⤷ Kod

💻 @dasturlash_hayoti — dasturchilar hayoti va IT memlari aralash kanal 😉

#AI #Claude #Anthropic #SuniyIntellekt #TexnoYangiliklar

🤯 Anthropic minglab AI-ilovalarni "ko'mdi"mi?

Endi Claude'ga alohida servislar umuman kerak emas!

Claude endi to‘g‘ridan-to‘g‘ri brauzer ichida:
– Excel (jadval) yaratadi va tahrirlaydi
– PowerPoint (prezentatsiya) tayyorlaydi
– PDF fayllarni ochadi, o‘zgartiradi va qayta saqlaydi

Ya’ni, avval buning uchun:
– 5–6 ta AI tool
– konvertorlar
– qo‘shimcha dasturlar
kerak bo‘lgan bo‘lsa, endi barchasi bitta Claude ichida.

Natija?
Ko‘plab kichik AI-servislar keraksiz bo‘lib qolishi mumkin.

❓ Sizningcha, bu AI bozori uchun katta o‘zgarishmi yoki hali boshlanishimi?

👉 Fikrlaringizni kommentda qoldiring!

💻 @dasturlash_hayoti — dasturchilar hayoti va IT memlari aralash kanal 😉

🤯 [To‘xtang] Dasturlashda 0 dan top natijagacha qadamlarni BЕPUL o‘rganing

Men Komiljon Xamidjonov Xalqaro Veon group'da senior dasturchiman.

10-11-yanvar kunlari soat 20:00ʼda "Dasturlashda 0 dan natijagacha" qadamlarni mutloq BEPUL'ga onlayn darsimda o'rgatmoqchiman.

Havolani bosib dars yopiq kanalga BEPUL ulanishga ulguring, chunki vaqt kam.

👉 Yopiq kanalga BEPUL ulanish
👉 Yopiq kanalga BEPUL ulanish
👉 Yopiq kanalga BEPUL ulanish

Junior Dev — kod yozadi
Senior Dev — kamroq kod yozadi

😎 Vibe Coder esa…
umuman kod yozmasligi ham mumkin 😅

ChatGPT
Claude
Cursor
boshqa AI tool’lar

— g‘oya aytasan, AI bajaradi.
— xatoni AI topadi.
— refaktor? AI qiladi.

💡 Bugun gap qanchalik ko‘p kod yozishda emas, qanchalik to‘g‘ri savol berishda.

Dasturchilikning yangi bosqichi — Vibe Coding

❓Siz qaysi tomondasiz:
Junior / Senior / Vibe Coder?

👇 Kommentda yozing 😄

💻 @dasturlash_hayoti — dasturchilar hayoti va IT memlari aralash kanal 😉

#JavaScript #API #RealProject #webdev #dasturlash_hayoti

👨‍💻 JavaScript + API: Real loyiha

Xabarlarni ro‘yxat qilib chiqarish + avtomatik yangilanish

Bu bosqichda:
- har bir xabar alohida chiqadi
- sahifa refreshsiz yangilanadi
- real chatlarga yana yaqinlashamiz

1️⃣ HTML — xabar yozish va chat oynasi

<!-- Xabar yozish -->
<input type="text" id="message" placeholder="Xabar yozing">
<button onclick="sendMessage()">Yuborish</button>

<!-- Chat ro'yxati -->
<ul id="chat"></ul>

ul — xabarlar ro‘yxat bo‘lib chiqishi uchun

2️⃣ JavaScript — xabar yuborish va ro‘yxatga qo‘shish

<script>
function sendMessage() {

  // Inputni chaqiramiz
  let input = document.getElementById("message");

  // Inputdagi qiymat
  let msg = input.value;

  // Bo‘sh xabar yuborilmasligi uchun
  if (msg === "") return;

  // Serverga xabar yuborish
  fetch("https://jsonplaceholder.typicode.com/posts", {
    method: "POST",
    body: JSON.stringify({ text: msg }),
    headers: {
      "Content-type": "application/json"
    }
  })
  .then(res => res.json())
  .then(data => {

    // Xabarni chat ro‘yxatiga qo‘shamiz
    addMessage(data.text);

    // Inputni tozalaymiz
    input.value = "";
  });
}
</script>

3️⃣ JavaScript — xabarni ro‘yxatga qo‘shish

<script>
function addMessage(text) {

  // Chat ro‘yxatini chaqiramiz
  let chat = document.getElementById("chat");

  // Yangi xabar uchun <li> yaratamiz
  let li = document.createElement("li");

  // Xabar matnini joylaymiz
  li.innerText = text;

  // Xabarni chatga qo‘shamiz
  chat.appendChild(li);
}
</script>

Endi:
- har bir xabar pastga qo‘shilib boradi
- eski xabarlar yo‘qolmaydi

Telegram, kommentlar, chatlar — barchasi shu mantiqda ishlaydi.

☑️ Natija
⏺️JavaScript → foydalanuvchi bilan ishlaydi
⏺️API → server bilan gaplashadi
⏺️Sayt → jonli bo‘ladi

➡️ Keyingi post:
Enter bosilganda yuborish + real-time’ga yana yaqinlashtiramiz 🔥

💻 @dasturlash_hayoti — dasturchilar hayoti va IT memlari aralash kanal 😉

#JavaScript #API #RealProject #webdev #dasturlash_hayoti

➡️ Keyingi postda nima bo‘ladi?

Keyingi darsda:
⏺️ xabarlarni bitta emas, ro‘yxat qilib chiqaramiz
⏺️ yangi xabar kelganda sahifa avtomatik yangilanadi

Ya’ni:
❌ refresh yo‘q
☑️ real-time ishlash

Post JavaScript + API asosida, to‘liq real loyiha ko‘rinishida bo‘ladi.

👉 O‘tkazib yubormang!

💻 @dasturlash_hayoti — dasturchilar hayoti va IT memlari aralash kanal 😉

👨‍💻 JavaScript + API: Real loyiha misoli

🔹 Chat qanday ishlaydi? (bosqichma-bosqich)

Bu yerda maqsad — xabar yuborish va serverdan kelgan javobni sahifada ko‘rsatish.
(Haqiqiy chatlar ham aynan shu mantiqda ishlaydi)

1️⃣ Foydalanuvchi xabar yozadi

<!-- Foydalanuvchi xabar yozadigan input -->
<input type="text" id="message" placeholder="Xabar yozing">

<!-- Tugma bosilganda sendMessage() funksiyasi ishlaydi -->
<button onclick="sendMessage()">Yuborish</button>

<!-- Xabar chiqadigan joy -->
<p id="chat"></p>

👉 Input — xabar yozish uchun
👉 Tugma — yuborish uchun

2️⃣ JavaScript xabarni olib, API ga yuboradi

<script>
function sendMessage() {

  // Input ichidagi yozilgan xabarni olamiz
  let input = document.getElementById("message");

  // Inputdagi matnni alohida o‘zgaruvchiga saqlaymiz
  let msg = input.value;

  // Serverga xabar yuboramiz
  fetch("https://jsonplaceholder.typicode.com/posts", {

    // POST — ma’lumot yuborish usuli
    method: "POST",

    // Yuborilayotgan xabarni JSON formatga o‘giramiz
    body: JSON.stringify({
      text: msg
    }),

    // Serverga JSON yuborayotganimizni aytamiz
    headers: {
      "Content-type": "application/json"
    }
  })

  // Serverdan kelgan javobni JSON holatga o‘tkazamiz
  .then(res => res.json())

  // Javob kelgach, ekranga chiqaramiz
  .then(data => {
    showMessage(data.text);

    // XABAR YUBORILGANDAN KEYIN INPUTNI TOZALAYMIZ
    input.value = "";
  });
}
</script>

🖥 JavaScript:
⏺️xabarni oldi
⏺️serverga yubordi
⏺️javobni kutdi

3️⃣ Serverdan kelgan ma’lumot ekranga chiqadi

<script>
function showMessage(text) {
  // <p id="chat"> ichiga matn joylaymiz
  document.getElementById("chat").innerText =
    "Xabar yuborildi: " + text;
}
</script>

👉 Sahifa yangilanmadi
👉 Xabar darhol ko‘rindi

JavaScript + API = jonli, tez va real web ilova

💻 @dasturlash_hayoti — dasturchilar hayoti va IT memlari aralash kanal 😉

#JavaScript #API #RealProject #webdev #dasturlash_hayoti

⚠️⚠️⚠️

Diqqat, JavaScript o‘rganuvchilar!

Keyingi post:
❌ faqat nazariya emas
☑️ JavaScript + API orqali real loyiha bo‘ladi

Ya’ni:
⏺️serverdan ma’lumot olish
⏺️sahifani yangilamasdan ishlash
⏺️hammasi real kod bilan 💻

Shunaqa amaliy post kerakmi?
👍 Ha, JS + API bilan
🔥 Yo'q, shart emas

Qiziqish bo‘lsa — bosqichma-bosqich tushuntirib chiqaramiz

#JavaScript #API #webdev #2post #boshlovchilar

👨‍💻 JavaScript qayerda ishlatiladi?

2️⃣ API bilan ishlash (server bilan muloqot)

JavaScript serverdan ma’lumot olib kelish va uni sahifada ko‘rsatish uchun ishlatiladi. Sahifani yangilamasdan ham ma’lumot keladi.

🌐 Serverdan ma’lumot olish (fetch)

<button onclick="getData()">Ma’lumotni yuklash</button>
<p id="result"></p>

<script>
function getData() {
  fetch("https://jsonplaceholder.typicode.com/posts/1")
    .then(res => res.json())
    .then(data => {
      document.getElementById("result").innerText = data.title;
    });
}
</script>

☑️ Tugma bosildi → serverdan ma’lumot keldi → sahifada chiqdi

Real-time yangilanish nimaga o‘xshaydi?
📩 Chatda xabar kelishi
📰 Yangiliklar avtomatik yangilanishi
❤️ Like bosilganda soni darhol o‘zgarishi

👉 Bularning barchasi JavaScript + API orqali ishlaydi.

Ma’lumotni sahifada dinamik ko‘rsatish
Serverdan kelgan ma’lumot:
❌ qo‘lda yozilmaydi
❌ sahifa qayta yuklanmaydi

JavaScript:
☑️ o‘zi olib keladi
☑️ o‘zi joylashtiradi

JavaScript + API bo‘lmasa:
❌ sayt sekin
❌ har safar refresh kerak

JavaScript + API bilan esa:
☑️ tez
☑️ jonli
☑️ zamonaviy sayt

💻 @dasturlash_hayoti — dasturchilar hayoti va IT memlari aralash kanal 😉