دوره جامع ساخت وب‌سایت و استارتاپ با هوش مصنوعی

قبل از شروع کدنویسی باید بدانیم چه چیزی را برای چه کسی می‌سازیم.

• تفاوت ایده و مسئله
• تعریف مشکل کاربر
• شناسایی مخاطب اولیه
• بررسی راه‌حل‌های موجود
• تحلیل رقبا
• تعریف مزیت محصول
• ساخت فرضیه‌های اولیه
• شناسایی ریسک‌های ایده
• استفاده از AI برای تحقیقات اولیه
• ساخت پرسش‌نامه و مصاحبه
• تحلیل بازخوردهای اولیه
• خطر اعتبارسنجی مصنوعی با AI
• تصمیم برای ادامه، تغییر یا توقف ایده

MVP کوچک‌ترین محصول بی‌کیفیت نیست. MVP نسخه‌ای است که بتواند مهم‌ترین فرضیه محصول را با کمترین پیچیدگی آزمایش کند.

• MVP چیست؟
• تفاوت Prototype، MVP و محصول کامل
• تعریف ارزش اصلی
• تشخیص قابلیت ضروری
• حذف قابلیت‌های اضافی
• اولویت‌بندی امکانات
• روش MoSCoW
• Value و Complexity
• شناسایی وابستگی‌ها
• تعریف محدودیت زمانی
• طراحی نسخه اول
• تعیین معیار موفقیت
• برنامه نسخه‌های بعدی
• جلوگیری از Scope Creep

بدون سند مشخص، AI ممکن است در هر مرحله برداشت متفاوتی از پروژه داشته باشد.

• PRD چیست؟
• هدف محصول
• کاربران محصول
• مسئله اصلی
• قابلیت‌های اصلی
• محدودیت‌ها
• قوانین کسب‌وکار
• User Story
• Acceptance Criteria
• سناریوهای موفق
• سناریوهای خطا
• Edge Case
• Non-functional Requirements
• نیازهای امنیتی
• نیازهای عملکردی
• تعریف خارج از محدوده
• نسخه‌بندی مستندات

قبل از طراحی ظاهر صفحات، باید مسیر حرکت کاربر مشخص شود.

• ساختار اطلاعات
• Sitemap
• صفحات عمومی
• صفحات کاربری
• صفحات مدیریتی
• Navigation
• مسیر ثبت‌نام
• مسیر ورود
• مسیر خرید
• مسیر انجام وظیفه اصلی
• Empty State
• Error State
• Success State
• طراحی Onboarding
• جلوگیری از مسیرهای پیچیده
• تحلیل User Flow با AI

این دوره، دوره تخصصی طراحی گرافیک نیست؛ اما اصولی را آموزش می‌دهد که برای ساخت رابط کاربری حرفه‌ای ضروری هستند.

• تفاوت UI و UX
• سلسله‌مراتب بصری
• فاصله‌گذاری
• Grid
• Typography
• رنگ
• Contrast
• دکمه‌ها
• فرم‌ها
• جدول‌ها
• کارت‌ها
• Navigation
• Dashboard
• Mobile First
• طراحی واکنش‌گرا
• دسترس‌پذیری
• حالت Loading
• حالت خالی
• پیام خطا
• بازخورد عملیات
• طراحی برای زبان فارسی و RTL
• استفاده از AI برای نقد طراحی

اگر هر صفحه با تصمیمی متفاوت ساخته شود، محصول خیلی زود نامنظم خواهد شد.

• Design Token
• رنگ‌های اصلی و فرعی
• مقیاس فاصله
• Typography Scale
• Radius
• Shadow
• Icon
• Button Variant
• Form Control
• Component State
• Responsive Rule
• Naming Convention
• Component Documentation
• الگوهای تکرارشونده
• طراحی کامپوننت‌های RTL
• انتقال Design System به AI

در این بخش تصمیم می‌گیریم سیستم از چه اجزایی تشکیل شود و مسئولیت هر بخش چیست.

