آموزش Vibe Coding برای توسعه‌دهندگان: v0 AI، Supabase و استقرار در Vercel - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• خوش‌آمدگویی به دوره Welcome to the Course

• پیش‌نیازهای دوره Course Requirements

• نحوه مطالعه در Udemy How to Study on Udemy

V0: شروع کار با v0 V0: Getting Started with v0

• ایجاد حساب کاربری v0 Create Your v0 Account

• شروع سریع با v0 Quick Start with v0

• مروری بر ویژگی‌های Agentic Overview of Agentic Features

• بهبود پرامپت و بهترین روش‌ها Prompt Enhancement & Best Practices

• استفاده از پیوست‌های فایل در v0 Using File Attachments in v0

• مروری بر قابلیت ویرایش کد Overview of Code Editing Feature

• مروری بر قابلیت حالت طراحی (Design Mode) Overview of Design Mode Feature

• مروری بر سیستم‌های طراحی (Design Systems) Overview of Design Systems Feature

• مروری بر قابلیت مدیریت نسخه‌ها Overview of Versions Feature

V0: آشنایی با قابلیت‌های v0 V0: Getting to Know v0

• نگاه کلی به v0 Overview of v0

• موارد استفاده رایج v0 برای توسعه‌دهندگان Popular Use Cases of v0 for Developers

• طرح‌های پرداخت و ویژگی‌های v0 v0 Payment Plans & Features

• مروری بر مدل‌های هوش مصنوعی و محدودیت‌ها Overview of AI Models & Limitations

• درک حریم خصوصی داده‌ها در v0 Understand v0 Data Privacy

V0: ساخت برنامه‌ریز محتوا با v0 V0: Build the Content Planner with v0

• برنامه‌ریزی عملکرد و نحوه کار اپلیکیشن Plan What Your App Does and How It Works

• یادگیری ۴ سبک پرامپت از مقدماتی تا پیشرفته Learn 4 Prompt Styles from Basic to Advance

• چهار قالب پرامپت برای ساخت برنامه‌ریز محتوا 4 Prompt Templates for Building a Content Planner

• تست ۴ پرامپت در v0 و مقایسه اپلیکیشن‌های ساخته شده Try 4 Prompts in v0 and Compare Created Apps

• اعمال تغییرات نهایی برای بهبود طراحی اپلیکیشن Make Final Tweaks to Improve the App Design

V0: اتصال برنامه‌ریز محتوا به Supabase V0: Connect Content Planner to Supabase with v0

• مروری بر یکپارچه‌سازی با Supabase Overview of Supabase integration

• اتصال Supabase به v0 Connecting Supabase to v0

• افزودن احراز هویت ایمیل/رمز عبور با Supabase Add Email/Password Authentication with Supabase

• ذخیره داده‌های محتوا و پلتفرم‌ها در Supabase Store Content and Platforms Data in Supabase

V0: انتشار اپلیکیشن برنامه‌ریز محتوا با Vercel V0: Publish Content Planner App with Vercel

• انتشار اپلیکیشن برای کاربران واقعی Publish Application for Real Users

• افزودن آدرس دامنه اختصاصی Add custom Domain address

• مانیتورینگ استقرارها، لاگ‌ها و بازگشت به نسخه‌های قبل Monitor Deployments, Logs, and Rollbacks

• پیکربندی متغیرهای محیطی (Environment Variables) Configure Environment Variables

• افزودن ابزار ردیابی تحلیل وب (Web Analytics) Add a Web Analytics Tracking Tool

• دانلود کد اپلیکیشن Download your App Code

PROMPTS: تسلط بر مهندسی پرامپت PROMPTS: Master Prompt Engineering

• مهندسی پرامپت چیست؟ What Is Prompt Engineering?

• اشتباهات و چالش‌های رایج Common Mistakes and Challenges

• بهترین روش‌ها برای نوشتن پرامپت Best Practices for Writing Prompts

• تکنیک‌های پیشرفته پرامپت‌نویسی Advanced Prompting Techniques

• پرامپت‌های نقش‌محور برای خروجی‌های هوشمندانه‌تر Role-Based Prompts for Smarter Outputs

LOVABLE: تسلط بر پرامپت‌ها برای Vibe Coding LOVABLE: Mastering Prompts for Vibe Coding

• چه چیزی یک پرامپت را عالی می‌کند؟ What makes a great prompt?

• تکرار و بهینه‌سازی پرامپت‌ها Iterating your prompts

