12-dars. Real loyiha: A dan Z gacha strategiya
Siz barcha vositalarni o'rgandingiz. Endi ularni birga qo'shib, real loyiha yaratish vaqti keldi. Bu darsda siz loyihani g'oyadan to tayyor mahsulotgacha — professional strategiya bilan olib borasiz. Bu sizning kursni yakunlovchi final loyihangiz.
Mavzu izohi
Real loyiha qilish — bu alohida vositalarni bilishdan farq qiladi. Siz rejalashtirish, arxitektura tanlash, bosqichma-bosqich amalga oshirish, test qilish va deploy qilish kerak. Bu darsda biz to'liq tsiklni o'tamiz: g'oya → reja → amalga oshirish → test → deploy → iteratsiya.
Professional vibe coding strategiyasi: 1) G'oyani aniqlashtirish (kim uchun, nima muammo hal qiladi), 2) Texnologiya tanlash (AI yordamida), 3) Loyiha tuzilmasini yaratish (Agent bilan), 4) Asosiy funksionallik (bosqichma-bosqich), 5) UI/UX yaxshilash, 6) Test, 7) Deploy, 8) Feedback va iteratsiya.
Muhim printsip: kichikdan boshlang. MVP (Minimum Viable Product) — eng oddiy ishlaydigan versiya. Avval 1-2 ta asosiy funksiyani yaratasiz, deploy qilasiz, foydalanuvchilardan fikr olasiz — keyin kengaytirasiz. Bu dunyodagi eng muvaffaqiyatli startaplar strategiyasi.
Bu darsda biz namuna loyiha sifatida 'Shaxsiy Finance Tracker' (moliya kuzatuvchisi) yaratamiz: daromad va xarajatlarni kiritish, grafiklar ko'rish, oylik hisobot. Siz bu namunani o'z loyihangiz uchun moslashtira olasiz.
Bu darsdan nima olasiz
- Real loyihani g'oyadan to deploy gacha olib borish strategiyasini bilasiz
- MVP yondashuvini tushunasiz va qo'llaysiz
- AI bilan loyihani bosqichma-bosqich yaratish texnikasini egallaysiz
- Test va debugging strategiyasini bilasiz
- Loyihani yangilash va kengaytirish (iteratsiya) usulini o'rganasiz
- Portfolio uchun tayyor loyiha yaratasiz
Chuqurroq tushuntirish
MVP strategiyasi: eng muvaffaqiyatli texnologiya kompaniyalari MVP bilan boshlagan. Facebook avval faqat Harvard talabalari uchun edi. Twitter avval faqat 140 belgi xabar edi. Siz ham eng sodda versiyani yaratasiz, ishga tushirasiz, feedback olasiz va kengaytirasiz. Vibe coding buni ayniqsa osonlashtiradi — AI bilan MVP ni 1 kunda yaratish mumkin.
Professional loyiha tuzilmasi: README.md (loyiha tavsifi, screenshot, o'rnatish), .cursorrules (AI qoidalari), .gitignore (keraksiz fayllar), .env.example (environment variables namunasi), src/ (asosiy kod), tests/ (testlar), docs/ (dokumentatsiya). Bu tuzilmani birinchi kundan qo'llang — keyinchalik tartibsizlikdan qutulasiz.
Iterativ rivojlantirish tsikli: 1) Feature yozing (AI bilan), 2) Test qiling (brauzer + terminal), 3) Commit qiling (Git), 4) Deploy qiling (Vercel), 5) Feedback oling (do'stlar, foydalanuvchilar), 6) Yaxshilang (AI bilan). Bu tsikl cheksiz takrorlanadi — har bir iteratsiya loyihani yaxshilaydi.
Kurs yakuniga kela turib: siz endi vibe coding ning barcha asosiy vositalarini bilasiz — Cursor (Tab, Inline, Chat, Agent), Copilot, .cursorrules, Git, Deploy. Keyingi qadam — o'z real loyihangizni yaratish. Har kim uchun boshqacha: birov o'z biznesiga landing page, birov startup MVP, birov shaxsiy portfolio. Asosiy narsa — boshlang va qilmasdan to'xtamang. AI sizning 10x yordamchingiz, lekin harakat sizdan.
Tayyor prompt shabloni
Ko'chirib moslashtiringShaxsiy Finance Tracker ilovasi yarat. Stack: Next.js 14 + TypeScript + Tailwind + SQLite (better-sqlite3). Sahifalar: 1) Dashboard — bugungi balans, so'nggi 5 tranzaksiya, oylik grafik (chart.js), 2) Tranzaksiyalar — to'liq ro'yxat, filter (sana, kategoriya), yangi qo'shish formasi, 3) Hisobot — oylik daromad vs xarajat. Kategoriyalar: Ovqat, Transport, Kommunal, Daromad, Boshqa. Ma'lumot SQLite da saqlansin. Responsive dizayn. Loyiha README.md va .cursorrules bilan.
Nega ishlaydi
Stack: 'Next.js 14 + TypeScript + Tailwind + SQLite' — zamonaviy va o'rganishga mos
Sahifalar: '3 ta sahifa' — har birining funksionaligi aniq
Vizualizatsiya: 'chart.js grafik' — ma'lumotni vizual ko'rsatish
Database: 'SQLite' — o'rnatish shart emas, fayl asosida ishlaydi
Professional: 'README.md va .cursorrules' — portfolio-ready loyiha
Amaliy mashq
- Loyiha papkasini yarating: 'finance-tracker'
- Avval .cursorrules yozing: texnologiya, stil va konvensiya qoidalari
- Agent mode da asosiy tuzilmani yarating (sahifalar, layout, navigation)
- Ikkinchi qadam: database va API endpointlarni qo'shing
- Uchinchi qadam: UI komponentlar (forma, jadval, grafik)
- To'rtinchi qadam: responsive dizayn va yaxshilashlar
- Brauzerda to'liq test qiling — har funksiyani sinab ko'ring
- Git commit, GitHub push, Vercel deploy
- README.md da screenshot va o'rnatish yo'riqnomasi qo'shing
Ko'p uchraydigan xatolar
- Birdaniga hamma narsani yaratishga urinish — avval MVP: faqat tranzaksiya qo'shish va ko'rish
- Test qilmaslik — har bosqichdan keyin ishlashini tekshiring, keyingi bosqichga o'tmang
- .cursorrules yozmaslik — bu loyihaning 'miyasi', AI shu orqali izchil ishlaydi
- Feedback olmaslik — do'stlaringizga ko'rsating, ular boshqacha muammo topadi
- Portfolio ga qo'shmaslik — GitHub README da screenshot, live demo link va texnologiya ro'yxati bo'lsin
Dars bo'yicha savol-javob
Qanday loyiha tanlashim kerak?
O'zingizga yoki atrofingizga kerakli narsani yarating. Shaxsiy muammo hal qiling: daromad-xarajat kuzatuv, to-do list, portfolio sayt, do'koningiz uchun bot. Real ehtiyoj = real motivatsiya.
Loyiha qancha vaqt oladi?
MVP — 1-3 kun (vibe coding bilan). To'liq versiya — 1-2 hafta. Professional darajadagi mahsulot — 1-3 oy. Bosqichma-bosqich ishlang, shoshilmang.
Portfolio uchun nechta loyiha kerak?
3-5 ta sifatli loyiha yetarli: 1 ta landing page, 1 ta bot, 1 ta veb ilova, 1 ta shaxsiy loyiha. Har birida README, screenshot va live demo bo'lsin.
Vibe coding bilan ish topish mumkinmi?
Ha, lekin to'g'ridan-to'g'ri 'vibe coder' vakansiyasi kam. Portfolio loyihalaringizni ko'rsatib, freelance ish (sayt yaratish, bot yaratish) boshlashingiz mumkin. O'zbekistonda bu xizmatlar 2-15 million so'mdan boshlanadi.