• معماری نرم‌افزار چیست؟
• معماری Monolith
• Modular Monolith
• Microservice
• انتخاب معماری متناسب با MVP
• جداسازی Frontend و Backend
• Server-side و Client-side
• لایه‌های سیستم
• Domain
• Application
• Infrastructure
• Module Boundary
• Dependency
• Shared Code
• مدیریت Configuration
• مدیریت Environment
• معماری ساده در برابر پیچیدگی زودهنگام
• ثبت Architecture Decision

دیتابیس فقط مجموعه‌ای از جدول‌ها نیست و باید براساس نیاز واقعی محصول طراحی شود.

• تبدیل مفهوم کسب‌وکار به Entity
• جدول و ستون
• Primary Key
• Foreign Key
• ارتباط یک‌به‌یک
• ارتباط یک‌به‌چند
• ارتباط چندبه‌چند
• Normalization
• انتخاب نوع داده
• وضعیت‌ها
• تاریخچه تغییرات
• Soft Delete
• Audit Field
• Index
• Unique Constraint
• Migration
• Seed Data
• جلوگیری از طراحی پیشنهادی اشتباه AI
• مستندسازی مدل داده

API قرارداد ارتباط میان فرانت‌اند و بک‌اند است.

• REST API
• Resource
• Endpoint
• HTTP Method
• Request
• Response
• Status Code
• DTO
• Validation
• Pagination
• Filter
• Sort
• Search
• Error Format
• Versioning
• Idempotency
• API Documentation
• طراحی قرارداد قبل از پیاده‌سازی
• هماهنگی Frontend و Backend
• تولید Client از قرارداد API

Repository، ساختار پوشه‌ها، تنظیمات و محیط توسعه آماده می‌شوند.

• ساخت Repository
• انتخاب ساختار پروژه
• Monorepo یا Repository جدا
• Branch Strategy
• Commit مناسب
• Pull Request
• Code Review
• فایل‌های Environment
• مدیریت Secret
• Ignore File
• نصب Packageها
• Lock File
• Scriptهای پروژه
• تنظیم Lint و Format
• مستندات اجرای پروژه
• بازگشت از تغییر اشتباه AI

کیفیت کد تولیدشده فقط به مدل وابسته نیست؛ Agent باید پروژه را درست بشناسد.

• Context پروژه چیست؟
• فایل‌های مرجع
• PRD
• Architecture Document
• Coding Convention
• Design Rule
• API Contract
• Database Schema
• Definition of Done
• Agent Rules
• انتخاب فایل‌های مرتبط
• جلوگیری از Context بیش‌ازحد
• شکستن Task بزرگ
• Prompt برای Plan
• Prompt برای Implementation
• Prompt برای Review
• Prompt برای Debug
• ثبت تصمیم‌ها
• به‌روزرسانی Context پس از تغییر

صفحات اصلی پروژه براساس Wireframe و Design System ساخته می‌شوند.

• ساخت Layout
• Routing
• صفحات عمومی
• صفحات Authentication
• Dashboard
• Component Architecture
• Component Composition
• State
• Server State
• فرم‌ها
• Validation
• Table
• Search و Filter
• Pagination
• Loading State
• Error Handling
• Empty State
• Responsive Design
• RTL
• اتصال به Design System
• جلوگیری از کامپوننت‌های بزرگ
• بازبینی کد Frontend توسط AI

قابلیت‌های اصلی MVP در Backend پیاده‌سازی می‌شوند.

• ساخت Module
• Controller
• Service
• Repository
• DTO
• Validation
• Business Rule
• Error Handling
• Configuration
• Logging
• Dependency Injection
• ارتباط با دیتابیس
• Transaction
• Pagination
• Filter
• Search
• مدیریت عملیات هم‌زمان
• جلوگیری از منطق پراکنده
• بازبینی ساختار Backend توسط AI

ثبت‌نام، ورود، بازیابی حساب، نقش و دسترسی پیاده‌سازی می‌شوند.

