آموزش جامع Windsurf از مبتدی تا پیشرفته: ساخت اپلیکیشنهای وب عملی با هوش مصنوعی - آخرین آپدیت
دانلود Windsurf Beginner to Pro: Build Production Web Apps with AI
با ترکیب قدرت Windsurf و بهترین ابزارهای مدرن وب مانند Next.js 15، TypeScript، Tailwind CSS، Shadcn UI، Drizzle ORM، Clerk و Neon PostgreSQL، اپلیکیشنهای Full-stack در سطح صنعتی را سریعتر از همیشه بسازید.
در این دوره پروژه-محور، شما اپلیکیشن ProStoic را خواهید ساخت؛ یک برنامه یادداشتبرداری آگاهانه که کاربران میتوانند تأملات شخصی خود را ثبت کنند و از Mirror Mode استفاده نمایند. این قابلیت مبتنی بر هوش مصنوعی است که چالشها را از دیدگاه فلسفه رواقی (Stoic) تحلیل کرده و گامهای عملی برای پیشروی ارائه میدهد. شما سیستم کامل احراز هویت، دسترسیهای نقش-محور و سیستم اشتراکی مدل SaaS را پیادهسازی خواهید کرد، در حالی که 100% کدنویسی توسط Windsurf انجام میشود. به عبارت دیگر: Vibe Coding!
بله، درست شنیدید: تمام اپلیکیشن تنها با پرامپتنویسی برای Windsurf ساخته میشود. هیچ کدنویسی دستی نیاز نیست. شما خواهید دید که چگونه Windsurf را از یک مخزن خالی به یک اپلیکیشن آماده انتشار هدایت کنید؛ با استفاده از Code Mode، پرامپتهای ساختاریافته، قوانین (Rules) و جریانهای کاری (Workflows) برای دریافت خروجیهای کد با کیفیت بالا، امن و قابل اعتماد.
همچنین از MCP (پروتکل کانتکست مدل) برای اتصال بیوقفه به دیتابیس Neon PostgreSQL و تولید دادههای اولیه، شمای دیتابیس و کوئریها از طریق Drizzle ORM و به کمک AI استفاده خواهید کرد.
آنچه خواهید آموخت:
ساخت یک اپلیکیشن SaaS فولاستک از صفر تنها با پرامپتهای Windsurf
استفاده از Agent Mode و قوانین Windsurf برای توسعهای سازگار، امن و دقیق
اتصال به Neon و مقداردهی دادههای رابطهای از طریق MCP و Drizzle
پیادهسازی احراز هویت، کنترل دسترسی و سیستم پرداخت Stripe با Clerk
ساخت رابطهای کاربری زیبا و دسترسپذیر با Shadcn UI و Tailwind CSS
استقرار روی Vercel با پیکربندیهای محیطی استاندارد صنعتی
در پایان، شما یک اپلیکیشن کاملاً عملی به نام ProStoic و یک متدولوژی کاربردی برای ساخت برنامههای واقعی با AI خواهید داشت. این دوره صرفاً تماشای تولید کد نیست؛ بلکه یادگیری نحوه تفکر، پرامپتنویسی و هدایت AI مانند یک توسعهدهنده حرفهای است.
اگر آمادهاید تایپ دستی کدهای تکراری را کنار بگذارید و هوشمندانه با AI بسازید، این دوره برای شماست.
مقدمه Introduction
-
مقدمه Introduction
-
بررسی تکنولوژیهای مورد استفاده Stack overview
-
نکات مهم قبل از شروع دوره (مخزن گیتهاب و غیره) Important - read before you begin the course! (Github repo etc)
-
ابزارهای مورد نیاز برای این دوره Tools needed for this course
راهاندازی پروژه Project setup
-
راهاندازی پروژه و بررسی کلی Windsurf Project setup + Windsurf overview
-
رتبهبندیها و نظرات کاربران Udemy ratings & reviews
-
راهاندازی سیستم احراز هویت با Clerk Set up auth with clerk
-
سفارشیسازی Clerk (شامل کانتکست Windsurf) Customize clerk (includes Windsurf context)
-
نصب Shadcn UI (شامل قوانین Windsurf) Install shadcn ui (includes Windsurf rules)
-
توضیح پنجره کانتکست (Context Window) در Windsurf Explanation of context window in Windsurf
-
راهاندازی دیتابیس Postgres در Neon و نصب Drizzle ORM Set up postgres database on neon and install drizzle orm
ساخت قابلیتهای یادداشتبرداری Build the journal functionality
-
تولید اسکیمای Drizzle با استفاده از Windsurf Generate drizzle schema using Windsurf
-
استفاده از MCP در Windsurf برای مقداردهی اولیه دیتابیس Use MCP in Windsurf to seed the database
-
ایجاد قوانین داده و احراز هویت (شامل جریانهای کاری Windsurf) Create the data and auth rules (inludes Windsurf Workflows)
-
کوئری گرفتن برای یادداشتهای کاربر فعلی Query for the journal entries for the current user
-
پیادهسازی قابلیت ایجاد یادداشت جدید Implement the create new journal entry feature
-
پیادهسازی قابلیت ویرایش و حذف یادداشتها Implement the edit and delete journal entry feature
-
اصلاحات رابط کاربری با Windsurf Make UI adjustments with Windsurf
ساخت قابلیت هوش مصنوعی Mirror Mode Build the mirror mode AI functionality
-
راهاندازی سیستم پرداخت Clerk Set up clerk billing
-
ایجاد قوانین اشتراک و صفحه قیمتگذاری Create subscriptions rule + pricing page
-
پیادهسازی قابلیت محافظتشده Mirror Mode AI Implement protected Mirror Mode AI feature
-
استقرار روی Vercel Deploy to vercel
جمعبندی دوره Course outro
-
تبریکات نهایی! Congratulations!
-
بخش هدیه (Bonus)! BONUS!
https://donyad.com/d/100ff2
Tom Phillips
بیش از یک دهه در توسعه وب جلویی
.jpg "WebDevEducation (Tom Phillips)")
WebDevEducation (Tom Phillips)
ارزش خود را به عنوان یک توسعه دهنده وب جلویی افزایش دهید!
نمایش نظرات