feat: add chapter 04-idea-to-product specs

chapters/04-idea-to-product/00-lesson-chapter-goals/spec.md

@@ -0,0 +1,86 @@
+# مشخصات درس‌نامه: اهداف فصل چهارم (Chapter Goals)
+- **شناسه در سیلابس:** `L4.1`
+- **فصل:** فصل ۴: از ایده تا محصول (Ch 4)
+- **نوع محتوا:** 📘 درس‌نامه متنی
+- **زمان تقریبی مطالعه:** ۵ دقیقه
+- **پیش‌نیازهای مستقیم:** `L3.8` و آزمون `Q3.1`
+
+---
+
+## ۱. اهداف یادگیری (Learning Objectives - Bloom's Taxonomy)
+دانشجو پس از مطالعهٔ این درس‌نامه باید بتواند:
+- [ ] **درک کند (Understand):** چرا شفاف‌سازی ایده، شناخت کاربر و تدوین نیازمندی‌ها قبل از شروع کدنویسی با هوش مصنوعی، مهم‌ترین عامل موفقیت یک محصول نرم‌افزاری است.
+- [ ] **درک کند (Understand):** نقشه راه ۸ درس‌نامه مفهومی و مهندسی این فصل (از تبدیل ایده به مسئله، پرسونا، داستان کاربر و محدوده MVP تا معیارهای قبولی، تحلیل نیازمندی‌ها، تدوین PRD و شکستن تسک‌ها) چگونه او را به یک پروداکت منیجر توانمند تبدیل می‌کند.
+- [ ] **درک کند (Understand):** پروژه محوری و پیوسته دوره یعنی «پورتفولیوی شخصی پویا همراه با پنل مدیریت، سیستم ورود و پنل تنظیمات سئو» چیست و چگونه در طول این فصل و فصل‌های آینده ساخته خواهد شد.
+- [ ] **تحلیل/ارزیابی کند (Evaluate):** تفاوت میان خروجی‌های سطحی و فاقد کاربرد با یک محصول هدفمند و دارای ارزش بیزنسی را در پروسه وایب کدینگ ارزیابی کند.
+
+---
+
+## ۲. محدوده و مرزهای محتوا (Scope & Boundaries)
+
+### آنچه باید پوشش داده شود (In-Scope):
+1. **ورود به فاز تفکر محصولی (Product Thinking):**
+   * کدنویسی ارزان‌ترین بخش کار است؛ آنچه نرم‌افزار را ارزشمند می‌کند، تعریف درست مسئله و حل نیاز واقعی کاربر است.
+2. **مرور سرفصل‌های فصل ۴:**
+   * درس ۴.۲: تبدیل ایده خام و مبهم به یک مسئله مشخص و حل‌شدنی.
+   * درس ۴.۳: کاربر هدف و پرسونای مخاطب (کیست و چه دردی دارد؟).
+   * درس ۴.۴: نوشتن داستان کاربر (User Story) برای بیان نیازمندی‌ها از نگاه انسان.
+   * درس ۴.۵: تعریف محدوده محصول و مرزهای هوشمندانه MVP (جلوگیری از Feature Creep).
+   * درس ۴.۶: تعریف دقیق فیچرها و معیارهای پذیرش شفاف (Acceptance Criteria).
+   * درس ۴.۷: تحلیل نیازمندی‌های کارکردی (Functional) و کیفی (Non-Functional).
+   * درس ۴.۸: هم‌آفرینی سند نیازمندی‌های محصول (PRD) در گفتگو با هوش مصنوعی.
+   * درس ۴.۹: تبدیل سند PRD به فهرست تسک‌های مهندسی، اتمیک و اولویت‌بندی‌شده.
+3. **معرفی پروژه محوری و پیوسته دوره (Running Case Study):**
+   * معرفی پروژه «پورتفولیوی شخصی پویا (Dynamic Personal Portfolio)»:
+     * وب‌سایت عمومی برای نمایش تجربیات، نمونه‌کارها و مهارت‌ها با قابلیت فیلتر.
+     * پنل مدیریت ادمین محافظت‌شده با احراز هویت (Auth) برای افزودن، ویرایش و مدیریت پروژه‌ها بدون دست زدن به کد.
+     * پنل اختصاصی تنظیمات سئو (SEO Panel) برای مدیریت متا تگ‌ها، تایتل، توضیحات و شبکه‌های اجتماعی.
+4. **کال‌اوت نکته کوئرا (`<details class="green">`):** لزوم عبور دقیق از این فصل به عنوان پایه‌ای‌ترین ریل‌گذاری موفقیت برای تمام پروژه‌های بعدی.
+
+### آنچه نباید وارد آن شویم (Out-of-Scope):
+- ورود به طراحی UI/UX با Figma یا پالت‌های رنگی (مبحث فصل ۵).
+- نوشتن کدهای فرانت‌اند با Next.js یا نصب پکیج‌ها (مربوط به فصل ۶ به بعد).
+
+---
+
+## ۳. مفاهیم کلیدی و کلمات تخصصی (Key Concepts & Terms)
+
+| اصطلاح انگلیسی | معادل فارسی مصوب | توضیح یک‌خطی ساده |
+| :--- | :--- | :--- |
+| Product Thinking | تفکر محصولی | نگرش به نرم‌افزار به عنوان راه‌حلی برای حل یک نیاز یا درد واقعی از کاربر |
+| Dynamic Portfolio | پورتفولیوی پویا | وب‌سایت معرفی نمونه‌کارها که محتوای آن از طریق پنل مدیریت و دیتابیس بدون تغییر کد بروز می‌شود |
+| Running Case Study | پروژه محوری پیوسته | پروژه نمونه واقعی که گام‌به‌گام از ایده تا دیپلوی نهایی در تمام فصول ساخته می‌شود |
+| Spec-Driven Product Design | طراحی محصول مشخصات‌محور | روش استخراج شفاف خواسته‌ها پیش از ارسال پرامپت به هوش مصنوعی |
+
+---
+
+## ۴. جایگاه‌های تصاویر و نمودارها (Visual & Diagram Placeholders)
+> **راهنمای ایجنت نویسنده:** تمام تصاویر باید در پوشهٔ `images/` قرار گرفته و در قالب جدول تک‌خانه‌ای وسط‌چین با کپشن تفصیلی درج شوند:
+
+1. **تصویر کاور درس:** `images/cover.png`
+   * **موضوع:** کاور مدرن با تم تیره و خطوط درخشان نئونی که تبدیل یک جرقه ایده خام را به ماکت یک محصول دیجیتال ساختاریافته نشان می‌دهد.
+2. **نقشه راه یادگیری فصل ۴:** `images/chapter-4-roadmap.png`
+   * **موضوع:** اینفوگرافیک گام‌به‌گام: ایده $\rightarrow$ مسئله $\rightarrow$ پرسونا $\rightarrow$ داستان کاربر $\rightarrow$ محدوده MVP $\rightarrow$ معیارهای پذیرش $\rightarrow$ تحلیل نیازمندی‌ها $\rightarrow$ نگارش PRD $\rightarrow$ فهرست تسک‌ها.
+3. **معرفی تصویری پروژه محوری (پورتفولیوی پویا):** `images/running-project-architecture.png`
+   * **موضوع:** دیاگرام بصری ۳ بخش پروژه: ۱. ویترین عمومی پورتفولیو $\rightarrow$ ۲. پنل مدیریت امن با لاگین $\rightarrow$ ۳. پنل اختصاصی سئو و متادیتا.
+
+---
+
+## ۵. بخش‌بندی و ساختار محتوایی پیشنهادی درس‌نامه (`README.md`)
+
+1. **تیتر اصلی:** `# اهداف فصل چهارم: از ایده تا محصول`
+2. **مقدمه کوتاه و تحول‌آفرین:** چرا بزرگ‌ترین باگ نرم‌افزارها در کد نیست، بلکه در تعریف اشتباه نیاز است؟
+3. **جدول کاور درس**
+4. **سرفصل‌های کلیدی فصل در یک نگاه:** مرور ۸ ایستگاه طراحی و مهندسی محصول.
+5. **جدول نقشه راه یادگیری فصل**
+6. **رونمایی از پروژه محوری دوره: پورتفولیوی شخصی پویا:**
+   * چرا یک پورتفولیوی ایستا کافی نیست؟
+   * ارزش پنل مدیریت و پنل کنترل سئو برای توسعه‌دهنده آینده.
+7. **کال‌اوت آرامش‌بخش Quera (`<details class="green">`):** ثبت دکمه «خواندم» و آغاز تفکر در قامت یک مدیر محصول.
+
+---
+
+## ۶. معیارهای پذیرش (Acceptance Criteria for Reviewer)
+- [ ] تمایز میان کدنویسی صرف و تفکر محصولی به زبان ساده تبیین شده باشد.
+- [ ] معرفی پروژه محوری دوره (پورتفولیوی پویا با پنل ادمین و سئو) به صراحت انجام شده باشد.
+- [ ] نقشه راه تمام درس‌های فصل ۴ با رعایت استانداردهای سیلابس پوشش داده شود.