آموزش پایه و اساس Vibe Coding - آخرین آپدیت

ذهنیت معمار — قبل از پرامپت زدن فکر کنید The Architect Mindset — Think Before You Prompt

• خوش‌آمدگویی به Vibe Coding: از ایده‌ها تا اپلیکیشن‌های کاربردی Welcome to Vibe Coding: From Ideas to Functional Applications

• از Vibe Coding تا ساختاریافته — آنچه در واقعیت جواب می‌دهد From Vibe Coding to Structured Building — What Actually Works

• متدولوژی — چارچوب PRD ← پرامپت ← ساخت ← اعتبارسنجی ← عرضه The Method — The PRD → Prompt → Build → Validate → Ship Framework

• چرا توسعه ساختاریافته همیشه بهتر از رویکردهای «ابتدا پرامپت» عمل می‌کند Why Structured Development Consistently Outperforms Prompt-First Approaches

• چهار پرسونای فضای ابزارهای هوش مصنوعی — طراح، سازنده، بازبین، مستقرکننده The 4 Personas of the AI Tool Landscape — Designer, Builder, Reviewer, Deployer

• چارچوب انتخاب ابزار — تطبیق قابلیت‌های هوش مصنوعی با مراحل ساخت Tool Selection Framework — Matching AI Capabilities to Build Phases

• دمو: راه‌اندازی پایه کنترل نسخه با گیت‌هاب Demo: Setting Up Your Version Control Foundation with GitHub

• دمو: پیکربندی Supabase به عنوان انبار داده‌های اپلیکیشن Demo: Configuring Supabase as Your Application Data Warehouse

• دمو: استقرار در محیط عملیاتی با Lovable AI و Vercel Demo: Deploying to Production with Lovable AI and Vercel

• نکات کلیدی Key Takeaways

نوشتن سند الزامات محصول (PRD) — نقشه‌ای که هوش مصنوعی به آن نیاز دارد Writing Your Product Requirements Document — The Blueprint AI Needs

• PRD چیست و چرا هوش مصنوعی بدون آن نمی‌تواند به خوبی بسازد What Is a PRD and Why AI Cannot Build Well Without One

• کالبدشناسی یک PRD حرفه‌ای: مبانی پروژه Anatomy of a Professional PRD: Project Foundations

• کالبدشناسی یک PRD حرفه‌ای: الزامات و محدوده Anatomy of a Professional PRD: Requirements & Scope

• کالبدشناسی یک PRD حرفه‌ای: معماری و جریان اپلیکیشن Anatomy of a Professional PRD: Architecture & Application Flow

• کالبدشناسی یک PRD حرفه‌ای: کیفیت، امنیت و موفقیت Anatomy of a Professional PRD: Quality, Security & Success

• دمو: نوشتن یک PRD واقعی از صفر — تعریف پروژه و پرسونای کاربران Demo: Writing a Real PRD from Scratch — Project Definition and User Personas

• دمو: نوشتن یک PRD واقعی از صفر — مشخصات ویژگی‌ها، داستان‌های کاربر و معیارهای پذیرش Demo: Writing a Real PRD from Scratch — Feature Specifications, User Stories and Acceptance Criteria

• دمو: نوشتن یک PRD واقعی از صفر — استک تکنولوژی و محدوده Demo: Writing a Real PRD from Scratch — Tech Stack and Scope

• دمو: تکمیل PRD — شمای داده‌ها Demo: Completing Your PRD — Data Schemas

• دمو: تکمیل PRD — احراز هویت، رابط کاربری و API Demo: Completing Your PRD — Auth, UI and API

• دمو: بررسی نهایی PRD — امنیت، حالت‌های خطا، معیارهای موفقیت و نقشه بازبینی Demo: Final PRD Walkthrough — Security, Error States, Success Metrics and Review Blueprint

• نکات کلیدی Key Takeaways

از PRD تا اولین دستورالعمل هوش مصنوعی — فعال‌سازی نقشه From PRD to Your First AI Instruction — Activating the Blueprint

• دمو: استفاده از هوش مصنوعی برای تقویت و ساختاردهی به PRD — قالب‌ها و تکنیک‌های پرامپت Demo: Using AI to Enhance and Structure Your PRD — Prompt Templates and Techniques

