فلش‌کارت‌های آموزشی ساخت یک Multiplayer Game ساده با Vue.js و Socket.IO

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره ساخت یک Multiplayer Game ساده با Vue.js و Socket.IO

موضوع کلی: برنامه نویسی

موضوع میانی: ویو (Vue.js)

📋 سرفصل‌های دوره

• 1. معرفی دوره: ساخت بازی چندنفره با Vue و Socket.IO
• 2. پیش‌نیازها و ابزارهای مورد نیاز
• 3. تنظیم محیط توسعه: Node.js, npm, Vue CLI
• 4. ساختار کلی پروژه: Frontend و Backend
• 5. ایجاد پروژه پایه Vue.js
• 6. مقدمه‌ای بر Vue.js: چرا Vue؟
• 7. معماری Vue: مفهوم کامپوننت‌محور
• 8. ایجاد اولین کامپوننت Vue
• 9. دیتای واکنشی (Reactive Data) در Vue
• 10. متدها (Methods) و رویدادها (Events)
• 11. Computed Properties و Watchers
• 12. رندرینگ شرطی (Conditional Rendering): v-if, v-show
• 13. رندرینگ لیستی (List Rendering): v-for
• 14. استایل‌دهی در Vue: Scoped CSS و ماژول‌ها
• 15. مدیریت ورودی‌های کاربر: v-model
• 16. چرخه حیات کامپوننت‌ها (Lifecycle Hooks)
• 17. ارتباط بین کامپوننت‌ها: Props Down, Events Up
• 18. استفاده از Slots برای توزیع محتوا
• 19. Vue Router: مقدمه‌ای بر مسیریابی
• 20. ایجاد مسیرها و ناوبری
• 21. پاس دادن پارامترها و Query در مسیرها
• 22. معرفی Vuex: مدیریت وضعیت (State Management)
• 23. State, Getters, Mutations در Vuex
• 24. Actions در Vuex برای عملیات ناهمگام
• 25. ماژول‌ها در Vuex برای سازماندهی بهتر
• 26. مروری بر ES6: Arrow Functions و Classes
• 27. Destructuring Assignment و Spread/Rest Operators
• 28. ماژول‌های ES6: import و export
• 29. Asynchronous JavaScript: Promises
• 30. Async/Await برای مدیریت عملیات ناهمگام
• 31. معرفی Node.js و npm
• 32. راه‌اندازی اولین سرور با Node.js
• 33. مقدمه‌ای بر Express.js: فریم‌ورک وب برای Node.js
• 34. نصب و پیکربندی Express
• 35. ایجاد Routeهای پایه در Express
• 36. Middleware در Express: کاربردها و انواع
• 37. سرو کردن فایل‌های استاتیک با Express
• 38. ارسال و دریافت داده با JSON (GET, POST)
• 39. CORS (Cross-Origin Resource Sharing) و اهمیت آن
• 40. ساختاردهی پروژه Express: Routeها و Controllers
• 41. معرفی Socket.IO: ارتباط بلادرنگ (Real-time Communication)
• 42. تفاوت WebSocket و Socket.IO
• 43. راه‌اندازی سرور Socket.IO
• 44. اتصال کلاینت Socket.IO (Frontend)
• 45. ارسال پیام از سرور به کلاینت (Emit)
• 46. گوش دادن به پیام‌ها در کلاینت (On)
• 47. ارسال پیام از کلاینت به سرور
• 48. رویدادهای پیش‌فرض Socket.IO: connect, disconnect
• 49. تاییدیه (Acknowledgements) در Socket.IO
• 50. مفهوم Rooms در Socket.IO برای گروه‌بندی
• 51. پیوستن به Room و ترک Room
• 52. ارسال پیام به یک Room خاص
• 53. Namespaces در Socket.IO برای جداسازی منطقی
• 54. مدیریت خطاها و قطع اتصال در Socket.IO
• 55. امنیت اولیه در Socket.IO: احراز هویت ساده
• 56. ادغام Socket.IO با پروژه Vue
• 57. استفاده از یک پلاگین Vue برای Socket.IO (مثلا `vue-socket.io-extended`)
• 58. مدیریت وضعیت اتصال Socket در Vuex
• 59. ارسال رویدادها از کامپوننت‌های Vue به سرور Socket
• 60. دریافت رویدادها از سرور و به‌روزرسانی وضعیت Vue
• 61. مفهوم حلقه بازی (Game Loop)
• 62. Canvas API: معرفی و راه‌اندازی
• 63. رندرینگ اشکال پایه روی Canvas
• 64. مدیریت ورودی‌های کاربر برای بازی (کیبورد، موس)
• 65. ساخت کامپوننت Player در Vue
• 66. حرکت دادن Player روی Canvas
• 67. مفهوم Coordinate System در بازی
• 68. مدیریت Collision Detection (برخوردها) ساده
• 69. به‌روزرسانی وضعیت بازی در فریم‌های مختلف
• 70. ساخت کامپوننت Enemy/Object ساده
• 71. معماری بازی چندنفره: Server-Authoritative vs. Client-Authoritative
• 72. طراحی وضعیت بازی (Game State) در سرور
• 73. مدیریت بازیکنان متصل در سرور
• 74. ذخیره اطلاعات بازیکنان (ID, Position, Score)
• 75. همگام‌سازی وضعیت اولیه بازی با بازیکنان جدید
• 76. ارسال وضعیت تمام بازیکنان به همه کلاینت‌ها (Heartbeat/Tick)
• 77. دریافت ورودی بازیکنان از کلاینت‌ها
• 78. پردازش ورودی‌ها در سرور و به‌روزرسانی وضعیت
• 79. ارسال به‌روزرسانی‌های موقعیت بازیکنان به دیگران
• 80. پیاده‌سازی منطق Collision Detection در سرور
• 81. مدیریت امتیازات بازیکنان
• 82. ارسال رویدادهای بازی (مثلا، 'بازیکن X امتیاز گرفت')
• 83. پیاده‌سازی منطق پایان بازی (Win/Lose Conditions)
• 84. راه‌اندازی چندین Room برای بازی‌های همزمان
• 85. مدیریت وضعیت Roomها (انتظار، بازی در حال انجام)
• 86. پیوستن بازیکنان به Roomها
• 87. شروع بازی در یک Room
• 88. ریست کردن وضعیت بازی
• 89. نمایش Leaderboard (جدول امتیازات)
• 90. رفع مشکلات Lag و Latency (بررسی کلی)
• 91. بهینه‌سازی عملکرد (Performance Optimization) در Vue و Canvas
• 92. مدیریت Assetها (تصاویر، صداها) در بازی
• 93. اصول اولیه امنیت در بازی‌های چندنفره (محدودسازی تقلب)
• 94. تست‌پذیری (Testability) و اهمیت آن در پروژه
• 95. ساختاردهی پیشرفته پروژه: Serviceها و Utilityها
• 96. جمع‌بندی و مرور پروژه نهایی
• 97. دیباگ کردن (Debugging) یک بازی بلادرنگ
• 98. آمادگی برای Deploy کردن پروژه
• 99. دیپلوی ساده پروژه بر روی یک هاست ابری (Heroku/Vercel)
• 100. گام‌های بعدی و ایده‌های توسعه آینده