رایگان برای همیشه • بدون فروش • فقط بساز

تنها راهنمای وایب کدینگ
که واقعاً نیاز داری

نه بوت‌کمپ، نه دوره، نه هیاهو. آموزش عمیق با مثال‌های واقعی، ۳۰ تمپلیت آماده، و پرامپت‌ساز هوشمند.

شروع یادگیری 🚀 ⚡ پرامپت‌ساز
۱
ذهنیت درست
۳۵+
کامپوننت
۳۸+
تمپلیت
🎯 Vibe Coding 101

از صفر تا Vibe Coder حرفه‌ای

فرقی نمی‌کنه برنامه‌نویسی بلدی یا نه. اینجا یاد می‌گیری چطور با AI کد بزنی، فکر کنی، و درآمد داشته باشی.

~
🌟 فصل اول

Vibe Coding یعنی چی؟

🤔 تعریف ساده

Vibe Coding یعنی تو ایده میدی و هدایت می‌کنی، AI کد می‌زنه. مثل یه معمار که به پیمانکار می‌گه چی بسازه. نیازی نیست خودت آجر بچینی — فقط باید بدونی چی می‌خوای و چطور خواستنت رو بگی.

🎯 باور اصلی

قدرت تو در حل مسئله‌ست، نه در سینتکس. تا دیروز باید ۲ سال زبان یاد می‌گرفتی تا یه اپ بسازی. امروز با یه پرامپت خوب می‌تونی توی ۲ ساعت محصول تحویل بدی. مهارت جدید = پرامپت نویسی + تفکر سیستمی.

⚡ این یعنی چی برای تو؟

مرز بین «کسی که کد بلده» و «کسی که کد بلد نیست» داره کم رنگ میشه. اونایی که چشم‌انداز درست دارن و می‌تونن خواسته‌شون رو دقیق بگن برنده‌ان. برنامه‌نویسی سنتی داره تبدیل میشه به مهندسی پرامپت.

2
🌟 فصل دوم

🧠 ذهنیت درست — چطور فکر کنیم؟

🎯 از نتیجه شروع کن

به جای «چطور یه API بنویسم؟» بگو «می‌خوام کاربر بتونه ثبت‌نام کنه و پروفایل ببینه». اول نتیجه رو تعریف کن، بعد بگذار AI راه رو پیدا کنه.

🧩 مسئله رو تیکه تیکه کن

یه اپ بزرگ رو بکن به بخش‌های کوچیک. «اول ثبت‌نام رو بساز، بعد داشبورد، بعد پرداخت». AI توی قدم‌های کوچیک ۱۰ برابر بهتر جواب میده تا یه پرامپت غول‌پیکر.

🔄 بازخورد بده

AI اولین بار کامل نیست. بگو «این خوبه، ولی اون بخش رو عوض کن، اینجوری بهتره». مثل یه کارآموز تیزهوش باهاش رفتار کن — راهنمایی می‌خواد، نه این که رهات کنی.

💪 تحمل سردرگمی

قرار نیست همه چی رو بفهمی. بخش‌هایی هست که AI می‌زنه و تو دقیق نمی‌دونی چطور کار می‌کنه. اشکالی نداره. مهم اینه که نتیجه نهایی درست باشه. گاهی باید به AI اعتماد کنی.

📐 تفکر سیستمی

به جای گیر کردن توی جزئیات کد، به کل سیستم فکر کن. این قابلیت چه ارتباطی با اون یکی داره؟ داده چطور جریان داره؟ کاربر چه مسیری رو طی می‌کنه؟

🧪 آزمایشگر باش

پرامپت اولت احتمالاً کامل نیست. امتحان کن، ببین چی شد،修正 کن. مثل یه دانشمند رفتار کن: فرضیه بساز، تست کن، یاد بگیر، تکرار کن. هر شکست یعنی یه قدم به پرامپت عالی نزدیک‌تر.

3
🌟 فصل سوم

📏 ۸ قانون طلایی Vibe Coding

