آموزش دوره جامع Vibe Coding برای طراحان UX/UI - آخرین آپدیت

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

بخش اول: مقدمه‌ای بر Vibe Coding برای طراحان UX/UI Section 1. Introduction to Vibe Coding for UX/UI Designers

• مقدمه Introduction

• چگونه AI در حال تغییر UI/UX است How AI іs сhanging UI/UX

• مهندسی پرامپت در مقابل Vibe Coding Prompt Engineering vs Vibe Coding

• جابجایی بین مهندسی پرامپت و Vibe Coding Switch between Prompt Engineering and Vibe Coding

• مقایسه ابزارهای کلیدی: Cursor, Lovable, Windsurf, V0 Key Tool Comparison: Cursor, Lovable, Windsurf, V0

• تهیه دستیار کاربردی شخصی Getting Your Own Practical Companion

• چگونه در Udemy مطالعه کنیم؟ How to study on Udemy?

تسلط بر پرامپت‌ها Mastering Prompts

• سه سطح هوش مصنوعی: ANI, AGI و ASI Three levels of artificial intelligence: ANI, AGI and ASI

• نحوه تفکر مدل‌های زبانی: توکن‌ها، کانتکست، تداعی‌ها و توجه How Language Models Think: Tokens, Context, Associations, and Attention

• پارامترهای کنترل رفتار مدل Model Behavior Control Parameters

• PromptOps چیست و چه تفاوتی با مهندسی پرامپت دارد What is PromptOps and How is it Different from Prompt Engineering

• انواع پرامپت‌ها: یک‌باره، قابل استفاده مجدد، پارامتریک و سطح ایجنت Types of Prompts: One-Off, Reusable, Parameterized, and Agent-Level

• چارچوب پرامپت‌نویسی Prompting Framework

• شکست‌های رایج AI: توهمات، اعتماد به نفس کاذب و سوگیری‌های پنهان Common AI Failures: Hallucinations, Overconfidence & Hidden Bias

• چگونه از یک دستیار AI استفاده کنیم؟ How to use an AI Assistant?

هوش مصنوعی به عنوان شریک طراحی شما AI as Your Design Partner

• هوش مصنوعی به عنوان شریک طراحی شما AI-as-Your-Design-Partner

• تفکر پرامپتی —چگونه مانند یک طراح با AI صحبت کنیم Prompt Thinking — How to Talk to AI Like a Designer

• دستورالعمل‌های پرامپت —تیترها، لایوت‌ها و بصری‌ها Prompt Recipes — Headlines, Layouts & Visuals

• زمینه تمرین پرامپت —تمرین نوشتن پرامپت‌های عالی Prompt Playground — Practice Writing Great AI Prompts

• استفاده از AI برای تحقیقات UX و خلق پرسونای کاربر Using AI for UX Research & Persona Generation

• از ایده تا فرضیه: ساختار تفکر محصول پیش از تولید From Idea to Hypothesis: Structuring Product Thinking Before Generation

پروژه فیگما: پروتوتایپینگ و انیمیشن Figma Project: Prototyping and animation

• گشت‌وگذار در رابط کاربری: قابلیت‌های AI کجا هستند Interface tour: where to find AI features

• پروژه واقعی: یک لندینگ‌پیج ساده Real-time project: a simple landing page

• معرفی Figma Make, Figma Slides و Figma Buzz Figma Make, Figma Slides and Figma Buzz

• پاکسازی و تراز کردن —ابزارهای دستی و مبتنی بر AI Cleanup & Alignment — AI-Powered & Manual Tools

• درک پروتوتایپینگ در فیگما Understanding Prototyping in Figma

• خلق پروتوتایپ‌های تعاملی در فیگما Creating Intreactive Prototypes in Figma

• انیمیشن در فیگما Animation in Figma

• طراحی مشترک لندینگ‌پیج —شما + همکار AI Designing a Landing Page Together — You + AI Co-Designer

ساخت سیستم‌های طراحی (Design Systems) Building Design systems

• سیستم طراحی (Design System) چیست؟ What is a Design System?

• متغیرها (Variables) در رنگ‌ها Variables in colours

• حالت‌ها (Modes) در متغیرها Modes in variables

• متغیرها در متن Variables in text

• متغیرها برای فاصله‌گذاری (Spacing) Variables for spacing

• متغیرهای Boolean در فیگما Boolean Variables in Figma

• خلق کامپوننت‌ها Creating components

• قوانین نام‌گذاری در فایل‌های فیگما و سیستم‌های طراحی Naming Rules in Figma Files and Design Systems

استفاده از Lovable AI Using Lovable AI

• چگونه مدل مناسب را برای هر کار انتخاب کنیم How to Choose the Right Model for the Job

• Lovable چیست؟ What is Lovable?

• بررسی رابط کاربری Lovable Lovable interface overview

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

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

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

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

استفاده از Cursor Using Cursor

• Cursor چیست؟ What is Cursor?

• بررسی رابط کاربری Cursor Cursor interface overview

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

• تولید محتوا و مستندات در Markdown/LaTeX Content & documentation generation in Markdown/LaTeX

استفاده از Windsurf Using Windsurf