• ثبت‌نام
• ورود
• رمز عبور امن
• Hash
• Token
• Session
• Refresh Token
• خروج
• بازیابی رمز
• تأیید ایمیل یا موبایل
• Role
• Permission
• Authorization
• محافظت از Route
• محافظت از API
• محدودسازی درخواست
• مدیریت نشست‌ها
• عملیات حساس
• خطاهای رایج کد تولیدشده در Authentication

یک فرایند واقعی از رابط کاربری تا API و دیتابیس به‌صورت کامل اجرا می‌شود.

• API Client
• مدیریت Base URL
• ارسال Token
• مدیریت خطا
• نمایش Loading
• Cache
• Refetch
• Optimistic Update
• مدیریت فرم
• هماهنگی Typeها
• تبدیل Response
• مدیریت خطای Validation
• Retry
• جلوگیری از درخواست تکراری
• هماهنگی State رابط کاربری با Server

در این بخش تعدادی از امکاناتی را پیاده‌سازی می‌کنیم که در بسیاری از محصولات واقعی وجود دارند.

• پنل مدیریت
• جست‌وجو
• فیلتر
• مرتب‌سازی
• Pagination
• بارگذاری فایل
• مدیریت تصویر
• ایمیل
• اعلان
• تنظیمات کاربر
• Profile
• گزارش فعالیت
• Audit Log
• خروجی Excel یا CSV
• Import داده
• Feature Flag
• تنظیمات سیستم
• صفحات خطا
• مدیریت محتوای ساده

این بخش آموزش جامع کسب‌وکار یا حسابداری نیست؛ اما اتصال مدل درآمدی به محصول را پوشش می‌دهد.

• مدل فروش یک‌باره
• اشتراک
• پلن رایگان و پولی
• محدودیت استفاده
• Trial
• Coupon
• Order
• Payment
• Transaction
• Callback
• تأیید پرداخت
• جلوگیری از ثبت تکراری
• Invoice
• لغو اشتراک
• طراحی صفحه قیمت‌گذاری
• هماهنگی Backend و درگاه
• مدیریت خطاهای پرداخت

اگر ایده محصول نیاز داشته باشد، می‌توان یک قابلیت هوشمند واقعی نیز به آن اضافه کرد.

• انتخاب قابلیت AI مناسب
• تفاوت قابلیت واقعی و تزئینی
• اتصال به مدل
• طراحی Prompt
• Structured Output
• مدیریت Context
• ذخیره تاریخچه
• محدودیت استفاده
• مدیریت هزینه
• Streaming
• Error Handling
• Retry و Fallback
• ثبت Token Usage
• امنیت Prompt
• جلوگیری از افشای اطلاعات
• ارزیابی کیفیت خروجی

AI می‌تواند تست تولید کند، اما تست تولیدشده نیز باید بررسی شود.

• Test Strategy
• Unit Test
• Integration Test
• API Test
• Component Test
• End-to-End Test
• Test Case
• Happy Path
• Error Path
• Edge Case
• Mock
• Test Data
• Regression Test
• تولید تست با AI
• بررسی کیفیت تست
• Test Coverage
• جلوگیری از تست‌های بی‌ارزش

مشکلات عمدی در پروژه ایجاد و با روش مرحله‌ای شناسایی و اصلاح می‌شوند.

• بازتولید خطا
• خواندن Error Message
• Stack Trace
• بررسی Log
• تشخیص Frontend یا Backend
• ساخت فرضیه
• کاهش محدوده جست‌وجو
• استفاده از Git Diff
• ارائه Context خطا به AI
• جلوگیری از اصلاح حدسی
• Root Cause Analysis
• ثبت راه‌حل
• ساخت Regression Test
• خطاهای محیط توسعه و Production

کد از نظر ساختار، تست، امنیت و قابلیت نگهداری بررسی و اصلاح می‌شود.

• Code Review چیست؟
• بررسی صحت
• بررسی خوانایی
• بررسی امنیت
• بررسی عملکرد
• بررسی تکرار
• بررسی مسئولیت‌ها
• بررسی Naming
• تشخیص Code Smell
• Refactoring امن
• شکستن فایل‌های بزرگ
• حذف کد مرده
• بهبود Type Safety
• بررسی Dependency
• تولید Review با AI
• تشخیص پیشنهادهای اشتباه AI
• Refactor همراه با تست