🎯
مشخص باش
«یه اپ بساز» → ❌ «یه فروشگاه با React و Stripe بساز که کاربر بتونه محصول ببینه و بخره» → ✅
📦
قدم‌های کوچیک
یه پروژه رو به ۵-۱۰ قدم کوچیک بشکن. هر قدم یه پرامپت مستقل. قدم‌های کوچیک = خطای کمتر و کنترل بهتر.
🔄
تکرار و اصلاح
اولین خروجی AI رو به عنوان پیش‌نویس ببین. ۲-۳ بار تکرار کن تا به نتیجه دلخواه برسی. با AI مکالمه کن نه این که دستور بدی.
🧪
همیشه تست کن
کد AI رو بدون تست نبر پروداکشن. از AI بخواه تست بنویسه، خودت اجرا کن، مطمئن شو کار می‌کنه.
📖
کد رو بخون
لازم نیست همه چی رو بفهمی، ولی بخش‌های کلیدی رو بخون. کدی که نمی‌فهمی = باگ فردا. از AI بخواه خط به خط برات توضیح بده.
🔒
امنیت رو جدی بگیر
AI کد به ظاهر امن می‌ده ولی باگ‌های امنیتی داره. همیشه validation, rate limit, parameterized queries رو چک کن.
📐
برنامه‌ریزی اول
قبل از کد زدن از AI بخواه plan بده. «قبل از اینکه کد بزنی، ساختار فایل‌ها و معماری رو توضیح بده.»
☕
صبور باش
همه چی یکباره درست نمی‌شه. AI هم اشتباه می‌کنه. نفس عمیق،修正 کن، ادامه بده. هر بار که خطا می‌گیری داری یاد می‌گیری.
4
🌟 فصل چهارم

⚡ پرامپت خوب vs پرامپت بد — مثال‌های واقعی

❌ پرامپت بد
"build me a website"
► مبهم — AI نمی‌دونه چی می‌خوای
► ۱۰۰ بار تکرار می‌کنی تا به نتیجه برسی
► خروجی شانسی‌ست
► وقت تلف کردن
✅ پرامپت خوب
"Create a landing page for a SaaS product called 'FlowTask' — a task management app. Use Next.js 15, Tailwind CSS 4, and Framer Motion. Include: hero section with animated headline, feature grid (3 columns), pricing table (3 tiers), FAQ accordion, and a footer with email signup. Deploy to Vercel. Make it responsive and SEO-optimized."
► دقیق: اسم محصول، نوع صفحه
► تکنولوژی مشخص
► بخش‌ها لیست شدن
► محدودیت: responsive, SEO
► خروجی قابل پیش‌بینی
❌ پرامپت بد
"make a bot for telegram"
► چی کار کنه؟
► با چه کتاب‌خونه‌ای؟
► دیتابیس می‌خواد یا نه؟
► نتیجه: یه ربات که هیچی نمی‌کنه
✅ پرامپت خوب
"Build a Telegram bot with python-telegram-bot v20 and asyncio. The bot should: 1) Handle /start with welcome message + inline buttons 2) /weather command that fetches from a free weather API 3) Store chat history in SQLite 4) Rate limit: max 10 msgs/min per user 5) Log errors and alert admin. Put the code in bot.py, config in config.py, DB in database.py."
► کتاب‌خونه + ورژن مشخص
► ۵ تا feature دقیق
► ساختار فایل‌ها مشخص
► rate limit و error handling
► قابل اجرای مستقیم
❌ پرامپت بد
"fix this code: [paste 200 lines of code]"
► AI مجبوره حدس بزنه مشکل چیه
► ممکنه ۱۰ تا مشکل رو عوض کنه
► ۲۰ تا feature جدید اضافه کنه
► نتیجه: آشوب
✅ پرامپت خوب
"In [file].ts line 47, the function handleLogin throws an error when the user object is null. Expected behavior: show a user-friendly error message and log the attempt. The issue is that we access user.email before checking if user exists. Fix: add a null check before accessing properties. Only change this specific function, don't modify anything else."
► فایل و خط مشخص
► مشکل دقیق: null check
► رفتار مورد انتظار مشخص
► محدودیت: فقط همین تابع
5
🌟 فصل پنجم

