دوره آموزشی ساخت اپلیکیشن MCP با استفاده از json-render

این دوره تخصصی و پروژه‌محور با تدریس Eve Porcello (مهندس تجربه توسعه‌دهنده)، به یکی از جذاب‌ترین مباحث روز یعنی ساخت واسط‌های کاربری مولد (Generative UI) می‌پردازد. اگر به عنوان توسعه‌دهنده در حال ساخت اپلیکیشن‌های مبتنی بر هوش مصنوعی هستید، این دوره به شما می‌آموزد که چگونه از رویکرد «کاتالوگ‌محور» (Catalog-first approach) برای ایجاد داشبوردهای پویا استفاده کنید. شما یاد می‌گیرید که چگونه با استفاده از json-render و اعتبارسنجی دقیق توسط Zod schemas، خروجی‌های هوش مصنوعی را به واسط‌های کاربری پایدار، برند-سازگار (Brand-consistent) و قابل‌نگهداری تبدیل کنید.

در طول این دوره، از مفاهیم اولیه تا استقرار نهایی را طی می‌کنید؛ از استریم کردن (Streaming) رابط‌های کاربری به صورت بلادرنگ گرفته تا اتصال مولفه‌ها به داده‌های زنده (Live data) با استفاده از مسیرهای وضعیت (State paths) و Two-way input binding. یکی از نقاط عطف دوره، بسته‌بندی نهایی پروژه به عنوان یک ابزار MCP (Model Context Protocol) است که مستقیماً در محیط ویرایشگر Cursor اجرا می‌شود. در پایان، شما یک پروژه مرجع کامل خواهید داشت که می‌توانید آن را برای نیازهای خاص خود در پروژه‌های Generative UI شخصی‌سازی کنید.

اهداف یادگیری
تولید UI مولد: ساخت داشبوردهای پویا و مطابق با هویت بصری برند از طریق پرامپت‌های زبان طبیعی با استفاده از json-render.
اعتبارسنجی با قراردادهای ساختاریافته: محدود کردن و اعتبارسنجی خروجی‌های هوش مصنوعی با استفاده از قراردادهای JSON.
مدیریت کاتالوگ مولفه‌ها: تعریف و اعمال یک کاتالوگ کنترل‌شده از کامپوننت‌ها با استفاده از اسکیماهای Zod برای تضمین پایداری UI.
استریمینگ بلادرنگ: پیاده‌سازی نمایش تدریجی رابط‌های کاربری تولید شده توسط AI به صورت Real-time.
اتصال داده‌ها: اتصال کامپوننت‌های رابط کاربری به داده‌های زنده با استفاده از state paths و اتصال دوطرفه (Two-way binding).
یکپارچه‌سازی با Cursor: بسته‌بندی و ارائه پروژه به عنوان یک ابزار MCP برای رندر مستقیم در محیط کدنویسی Cursor.
خروجی آماده تولید: استخراج یک داشبورد React حرفه‌ای و آماده برای محصول نهایی بدون وابستگی‌های زمان اجرا (Runtime dependencies).