آموزش وایب کدینگ (Vibe Coding): ساخت اپلیکیشن با Claude Code، Cursor و Codex - آخرین آپدیت

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

مقدمه Introduction

• مقدمه Introduction

• مرور کلی دوره Course Overview

• آنلاین کردن اولین وب‌سایت در چند دقیقه (Lovable, Replit, Base44) Get your first website online in minutes (Lovable, Replit, Base44)

• معرفی مدرس: آرنولد اوبرلایتر (Arnie) Instructor Introduction: Arnold Oberleiter (Arnie)

• مبانی AI و API: مدل‌های LLM، توکن‌ها، فراخوانی توابع، پنجره کانتکست و پرامپت‌نویسی AI & API Basics: LLMs, Tokens, Function Calling, Context Windows & Prompting

• لینک‌ها و منابع Links and Resources

آماده‌سازی سیستم: نصب‌های ضروری System Preparation: Essential Installations

• مقدمه Intro

• معرفی استک تکنولوژی: بررسی نصب‌ها و آماده‌سازی سیستم Tech Stack Introduction: Check Installations and Prepare Your System

• نصب Python، pyenv، pip و uv Installing Python, pyenv, pip and uv

• تنظیمات Node.js: نصب Node، nvm، bun و npm Node.js Setup: Installing Node, nvm, bun and npm

• مبانی Git و GitHub Git and GitHub basics

• جمع‌بندی Recap

استفاده از هوش مصنوعی در ترمینال: ابزارهای CLI برای توسعه‌دهندگان Using AI in the Terminal: CLI Tools for Developers

• آنچه در این بخش می‌آموزیم What we learn in this section

• مرور گزینه‌ها: سازنده‌های فوری، IDEها و CLIها Overview of Options: Instant Builders, IDEs & CLIs

• استفاده از Gemini CLI در ترمینال با دسترسی جهانی Gemini CLI in the Terminal with Global Access

• استفاده از CLIها در پروژه: ساختار پوشه‌ها، VS Code، فایل Gemini.md و مبانی Using CLIs in a Project: Folder Structure, VS Code, Gemini.md & Basics

• Opencode، Codex و Claude Code: کار با چندین CLI در یک پروژه Opencode, Codex & Claude Code: Work with Multiple CLIs on One Project

• کنترل نسخه با Git و GitHub: دستورات Commit، Push، Pull، Add، Clone و Checkout Version Control with Git and GitHub: Commits, Push, Pull, Add, Clone, & Checkout

• ایجنت‌های کدنویس می‌توانند فراتر از کدنویسی عمل کنند Coding Agents can do more than just code

• جمع‌بندی Recap

توسعه اپلیکیشن‌ها با ابزارهای CLI مانند Claude Code، Codex، Gemini CLI یا Opencode Developing Apps with CLI Tools like Claude Code, Codex, Gemini CLI or Opencode

• مرور بخش: آنچه در اینجا می‌آموزیم Section Overview: What we learn here

• مهندسی کانتکست Context Engineering

• Claude Code: اولین قدم‌های مهندسی کانتکست و تنظیمات پروژه Claude Code: First Steps of Context Engineering and Settings for our Project

• برنامه‌نویسی اپلیکیشن ردیابی مالی Programming a Finance Tracking App

• تست و بهبود اپلیکیشن: دیباگینگ و ارسال به GitHub Testing and Improving the App: Debugging and Pushing to GitHub

• مرور کلی پروژه Project Overview

• n8n: ایجاد بک‌اند اپلیکیشن n8n: Creating the App Backend

• توسعه فرانت‌اند با Claude Code Developing the Frontend with Claude Code

• انتشار و میزبانی اپلیکیشن روی Vercel Publishing and Hosting the App on Vercel

• Supabase و MCP: ایجاد سیستم ورود و نکات مهم Supabase & MCP: Creating a Login and Important Tips

• ادغام پرداخت‌ها با Stripe و MCP Integrating Payments with Stripe and MCP

• ردیابی خودکار خطاهای بک‌اند n8n Automatically Tracking n8n Backend Errors