🎨 چطور خلاق باشیم با Vibe Coding؟

🔄
ترکیب کن
دو تا ایده مجزا رو ترکیب کن. «تقویم گوگل + لیست خرید = اپلیکیشن برنامه‌ریزی وعده غذایی». از AI بخواه ۱۰ تا ترکیب جدید بهت پیشنهاد بده.
❓
سوالات باز بپرس
به جای درخواست مستقیم کد، از AI سوال بپرس. «۱۰ تا راه برای حل این مشکل بگو». «چه اپلیکیشن‌هایی می‌تونم با این API بسازم؟». بهترین ایده‌ها از سوالات خوب میان.
🎭
نقش بده
به AI نقش بده. «تو یه Product Manager خیلی خلاق هستی. ۲۰ تا feature برای یه اپ fitness که می‌تونه با AI حرف بزنه پیشنهاد بده.» نقش‌ها خلاقیت AI رو ۱۰ برابر می‌کنن.
🚫
محدودیت مصنوعی
محدودیت باعث خلاقیت میشه. بگو «بدون استفاده از React این کار رو بکن». «فقط با HTML و CSS». «در ۵۰ خط کد». محدودیت = نوآوری.
👁️
از زاویه دیگه ببین
از AI بخواه مشکلت رو از دید یه child, یه CEO, یه مهندس, یه هنرمند بررسی کنه. هر زاویه یه راه‌حل جدید میده.
📝
مستندسازی ایده
از AI بخواه ایده‌هات رو ساختار بده. «این ایده رو توی یه PRD بنویس: هدف, مخاطب, features, revenue model». ایده‌های نوشته شده → محصولات واقعی.
6
🌟 فصل ششم

💰 مسیر کسب درآمد — چطور از Vibe Coding پول دربیاریم؟

🛠️
فریلنسری (مبتدی)
با AI می‌تونی پروژه‌های فریلنسری بگیری که قبلاً نمی‌تونستی. سایت‌های ساده، bot تلگرام، ابزارهای کوچیک. قیمت‌های رقابتی بده، کیفیت تحویل بده، بعد قیمت رو ببر بالا. شروع: پونیشا، پروفشنال، Upwork
📱
محصول شخصی (متوسط)
یه مشکل شخصی رو با یه اپ حل کن. یه ابزار SaaS کوچیک. یه extension مرورگر. یه قالب فروشی. با AI می‌تونی محصولت رو توی ۱ هفته از ایده به دیپلوی برسونی. شروع: Gumroad, AppSumo, Product Hunt
🎓
آموزش (متوسط)
تو که داری یاد می‌گیری، مسیرت رو مستند کن. یوتیوب، بلاگ، دوره. «چطور با AI یه فروشگاه ساختم». «از صفر تا SaaS با ChatGPT». بازار آموزش Vibe Coding تازه داغ شده. شروع: یوتیوب، ویرگول، LinkedIn
🤖
AI Automation (پیشرفته)
برای бизнес‌ها workflow اتوماسیون بساز. bot اینستاگرام، پاسخگویی خودکار، استخراج داده، CRM اتوماتیک. هزینه: ۵-۲۰ میلیون تومن per پروژه. شروع: n8n, Make.com, custom agent
🏗️
Micro-SaaS (پیشرفته)
یه SaaS کوچیک با ۱-۲ تا feature. با AI می‌تونی تنهایی full-stack بزنی. ۱۰۰ تا مشتری با اشتراک ۱۰$ = ۱۰۰۰$ درآمد ماهانه. شروع: Next.js + Stripe + Vercel
🔌
API / Plugin (میان‌مدت)
یه API کاربردی بساز و بفروش. یا plugin برای ابزارهای محبوب (Figma, VS Code, Chrome). درآمد غیرفعال. شروع: RapidAPI, Chrome Web Store
💡
استراتژی برنده
اول یه پروژه کوچیک رایگان برای یه آشنا بساز (پورتفولیو). بعد برو سراغ پروژه‌های ۵-۱۰ میلیونی. همزمان تجربه‌ت رو توی بلاگ یا یوتیوب مستند کن. بعد از ۳-۴ پروژه، می‌تونی محصول شخصی خودت رو لانچ کنی. هر مرحله با AI = ۱۰ برابر سریع‌تر از روش سنتی.
7
🌟 فصل هفتم