• اصلاح PRD به کمک هوش مصنوعی — پر کردن شکاف‌ها و دقیق کردن مشخصات AI-Assisted PRD Refinement — Filling Gaps and Tightening Specifications

• دمو: تبدیل بخش‌های PRD به دستورالعمل‌های اجرایی هوش مصنوعی: مبانی طراحی پرامپت Demo: Translating PRD Sections into Actionable AI Instructions: Prompt Design Fundamentals

• دمو: تبدیل بخش‌های PRD به دستورالعمل‌های اجرایی هوش مصنوعی: ساخت اولین پرامپت Demo: Translating PRD Sections into Actionable AI Instructions: Building the Initial AI Prompt

• نکات کلیدی Key Takeaways

شروع ساخت — اولین پرامپت، همگام‌سازی با گیت‌هاب و تنظیمات توسعه محلی Launching the Build — First Prompt, GitHub Sync and Local Dev Setup

• دمو: ارسال اولین پرامپت هوش مصنوعی — تبدیل نقشه به یک رابط کاربری فعال Demo: Sending Your First AI Prompt — Turning the Blueprint into a Running UI

• دمو: چارچوب اعتبارسنجی — چگونه خروجی هوش مصنوعی را بدون پذیرش کورکورانه بازبینی کنیم Demo: The Validation Framework — How to Review AI Output Without Accepting It Blindly

• دمو: اتصال پروژه به گیت‌هاب برای کنترل نسخه بین ابزاری: تنظیمات یکپارچه‌سازی گیت‌هاب Demo: Connecting Your Project to GitHub for Cross-Tool Version Control: GitHub Integration Setup

• دمو: اتصال پروژه به گیت‌هاب برای کنترل نسخه بین ابزاری: همگام‌سازی مخزن و قابلیت انتقال کد Demo: Connecting Your Project to GitHub for Cross-Tool Version Control: Repository Sync & Code Portability

• دمو: راه‌اندازی محیط محلی — نصب Node.js و اجرای سرور توسعه Demo: Setting Up Your Local Environment — Installing Node.js and Running the Dev Server

• MCP — پروتکل بافت مدل: ابزارهای هوش مصنوعی چگونه با کد شما صحبت می‌کنند MCP — The Model Context Protocol: How AI Tools Talk to Your Codebase

• دمو: نصب و پیکربندی Claude Desktop در ویندوز و مک Demo: Installing and Configuring Claude Desktop on Windows and macOS

• دمو: نصب و پیکربندی OpenAI Codex Desktop در ویندوز و مک Demo: Installing and Configuring OpenAI Codex Desktop on Windows and macOS

• دمو: نصب و پیکربندی Google Antigravity در ویندوز و مک Demo: Installing and Configuring Google Antigravity on Windows and macOS

• دمو: نصب و پیکربندی Cursor در ویندوز و مک Demo: Installing and Configuring Cursor on Windows and macOS

• نکات کلیدی Key Takeaways

ساخت ویژگی‌های اصلی — یکپارچه‌سازی پایگاه داده، احراز هویت و مدیریت مشتریان Building Core Features — Database Integration, Authentication and Client Management

• دمو: پیکربندی فضای کاری توسعه محلی و کنترل نسخه گیت‌هاب Demo: Configuring the Local Development Workspace and GitHub Version Control

• دمو: مدیریت کلیدهای پایگاه داده و بهترین روش‌های امنیتی در سطح محیط Demo: Database Key Management and Environment-Level Security Best Practices

• دمو: یکپارچه‌سازی پایگاه داده Supabase و مهاجرت‌های شمای داده از طریق MCP Demo: Supabase Database Integration and Schema Migrations via MCP

• دمو: اجرای سرور محلی و تست کامل جریان احراز هویت Demo: Launching the Local Server and Testing the Authentication Flow End-to-End

• دمو: ساخت پل IDE هوش مصنوعی — همگام‌سازی Lovable با Antigravity و Claude از طریق گیت‌هاب Demo: Building the AI IDE Bridge — Syncing Lovable with Antigravity and Claude via GitHub