• افزودن محصولات و گزینه‌های اضافی Adding Products and Additional Option

• ComfyUI به عنوان بک‌اند (جایگزین محلی) ComfyUI as Backend (Local Alternative)

• مدل‌های Claude Fable 5 و Sonnet 5 Claude Fable 5 and Sonnet 5 Models

• جمع‌بندی! Recap!

نکات، پروژه‌های بیشتر و مفاهیم پیشرفته در Claude Code Tips, More Projects, and Advanced Concepts in Claude Code

• مرور بخش Section Overview

• مدیریت مجوزهای دسترسی و حالت YOLO: نادیده گرفتن خطرناک مجوزها Managing Access Permissions and YOLO Mode: --dangerously-skip-permissions

• دستورات سفارشی Slash: ذخیره و بازیابی پرامپت‌ها Custom Slash Commands: Saving and Retrieving Prompts

• سیستم‌های چند-ایجنت: اجرای موازی ایجنت‌ها و زیر-ایجنت‌ها Multi-Agent Systems: Running Agents and Subagents in Parallel

• نکته سریع: پرامپت‌نویسی مثبت و منفی Quick Tip: Prompting and Negative Prompting

• هوک‌ها: دادن هوک به Claude Code برای اتوماسیون Hooks: Give Claude Code Hooks for Automation

• مهارت‌ها (Skills): روشی دیگر برای افزایش قابلیت‌های Claude Code Skills: Another Method to Give Claude Code Capabilities

• مهارت‌های Claude از Vercel: ساخت وب‌سایت‌های زیبا با Skills.sh Claude Skills from Vercel: Build Beautiful Websites with Skills.sh

• مهارت‌های Remotion برای Claude Code: ساخت ویدیو و انیمیشن با کد Remotion Skills for Claude Code: Creating Videos and Animations with Code

• نکات بیشتر برای ساخت مهارت‌ها More tips for building skills

• Autoresearch از Andrej Karpathy برای هوش مصنوعی خود-بهبودبخش Autoresearch from Andrej Karpathy for Self-Improving AI

• پلاگین‌های Claude Code: مدیریت ایجنت‌ها، هوک‌ها، سرورهای MCP و دستورات Slash Claude Code Plugins: Managing Agents, Hooks, MCP Servers & Slash Commands

• نکات مهم: تاییدیه و تست‌ها Important Tips: Verification and Tests

• CLIها: GitHub CLI، Google CLI، Playwright CLI و نکات بیشتر CLIs: GitHub CLI, Google CLI, Playwright CLI, and More Tips

• ساخت اپلیکیشن RAG چندوجهی با استفاده از Gemini Embedding 2 Build a Multimodal RAG Application using Gemini Embedding 2

• آموزش Agents SDK: استفاده از SDK ایجنت‌های کلود انتروپیک در پایتون Agents SDK Tutorial: Anthropic's claude-agent-sdk in Python

• استفاده رایگان از LLMهای متن‌باز در Claude Code با Ollama Open-Source LLMs for Free in Claude Code with Ollama

• لوپ‌ها، کرون‌جاب‌ها و Ralph Loops: خودمختاری کامل و تسک‌های چندروزه Loops, Cron Jobs & Ralph Loops: Full Autonomy and Tasks That Run for Days

• حالت صوتی و سایر دستورات slash Voice Mode and all other slash commands

• بهترین نکات از زبان سازنده Claude Code The Best Tips from the Claude Code Creator Himself

• جمع‌بندی! Recap!

Cursor و Pydantic AI Cursor and Pydantic AI

• مرور بخش: پایتون، Cursor و Pydantic AI Section Overview: Python, Cursor and Pydantic AI

• معرفی Cursor: هر آنچه باید بدانید Cursor Introduction: Everything that you need to know

• مرور پروژه و استک تکنولوژی: Python، Pydantic، Gradio، Cursor Project & Tech Stack Overview: Python, Pydantic, Gradio, Cursor

• پروتوتایپ پایتون: ساخت اپلیکیشن با Pydantic AI و Gradio Python Prototype: Build Your App with Pydantic AI & Gradio