مسیرهای حساس، APIها، فایل‌ها، نقش‌ها و تنظیمات پروژه ممیزی می‌شوند.

• اعتبارسنجی ورودی
• Authentication و Authorization
• مدیریت Secret
• SQL Injection
• XSS
• CSRF
• Rate Limiting
• Upload Security
• دسترسی به فایل‌ها
• Error Leakage
• Logging اطلاعات حساس
• مدیریت Dependency
• تنظیم CORS
• Security Header
• دسترسی حداقلی دیتابیس
• Audit Log
• بررسی امنیتی کد تولیدشده
• چک‌لیست انتشار امن

نسخه قبل و بعد از نظر زمان پاسخ، Query و تجربه کاربر مقایسه می‌شوند.

• اندازه‌گیری قبل از بهینه‌سازی
• Performance Frontend
• حجم Bundle
• Lazy Loading
• Image Optimization
• Cache
• Database Query
• Index
• N+1 Query
• Pagination
• Connection
• Background Task
• Rate Limit
• Bottleneck
• Load Test مقدماتی
• مقیاس‌پذیری MVP
• جلوگیری از معماری بیش‌ازحد پیچیده

صفحه اصلی، معرفی محصول و صفحات محتوایی از نظر سئو و دسترس‌پذیری بررسی می‌شوند.

• ساختار عنوان‌ها
• Title و Meta Description
• URL
• Internal Link
• Canonical
• Sitemap
• Robots
• Structured Data
• Open Graph
• Semantic HTML
• Alt Text
• Keyboard Navigation
• Contrast
• Label فرم
• Performance
• صفحات قابل ایندکس
• صفحات خصوصی
• Error Page
• بررسی فنی صفحات با AI

فرانت‌اند، بک‌اند و دیتابیس منتشر و از طریق دامنه واقعی در دسترس قرار می‌گیرند.

• تفاوت Development و Production
• Build
• Environment Variable
• انتخاب سرویس میزبانی
• استقرار Frontend
• استقرار Backend
• استقرار دیتابیس
• Domain
• DNS
• SSL
• Migration
• Seed
• CORS
• Storage
• Email
• Health Check
• Log
• Rollback
• Backup
• چک‌لیست انتشار

خطاها، وضعیت سرویس و رویدادهای مهم پروژه قابل بررسی می‌شوند.

• ثبت خطا
• Application Log
• Error Tracking
• Uptime
• Health Monitoring
• Performance Monitoring
• ثبت رفتارهای مهم
• Backup
• بازیابی
• مدیریت Incident
• Dependency Update
• Security Update
• Feature Flag
• نگهداری مستندات
• استفاده از AI برای تحلیل خطاهای Production

ساخت محصول پایان مسیر نیست. MVP باید وارد دست کاربران واقعی شود تا فرضیه‌های محصول بررسی شوند.

• انتخاب کاربران اولیه
• ساخت Landing Page
• پیام اصلی محصول
• معرفی مزیت
• طراحی CTA
• ثبت‌نام کاربران اولیه
• Onboarding
• جمع‌آوری Feedback
• تحلیل رفتار کاربر
• تعریف Event
• شاخص فعال‌سازی
• شاخص استفاده
• تشخیص قابلیت بلااستفاده
• مصاحبه بعد از استفاده
• اولویت‌بندی تغییرات
• جلوگیری از ساخت براساس نظر یک کاربر

بازخوردهای فرضی یا واقعی تحلیل و برنامه توسعه بعدی محصول تهیه می‌شود.

• Bug یا Feature
• نیاز واقعی یا درخواست موردی
• دسته‌بندی بازخورد
• تحلیل شدت و فراوانی
• تأثیر بر هدف محصول
• اولویت‌بندی
• Roadmap
• Release Plan
• Technical Debt
• Refactor
• تصمیم ادامه یا Pivot
• مستندسازی تغییرات
• آماده‌سازی Context نسخه بعد
• استفاده از AI برای تحلیل بازخوردها