آموزش وایب کدینگ (Vibe Coding) برای مدیران محصول: ساخت اپلیکیشن با هوش مصنوعی - آخرین آپدیت

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

مقدمه‌ای بر اینترنت و مرورگر وب Introduction to Internet & Web browser

• اینترنت واقعاً چگونه کار می‌کند How the Internet Actually Works

• درک DNS و نحوه اتصال ISPها Understanding DNS and How ISPs Connect You

• اجزای صفحه وب: HTML، CSS و JavaScript What Makes a Webpage? HTML, CSS & JavaScript

• آزمون ۱: بررسی مبانی اینترنت Quiz 1: Exploring Internet Basics

مقدمه‌ای بر وایب کدینگ Introduction Vibe coding

• خوش‌آمدگویی به بوت‌کمپ وایب کدینگ Welcome to the Vibe Coding Bootcamp

• استفاده از Claude برای ساخت اولین MVP Using Claude to Build Your First MVP

• شروع کار با ChatGPT برای کدنویسی Getting Started with ChatGPT for Coding

• کار عملی با V0، Lovable و Replit Hands-On with V0, Lovable & Replit

آشنایی با Cursor IDE Introduction to Cursor IDE

• پرامپت‌نویسی Zero Shot در Cursor Zero-Shot Prompting in Cursor

• معرفی محیط Cursor IDE Introduction to Cursor IDE

• استفاده از Plan Mode برای تولید خودکار ساختار اپ Using Plan Mode to Auto-Generate App Structure

• ایجاد برنامه محصول برای یک اپلیکیشن پرداخت Creating a Product Plan for a Payment App

• آشنایی با Firebase Introduction to Firebase

• بررسی Firebase برای بک‌اند و ذخیره‌سازی Exploring Firebase for Backend & Storage

• درک ساختار کدها و پوشه‌ها Understanding Code & Folder Structure

• دستورات رایج ترمینال برای توسعه‌دهندگان Common Terminal Commands for Developers

• مقدمه‌ای بر Next.js، React و Tailwind CSS Intro to Next.js, React & Tailwind CSS

• مدیریت متغیرهای محیطی و Secrets Managing Environment Variables & Secrets

• نصب پکیج‌ها و اجرای پروژه Installing Packages & Running Your Project

• اجرای محلی و دیباگ با Cursor Running Locally & Debugging with Cursor

• نحوه عملکرد Plaid Link (بررسی عمیق فین‌تک) How Plaid Link Works (Fintech Deep Dive)

مقدمه‌ای بر Claude Code Introduction to Claude Code

• Claude Code واقعاً چیست (و چرا برای PMها مهم است) What Claude Code Actually Is (and Why PMs Care)

• نصب Claude Code روی سیستم Installing Claude Code on Your Machine

• اولین جلسه کار با Claude Code Your First Claude Code Session

• یک ترمینال بهتر: راه‌اندازی Ghostty A Better Terminal: Setting Up Ghostty

• پیکربندی Claude Code Claude Code Configuration

• اولین مکالمه واقعی با Claude Code Your First Real Conversation with Claude Code

• مقایسه Claude Code در مقابل Codex و Cursor CLI Claude Code vs Codex vs Cursor CLI

ساخت اولین محصول با Claude Code Building Your First Product with Claude Code

• حالت برنامه‌ریزی: تفکر قبل از ساخت Plan Mode: Thinking Before Building

• ساخت اولین اپلیکیشن با Claude Code Building Your First App with Claude Code

• کار در کنار اپلیکیشن دسکتاپ Claude Working Alongside the Claude Desktop App

• استفاده از Cursor IDE برای جریان کاری بصری Using Cursor IDE for a Visual Workflow

• تنظیم متغیرهای محیطی و کلیدهای API Setting Up Environment Variables and API Keys

• اجرای محصول به صورت محلی Running Your Product Locally

• ارسال کدها به GitHub Pushing Your Code to GitHub

• استقرار محصول در Vercel Deploying Your Product to Vercel

• ترکیب Vercel، Neon و Clerk: استک استقرار برای PMها Vercel, Neon, and Clerk: The PM's Deploy Stack

• مهارت‌ها (Skills) در Claude Code چیستند؟ What Are Skills in Claude Code?

• ساخت اولین مهارت (Skill) Building Your First Skill

• به‌کارگیری مهارت ساخته شده Putting Your Skill to Work

• چرخه حیات توسعه نرم‌افزار (SDLC) برای مدیران محصول The Software Development Lifecycle for PMs

• مهارت‌های فوق‌قدرت SDLC برای مدیران محصول SDLC Superpower Skills for Product Managers

طراحی با Claude برای مدیران محصول Claude Design for PMs

• استفاده از Artifacts برای طراحی محصول و UI Using Artifacts for Product and UI Design

• بهبود طراحی محصول شما Improving Your Product Design

• مقدمه‌ای بر Claude Design Introduction to Claude Design

• ساخت صفحات بهتر با Claude Design Building Better Screens with Claude Design

همه چیز درباره APIها و Postman Everything about APIs and Postman

• توضیح APIها به زبان بسیار ساده APIs Explained Like You’re 5

• مثال‌های واقعی از APIها Real world example of APIs

• آموزش Postman و تست API Learn Postman & API Testing

• اتصال API به اپلیکیشن هواشناسی Connecting an API to Your Weather App

• آزمون ۳: درک APIها و Postman Quiz 3 : Understanding APIs and Postman

• ساخت یک وب‌اپلیکیشن به تنهایی Build a web app by yourself