🗣️ چطور با AI Agentها حرف بزنیم — تکنیک‌های نهایی بهره‌وری

🎯 Chain of Thought
بگو «قدم به قدم فکر کن قبل از جواب دادن». مخصوصاً برای معماری و دیباگ. خطای reasoning رو ۵۰٪ کم می‌کنه.
📋 Few-Shot
۲-۳ مثال از خروجی مورد انتظارت بده. «مثل این example که این ورودی رو به این خروجی تبدیل می‌کنه، این یکی رو هم تبدیل کن.»
🚫 Negative Prompt
بگو چی نمی‌خوای. «از any استفاده نکن. از کتاب‌خونه‌های خارجی استفاده نکن. فایل‌ها رو توی یه پوشه نریز.»
🎭 Role Playing
به AI نقش بده. «تو یه معمار نرم‌افزار با ۱۵ سال سابقه‌ای. این سیستم رو ریویو کن و ۳ تا مشکل اصلی رو بهم بگو.»
🔄 Self-Correction
«بعد از نوشتن کد، خودت ریویو کن و ۳ تا اشکالش رو بگو. بعد رفعش کن.» AI بهترین منتقد کد خودشه.
📐 Plan-Then-Build
«قبل از کد زدن، یه plan بنویس: چه فایل‌هایی می‌سازیم، چه توابعی لازم داریم، داده چطور جریان داره.» بعد از تأیید، شروع کن.
🧪 قانون ۳ تکرار
دور ۱: پرامپت کامل بده. دور ۲: نقد کن و دقیق بگو چی عوض شه. دور ۳: بگو ۳ راه بهتر شدن پیشنهاد بده. بعد از ۳ دور، کیفیت ۱۰۰٪ بهتر از دور اوله.
8
🌟 فصل هشتم

🔧 کی از چی استفاده کنیم؟ — راهنمای انتخاب ابزار

موقعیتابزار پیشنهادیچرا؟
سایت ساده / Landing PageCursor + Claude 4سریع‌ترین برای static site, SEO-ready
Web App کاملBolt.new / LovableFull-stack توی مرورگر, دیپلوی یک‌کلیک
API / BackendWindsurf + Claude 4عالی برای architecture, تست, دیباگ
Mobile AppCline + Expoبهترین برای React Native, simulator
AI Agent / AutomationPython + LangChain + Claudeانعطاف‌پذیرترین برای agent workflow
دیباگ / ریویو کدClaude 4 (Chat)بزرگترین context window, دقیق‌ترین تحلیل
مستندات / کانتنتChatGPT + Claudeبهترین برای writing, خلاقیت, توضیح
اتوماسیون / Workflown8n + Make.comبدون کد, drag & drop, ۳۰۰+ integration
⚡ پرامپت‌ساز هوشمند

از بین ۳۰ تمپلیت انتخاب کن یا خودت بساز

روی هر آیکون ⓘ ببر تا بفهمی هر کامپوننت چیه. تمپلیت‌ها سبد رو برات پر می‌کنن.

📋 تمپلیت‌های آماده — یکی رو انتخاب کن، سبد خودش پر میشه
🧩 کامپوننت‌ها ⓘ ببر رو راهنما
🛒 سبد 0
🛒
روی کامپوننت‌ها کلیک کن یا یه تمپلیت انتخاب کن
پرامپت آماده پروداکشن اینجا ظاهر میشه...
🧠 قوانین طلایی

اینارو بلد باش — از هر بوت‌کمپ‌رفته‌ای جلوتری

قوانینی که هیچ بوت‌کمپی بهت یاد نمیده.