• دمو: طراحی فرم هوشمند جذب مشتری با استفاده از پرامپت‌های ساختاریافته Demo: Designing a Smart Client Intake Form Using Structured AI Prompting

• دمو: ساخت داشبورد مشتری — ستون‌های پویا، فیلترها و پیش‌نمایش فاکتور Demo: Building the Client Dashboard — Dynamic Columns, Filters and Invoice Preview

• دمو: پیاده‌سازی فراموشی رمز عبور و بازیابی امن احراز هویت Demo: Implementing Forgot Password and Secure Authentication Recovery

• نکات کلیدی Key Takeaways

مدیریت جلسات هوش مصنوعی — اصلاح باگ‌ها، بازیابی بافت و بهینه‌سازی اعتبارها AI Session Management — Correcting Bugs, Recovering Context and Optimizing Credits

• دمو: پروتکل اصلاح — هدایت هوش مصنوعی به سبک یک توسعه‌دهنده ارشد Demo: The Correction Protocol — Directing AI the Way a Senior Developer Would

• دمو: نوشتن گزارش‌های باگ ساختاریافته که هوش مصنوعی بتواند روی آن‌ها عمل کند — دمو زنده Demo: Writing Structured Bug Reports That AI Can Act On — Live Demo

• فروپاشی پنجره بافت — شناسایی و بازنشانی ایمن جلسه Context Window Collapse — Recognising It and Resetting the Session Safely

• استراتژی تخصیص اعتبار — تطبیق مدل مناسب هوش مصنوعی با وظیفه مناسب Credit Allocation Strategy — Matching the Right AI Model to the Right Task

• دسته‌بندی پرامپت‌ها و به حداقل رساندن مصرف توکن بدون کاهش کیفیت خروجی Batching Prompts and Minimising Token Usage Without Losing Output Quality

• دمو: جایزه — راه‌اندازی مستقیم پروژه از منابع دوره Demo: Bonus — Setting Up Your Project Directly from Course Resources

• نکات کلیدی Key Takeaways

ساخت ویژگی‌های عملیاتی — سیستم فاکتور، ارتقای رابط کاربری و تصمیم‌گیری در مورد ابزارها Building Production Features — Invoice System, UI Upgrades and Tool Decision-Making

• دمو: مهندسی پرامپت سازنده فاکتور — حل مشکل پرداخت فریلنسرها Demo: Engineering the Invoice Builder Prompt — Solving the Freelancer Payment Problem

• دمو: ساخت سیستم فاکتور و عیب‌یابی خطاهای محاسبه ردیف‌ها Demo: Building the Invoice System and Debugging Line-Item Calculation Errors

• دمو: ساخت داشبورد فاکتور — نشانگرهای وضعیت، فیلترها و معماری کامپوننت‌ها Demo: Building the Invoice Dashboard — Status Indicators, Filters and Component Architecture

• دمو: رفع مشکل پایداری وضعیت فرم — عیب‌یابی دراپ‌داون‌های مشتری در حالت ویرایش Demo: Fixing Form State Persistence — Debugging Client Dropdowns in Edit Mode

• دمو: Lovable در مقابل v0 — انتخاب ابزار مناسب برای اصلاح و صیقل دادن رابط کاربری Demo: Lovable vs v0 — Choosing the Right Tool for UI Refinement and Polish

• دمو: همگام‌سازی Lovable و v0 از طریق گیت‌هاب — یکپارچه‌سازی زنده چند ابزاری Demo: Syncing Lovable and v0 Through GitHub — Live Multi-Tool Integration

• دمو: ادغام کامپوننت‌های UI از v0 در کد و اعتبارسنجی طراحی نهایی Demo: Merging v0 UI Components into Your Codebase and Validating the Final Design

• ماتریس تصمیم‌گیری ابزار — چارچوبی برای انتخاب ابزارهای هوش مصنوعی با اطمینان The Tool Decision Matrix — A Framework for Choosing AI Tools With Confidence

• نکات کلیدی Key Takeaways

عرضه نسخه ۱.۰ — میکروکپی، اعتبارسنجی در میانه ساخت و بازیابی بافت Shipping v1.0 — Microcopy, Mid-Build Validation and Context Recovery