• Windsurf چیست؟ What is Windsurf?

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

• بررسی رابط کاربری Windsurf Windsurf interface overview

• تولید یک لندینگ‌پیج ریسپانسیو Generate a responsive landing page

استفاده از V0 Using V0

• V0 چیست؟ What is V0?

• بررسی رابط کاربری V0 V0 interface overview

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

• خلق و اصلاح یک پروتوتایپ Creating and Modifying a Prototype

• توضیح MVP و امتیازدهی ICE MVP and ICE Scoring Explained

• چه زمانی از No-code به Code مهاجرت کنیم When To Move from No-Code to Code

• تدوین نیازمندی‌ها برای v0 در Gemini Crafting Requirements for v0 in Gemini

• افزودن منطق ساده به لندینگ‌پیج Adding Simple Logic to the Landing Page

• پروتوتایپ‌های Low-fidelity در مقابل High-fidelity Low-fidelity vs. High-fidelity Prototypes

• وارد کردن طرح‌ها از فیگما و تکرار پروتوتایپ Importing Designs from Figma & Iteration of Prototype

ساخت، تست و استقرار Build, Test, Deploy

• تست و استقرار اپلیکیشن App Testing and Deployment

• بررسی داشبورد پروژه در Vercel Vercel Project Dashboard Overview

• ساخت داشبورد بازخورد برای تحلیل نظرات مشتریان Create a feedback dashboard for customer insights

• ایجاد یکپارچگی با سیستم‌های طراحی در v0 Bringing Consistency with Design Systems in v0

• قوانین v0: آموزش قوانین ساختاری به پروژه‌ها v0 Rules Teaching Your Projects Constitution

• تبدیل یادداشت‌های جلسه به یک پروتوتایپ Transforming Meeting Notes into a Prototype

• یکپارچه‌سازی دیتابیس Supabase برای لیست انتظار لندینگ‌پیج Supabase Database Integration for Landing Page Waitlist

هوش مصنوعی مولد برای Vibe Coding و توسعه GenAI for Vibe Coding and Development

• هوش مصنوعی مولد برای Vibe Coding و توسعه با Dmytro Vasyliev GenAI for Vibe Coding and Development with Dmytro Vasyliev

اخلاق AI و رشد شغلی با هوش مصنوعی AI Ethics and Career Growth with AI

• اخلاق، ایمنی و بهترین روش‌های استفاده از AI AI Ethics, Safety & Best Practices

• استفاده مسئولانه از AI: حق نشر، ارجاع و اصالت Responsible AI Use - Copyright, Attribution, and Originality

• سوگیری و عدالت در استفاده از AI Bias and Fairness Using AI

• حریم خصوصی و امنیت: مدیریت مسئولانه داده‌های حساس Privacy & Security - Handle Sensitive Data Responsibly

• کنترل کیفیت: حقیقت‌سنجی خروجی‌های AI Quality Control - Fact-Checking AI Outputs

• چشم‌انداز قوانین AI: تاثیر GDPR و تکامل سیاست‌ها AI Regulation Landscape - GDPR Impact & Policy Evolution

• اجتناب از اتکای بیش از حد: تشویق نظارت انسانی Avoiding Over-Reliance - Encourage Human Oversight

• بخش شغلی: باز کردن مسیر رشد شغلی با AI در مشاغل شرکتی Chapter Career. Unlocking Career Growth with AI in Corporate Jobs

• ۱۰۰ روش برتر برای به‌روزرسانی دانش GenAI و ChatGPT Top 100 Ways to Update Your GenAI and ChatGPT Knowledge

تاکتیک‌های پیشرفته مهندسی پرامپت Advanced Prompt Engineering Tactics

• مبانی هوش مصنوعی مولد: اصطلاحات کلیدی Generative AI Fundamentals - Key Terminology

• تکنیک‌های پیشرفته مهندسی پرامپت Advanced Prompt Engineering Techniques

• تکنیک‌های پیشرفته مهندسی پرامپت: ReAct و Self Ask Advanced Prompt Engineering Techniques - ReAct and Self-Ask

• تکنیک‌های پیشرفته مهندسی پرامپت: بخش دوم Advanced Prompt Engineering Techniques. Part 2

• تکنیک‌های پیشرفته پرامپت: ابزارهای تست پرامپت Advanced Prompt Techniques - Tools for Prompt Testing

• تکنیک‌های پیشرفته پرامپت: بخش سوم Advanced Prompt Techniques. Part 3

• لایه‌بندی پرامپت: کانتکست + نقش + وظیفه + فرمت Prompt Layering: Context + Role + Task + Format

• ساخت پورتفولیوی پرامپت‌های خود Build Your Prompt Portfolio

بخش نهایی Final

• اخلاق طراحی: سوگیری، نویسندگی و ارجاع Design ethics: Bias, Authorship & Attribution

• روندهای آینده در طراحی AI (۲۰۲۵–۲۰۲۷) Future Trends in AI Design (2025–2027)

• توصیه‌های نهایی Final Recommendations

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

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

• بونوس (هدیه) Bonus

• گواهینامه Codestars Certificate Authority (CCA) Codestars Certificate Authority (CCA) Certificate