Vibecoding · 12-dars · 9-11 sinflar

Fan: IT / VibecodingПредмет: IT / VibecodingSubject: IT / Vibecoding Hafta: 2Неделя: 2Week: 2

Agentik AI: Mustaqil Kod Yozish

Chatbotlar davri tugadi. Endi AI shunchaki maslahat bermaydi — u VS Code ichida mustaqil fayllar ochadi, kod yozadi va xatolarni o'zi tuzatadi!

Evolyutsiya

Chatbot va AI Agent Farqi Nima?

Passiv Chatbot (Eski Avlod)

Faqat matn qaytaradi. Kodni nusxalash (Copy), fayl ochish va uni joylashtirish (Paste) ni o'zingiz qo'lda qilishingiz shart.

💬

Avtonom AI Agent (Yangi Avlod)

Qo'llari va asboblari bor! Kompyuteringizda yangi fayllar ochadi, terminalda buyruq yurgizadi va saytni o'zi ishga tushiradi!

🤖 ⚡

Asboblar Qutisi

Agentning Sehrli Asboblari (Tools)

Agent qanday qilib o'zi mustaqil ishlay oladi? Chunki unga quyidagi ruxsatlar berilgan:

📖 Fayllarni O'qish (read_file): Butun loyihangizdagi barcha kodlarni bir necha soniyada o'rganib chiqadi.
✏️ Fayllarni Yaratish va O'zgartirish (write_to_file): Yangi HTML, CSS yoki JS fayllarni o'zi yozadi.
💻 Terminal Buyruqlari (run_command): Dasturlarni o'rnatadi, serverni ishga tushiradi va testlarni yurgizadi.

Miya Jarayoni

Agentning Fikrlash Tsikli (ReAct Loop)

Agent har bir vazifani 4 bosqichli doirada bajaradi:

1. O'ylash (Thought)

"Menga valyuta konverteriga qidiruv qo'shish vazifasi berildi. Qaysi fayllarni o'zgartirishim kerak?"

2. Harakat (Action)

Faylni ochadi va kerakli kodni avtomatik yozadi.

3. Tekshirish (Observation)

"Xatolik bormi? Ha, qavs yopilmagan ekan."

4. O'zini Tuzatish (Self-Fix)

Xatoni o'zi mustaqil to'g'irlab, yakuniy natijani topshiradi!

Zamonaviy Agentlar

VS Code dagi Mashhur Agentlar

Cline / Roo Code

To'liq avtonom ochiq agent. Fayllarni yaratadi va terminalda buyruqlarni yurgizadi.

Cursor / Windsurf

Ichiga agent o'rnatilgan yangi avlod sun'iy intellekt muhitlari (AI IDE).

GitHub Copilot Agent

Microsoft va OpenAI ning rasmiy korporativ dasturchi agenti.

Yangi Kasb

Vibecoder Roli: Endi Siz Menejersiz!

Agentik davrda siz har bir qator kodni yozmaysiz. Siz Bosh Muhandis (Lead Architect) va Boshqaruvchisiz:

Vazifa berish: Loyihaning arxitekturasi va maqsadini aniq belgilaysiz.
Kodni ko'rib chiqish (Code Review): Agent yozgan kodni tekshirasiz va ruxsat berasiz.
1 kishi = 10 dasturchi jamoasi: Bitta Vibecoder 5 ta agentni boshqarib, butun startapni bir kunda qura oladi!

Xavfsizlik

Agent Nazorati: Ruxsatlar (Permissions)

Agentga hech qachon 100% ko'r-ko'rona ishonmang! VS Code dagi xavfsizlik qoidalari:

✅ Fayl o'zgartirishni tasdiqlash

Agent faylni saqlashdan oldin qaysi qatorlar o'zgarayotganini (Diff) sizga ko'rsatadi.

🛑 Xavfli Terminal buyruqlari

Agar agent fayllarni o'chiruvchi (masalan: rm -rf) buyruq bermoqchi bo'lsa — darhol rad eting!

Buyruq Berish

Agentga Vazifa Berish Madaniyati

Agentga xuddi yangi ishga kirgan yordamchi dasturchiga topshiriq bergandek yozasiz:

"1. Ushbu loyihadagi index.html va script.js fayllarini to'liq o'rganib chiq.
2. Valyuta konverteriga yangi 'Valyuta Grafikasi' (Chart.js) bo'limini qo'sh.
3. Kerakli Chart.js kutubxonasini CDN orqali ula va oxirgi 7 kunlik kurs dinamikasini chiz.
4. O'zgarishlarni kiritgach, kodni tekshir va natijani menga ko'rsat."

Sehrli Jarayon

Agent Ishlayotgan Paytda...

Siz qo'lingizni klaviaturadan olasiz. Ekranda:

Agent avtomatik yangi fayl ochayotgani ko'rinadi.
Kodlar o'z-o'zidan yoziladi va formatlanadi.
Brauzerdagi Live Server sahifasi o'z-o'zidan yangilanib, yangi xususiyat paydo bo'ladi!

2026-Yil Haqiqati

Dasturlashning Kelajagi Shu Yerda

Sintaksis yodlash (nuqta-vergul qayerga qo'yilishi) endi dasturchining asosiy kuchi emas.

Eski Dasturchi

Kun bo'yi bitta xatoni qidirib, harflarni bittalab terib o'tiradi.

Vibecoder (Yangi Dasturchi)

Katta arxitektura o'ylaydi, agentlarni boshqaradi va 1 kunda butun tizimni topshiradi!

Agentik Amaliyot

Amaliy Vazifa: Agentga Katta Vazifa Berish

1. VS Code da AI agent muhitini ishga tushirish
2. Loyihaga bitta yangi qiyin xususiyat (masalan: grafika yoki valyuta kalkulyatori) buyurish
3. Agentning fayllarni mustaqil o'zgartirganini va ishlaganini tekshirish

10 ballik mezon

VS Code da AI agent muhitini ishga tushirish3

Loyihaga bitta yangi qiyin xususiyat (masalan: grafika yoki valyuta kalkulyatori) buyurish4

Agentning fayllarni mustaqil o'zgartirganini va ishlaganini tekshirish3

Jami10

2-Hafta Yakuni

2-Hafta Katta G'alabasi: Siz Agentik Vibecodersiz!

Biz 2 hafta ichida: AI asoslari -> Arxitektura -> Jonli API -> Xotira -> Xavfsizlik -> VS Code va Agentik AI bosqichlarini to'liq zabt etdik!
Siz endi maktab doirasidan chiqib, xalqaro startaplarda ishlatiladigan eng ilg'or texnologiyalarni amalda qo'llay olasiz!