• قالب‌های پرامپت آماده برای Vibe Coding Prompt templates for vibe coding that you can steal

• چارچوب RACE RACE Framework

• چارچوب ReAct ReAct Framework

LOVABLE: مقدمه‌ای بر Lovable LOVABLE: Introduction to Lovable

• Lovable چیست؟ What is Lovable?

• مرور رابط کاربری Lovable Lovable interface overview

• قالب‌های پرامپت Lovable Lovable prompt templates

• مروری بر حالت چت (Chat Mode) و حالت ایجنت (Agent Mode) Overview of Chat Mode and Agent Mode

• مروری بر ویژگی تاریخچه (History Mode) Overview of History Mode Feature

• مروری بر ویژگی حالت توسعه (Dev Mode) Overview of Dev Mode Feature

• مروری بر ویژگی ویرایش بصری (Visual Edit) Overview Visual Edit Feature

LOVABLE: شروع سریع با Lovable LOVABLE: Quick Start with Lovable

• پروتوتایپ سریع برای مدیران محصول و طراحان UX Rapid prototyping for product managers & UX designers

• ساخت MVP بدون نیاز به توسعه‌دهنده Building an MVP without a developer

• ساخت وب‌سایت‌های مارکتینگ و لندینگ پیج‌ها Creating marketing websites and landing pages

• توسعه ابزارهای داخلی و داشبوردها Developing internal tools and dashboards

• تکرار و مقیاس‌بندی اپلیکیشن با کمک هوش مصنوعی AI-driven app iteration and scaling

• کاربردهای استراتژیک Lovable در سازمان‌های بزرگ Strategic applications of Lovable in the enterprise

• ایده‌ساز اپلیکیشن‌های هوش مصنوعی AI Application Idea Generator

• ساخت کوئیزهای مبتنی بر هوش مصنوعی Creating AI-Powered Quizzes

• ساخت پورتفولیوی شخصی Creating a Personal Portfolio

• ساخت داشبورد بازخورد مشتریان Creating a Customer Feedback Dashboard

• ساخت ردیاب عادت شخصی‌سازی شده Creating a Personalized Habit Tracker

LOVABLE: ساخت UI مدیریت تسک با Lovable LOVABLE: Build the Task Manager UI with Lovable

• برنامه‌ریزی عملکرد و نحوه کار اپلیکیشن Plan What Your App Does and How It Works

• یادگیری ۴ سبک پرامپت از مقدماتی تا پیشرفته Learn 4 Prompt Styles from Basic to Advanced

• چهار قالب پرامپت برای ساخت مدیریت تسک 4 Prompt Templates for Building a Task Manager

• تست ۴ پرامپت در Lovable و مقایسه اپلیکیشن‌های ساخته شده Try 4 Prompts in Lovable and Compare Created Apps

• اعمال تغییرات نهایی برای بهبود طراحی اپلیکیشن Make Final Tweaks to Improve the App Design

LOVABLE: اتصال مدیریت تسک به Supabase LOVABLE: Connect Task Manager to Supabase with Lovable

• مروری بر یکپارچه‌سازی با Supabase Overview of Supabase integration

• اتصال Supabase به Lovable Connecting Supabase to Lovable

• افزودن احراز هویت ایمیل/رمز عبور با Supabase Add Email/Password Authentication with Supabase

• افزودن لینک‌های ورود اجتماعی (Social Login) با Supabase Add Social Login Links with Supabase

• ذخیره تسک‌ها، پروژه‌ها و داده‌های تیم در Supabase Store Tasks, Projects and Team Data in Supabase

LOVABLE: انتشار اپلیکیشن مدیریت تسک با Lovable LOVABLE: Publish Your Task Manager App with Lovable

• انتشار اپلیکیشن برای کاربران واقعی Publish Your Application for Real Users

• استفاده از نام دامنه اختصاصی برای اپلیکیشن Use Your Own Domain Name for the App

VIBE CODING SKILLS: یادگیری مهارت‌های Vibe Coding برای توسعه VIBE CODING SKILLS: Learn Vibe Coding for Development

• بررسی ابزارهای Vibe Coding برای توسعه با Dmytro Vasyliev (پادکست) Explore Vibe Coding Tools for Development with Dmytro Vasyliev (Podcats)

جمع‌بندی Wrap-Up

• نحوه ثبت نظر و review How to Leave a Review

• نحوه دریافت گواهینامه How to Get a Certificate

• انجام این دو مورد نهایی Do Those 2 Things