• تغذیه و تگ‌گذاری مستندات در Cursor برای هر پروژه Feed and Tag Documentation in Cursor for Every Project

• Pydantic AI: ساخت ایجنت پژوهشی عمیق با فرانت‌اند Gradio در پایتون Pydantic AI: Build a Deep Research Agent with a Gradio Frontend in Python

• توضیح دقیق کدهای پایتون و کل پروژه Pydantic AI Python Code and the Whole Pydantic AI Project Explained in Detail

• اشتراک‌گذاری اپلیکیشن Gradio با دیگران Share Your Gradio App with Others

• ایجنت‌های Pydantic AI در پایتون: الهام، ارزیابی‌ها و مشاهده‌پذیری Pydantic AI Agents in Python: Inspiration, Evals & Observability

• جمع‌بندی! Recap!

Antigravity: از مبانی تا ساخت یک اپلیکیشن جدید Antigravity: From the Basics to building a New App

• مبانی Antigravity: نصب، رابط کاربری و مدل‌ها Antigravity Basics: Installation, Interface, and Models

• Antigravity: ساخت اپلیکیشن بازنشر محتوا با React و Vite Antigravity: Build a Content Repurposing Application with React and Vite

OpenClaw OpenClaw

• مرور بخش OpenClaw OpenClaw Section Overview

• OpenClaw (ClaudBot) چیست؟ What is OpenClaw (ClaudBot)?

• نصب OpenClaw روی لینوکس، مک، ویندوز یا VPS OpenClaw Installation on Linux, macOS, Windows or a VPS

• راه‌اندازی OpenClaw، تنظیمات تلگرام و برخی گزینه‌ها OpenClaw Onboarding, Telegram Configuration and some Options

• جمع‌بندی OpenClaw و نکات بیشتر OpenClaw Recap and more Tipps

ایجنت‌های صوتی با LiveKit و پایتون Voice Agents with LiveKit and Python

• مرور بخش Section Overview

• درک ایجنت‌های صوتی Understanding Voice Agents

• مرور کلی پروژه گیت‌هاب Github Project Overview

• مرور کلی LiveKit LiveKit Overview

• ساخت یک آواتار AI صوتی در LiveKit و پایتون Build an AI Avatar with Voice in LiveKit and Python

• گزینه‌های بیشتر با LiveKit و پایتون More Options with LiveKit and Python

• جمع‌بندی! Recap!

امنیت و انطباق هوش مصنوعی AI Security & Compliance

• مرور بخش‌ها Section overviews

• جیل‌بریک‌ها: یک ریسک واقعی Jailbreaks: A Real Risk

• تزریق پرامپت: احتمال هک شدن OpenClaw و Claude Code Prompt Injections: OpenClaw & Claude Code can get Hacked

• مسموم کردن داده‌ها (Data Poisoning) Data Poisoning

• سرورهای MCP بدرفتار Misbehaving MCP Server

• مسموم کردن ابزارها، کلاهبرداری‌های MCP و سایر آسیب‌پذیری‌های امنیتی Tool Poioning, MCP Rug Pulls & Other Security Vulnerabilities

• احراز هویت و کلیدهای API Authentication and API Keys

• کپی‌رایت و مالکیت معنوی Copyrights & Intellectual Property

• توضیح لایسنس‌های متن‌باز (MIT، Apache و غیره) Open-Source Licenses Explained (MIT, Apache & More)

• حریم خصوصی و محافظت از داده‌های خود و مشتری Privacy & Protection for your own and Client Data

• سانسور، تراز (Alignment) و سوگیری Censorship, Alignment, and Bias

• انطباق و قانون: GDPR، CCPA، CPRA و قانون AI اتحادیه اروپا Compliance & Law: GDPR, CCPA,CPRA & the EU AI Act

• قانون AI برای ایجنت‌های هوش مصنوعی + CCPA/CPRA (پژوهش عمیق) AI Act for AI Agents + CCPA/CPRA (Deep Research)

• جمع‌بندی Recap

• بونوس Bonus