• بازرسی میکروکپی — بازنویسی تمام رشته‌های رابط کاربری برای انسانی‌تر شدن The Microcopy Audit — Rewriting Every UI String to Sound Human

• دمو: پرامپت دسته‌ای میکروکپی — ساختار، اجرا و اعتبارسنجی تمام رشته‌ها به صورت یکجا Demo: The Microcopy Batch Prompt — Structure, Execute and Validate Every String at Once

• اعتبارسنجی در میانه ساخت — سیستم ۳ نقطه کنترلی برای شناسایی زودهنگام خطاها Mid-Build Validation — The 3-Checkpoint System for Catching Errors Early

• دمو: اجرای هر سه نقطه اعتبارسنجی روی پورتال مشتری به صورت زنده Demo: Running All Three Validation Checkpoints on Client Portal Live

• فروپاشی پنجره بافت — دلایل، علائم و ۴ نشانه هشدار Context Window Collapse — Causes, Symptoms and the 4 Warning Signs

• دمو: ساخت فایل context.md — سند بازنشانی جلسه که تمام تصمیمات ساخت را حفظ می‌کند Demo: Building Your context.md — The Session Reset Document That Preserves Every Build Decision

• دمو: تولید context.md با هوش مصنوعی و ادامه ساخت بدون نیاز به شروع مجدد Demo: Generating context.md with AI and Continuing Any Build Without Starting Over

• دمو: ارتقای طراحی PDF فاکتور و عرضه نسخه ۱.۰ پورتال مشتری Demo: Upgrading the Invoice PDF Design and Shipping Client Portal v1.0

• نکات کلیدی Key Takeaways

آماده‌سازی برای استقرار — مقاوم‌سازی امنیتی، ساختارهای ساختاری در مقابل اکتشافی و اعتبارسنجی پیش از لانچ Deployment Preparation — Security Hardening, Structured vs Exploratory Builds and Pre-Launch Validation

• دمو: Vibe Coding در مقابل توسعه ساختاریافته — ساخت یک اپلیکیشن مشابه به هر دو روش Demo: Vibe Coding vs Structured Development — Building the Same App Both Ways

• دمو: چه چیزهایی هنگام حذف PRD می‌شکنند — بررسی زنده عیب‌یابی Demo: What Breaks When You Skip the PRD — A Live Debugging Walk-Through

• دمو: یک پرامپت، دو پروژه — چرا خروجی هوش مصنوعی بدون ساختار غیرقطعی است Demo: Same Prompt, Two Projects — Why AI Output Is Non-Deterministic Without Structure

• ساختار در مقابل لحن — یک قانون برای همیشه Structure vs Voice — One Rule Forever

• دمو: مقاوم‌سازی امنیتی بخش اول — امنیت در سطح ردیف (RLS)، جداسازی داده‌ها و متغیرهای محیطی Demo: Security Hardening Part 1 — Row-Level Security, Data Isolation and Environment Variables

• دمو: مقاوم‌سازی امنیتی بخش دوم — محافظت از مسیرها، اعتبارسنجی فرم‌ها و بازرسی کامل ۱۲ مرحله‌ای Demo: Security Hardening Part 2 — Route Protection, Form Validation and the Full 12-Check Audit

• نکات کلیدی Key Takeaways

استقرار در Vercel، رفع خطاهای Build و فعال‌سازی زنده SaaS شما Deploying to Vercel, Fixing Build Errors and Shipping Your SaaS Live

• دمو: استقرار در Vercel بخش اول — Push به گیت‌هاب، احراز هویت CLI و استقرار با کمک هوش مصنوعی Demo: Deploying to Vercel Part 1 — GitHub Push, CLI Authentication and AI-Assisted Deployment

• دمو: استقرار در Vercel بخش دوم — رفع خطاهای Build، فعال‌سازی و تست کامل (End-to-End) Demo: Deploying to Vercel Part 2 — Fixing Build Errors, Going Live and Testing End-to-End

• آنچه در واقع ساختید — متد دائمی است، ابزارها موقت What You Actually Built — The Method Is Permanent, the Tools Are Temporary

• نکات کلیدی Key Takeaways