فلش‌کارت‌های آموزشی ساخت بازی‌های ساده و تعاملی با HTML، CSS و JavaScript

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

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

عنوان دوره: دوره ساخت بازی‌های ساده و تعاملی با HTML، CSS و JavaScript

موضوع کلی: توسعهٔ وب و نرم‌افزارهای کاربردی

موضوع میانی: برنامه‌نویسی و طراحی تعاملی وب

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

• 1. مبانی توسعه وب: مقدمه‌ای بر HTML
• 2. ساختاردهی محتوا با تگ‌های HTML
• 3. عناصر معنایی در HTML5
• 4. کار با فرم‌ها و ورودی‌ها در HTML
• 5. استفاده از المان‌های چندرسانه‌ای در HTML
• 6. مقدمات CSS: انتخابگرها و ویژگی‌ها
• 7. استایل‌دهی متن و فونت‌ها با CSS
• 8. رنگ‌ها، پس‌زمینه‌ها و حاشیه‌ها در CSS
• 9. مدل جعبه‌ای (Box Model) و چیدمان عناصر
• 10. استفاده از Flexbox برای طرح‌بندی پاسخ‌گرا
• 11. استفاده از Grid Layout برای چیدمان پیچیده
• 12. طراحی واکنش‌گرا (Responsive Design) با CSS
• 13. مقدمات JavaScript: متغیرها و انواع داده
• 14. عملگرها و عبارات در JavaScript
• 15. دستورات شرطی و حلقه‌ها در JavaScript
• 16. توابع و بازگشت مقادیر در JavaScript
• 17. کار با آرایه‌ها و اشیاء در JavaScript
• 18. مقدمات DOM (Document Object Model)
• 19. انتخاب و دستکاری عناصر DOM
• 20. رویدادها و مدیریت آن‌ها در JavaScript
• 21. اعتبارسنجی فرم‌ها با JavaScript
• 22. مقدمات انیمیشن با CSS Transitions
• 23. انیمیشن‌های CSS با @keyframes
• 24. مقدمات ساخت بازی: مفاهیم پایه‌ای
• 25. مراحل توسعه بازی‌های ساده
• 26. طراحی شخصیت‌ها و اشیاء بازی
• 27. مدیریت وضعیت بازی
• 28. منطق حرکت در بازی‌های دو بعدی
• 29. تشخیص برخورد (Collision Detection)
• 30. سیستم امتیازدهی در بازی
• 31. مدیریت ورودی کاربر (صفحه‌کلید و ماوس)
• 32. پیاده‌سازی منطق بازی با JavaScript
• 33. ساخت یک بازی پلتفرمر ساده
• 34. ساخت یک بازی حافظه (Memory Game)
• 35. ساخت یک بازی حدس عدد
• 36. مقدمات گرافیک در بازی با Canvas API
• 37. رسم اشکال هندسی در Canvas
• 38. انیمیشن اشیاء در Canvas
• 39. مدیریت فریم‌ریت (Frame Rate) در بازی
• 40. بهینه‌سازی عملکرد بازی
• 41. معرفی کتابخانه‌های JavaScript برای بازی‌سازی (با رعایت چارچوب)
• 42. مقدمات کتابخانه Phaser (با تمرکز بر اصول)
• 43. ساخت اولین صحنه در Phaser
• 44. مدیریت کاراکترها و اسپریت‌ها در Phaser
• 45. حرکت کاراکتر در Phaser
• 46. تشخیص برخورد در Phaser
• 47. پیاده‌سازی منطق بازی در Phaser
• 48. مدیریت وضعیت بازی در Phaser
• 49. ساخت یک بازی ساده با Phaser
• 50. مقدمات طراحی رابط کاربری (UI) برای بازی
• 51. نمایش امتیاز و اطلاعات بازی
• 52. منوهای بازی و دکمه‌ها
• 53. مدیریت حالت‌های مختلف بازی (منو، بازی، اتمام)
• 54. ذخیره و بارگذاری وضعیت بازی (با رعایت مقررات)
• 55. مفاهیم اولیه هوش مصنوعی در بازی
• 56. پیاده‌سازی رفتار ساده دشمنان
• 57. استراتژی‌های ساده برای پیشرفت بازی
• 58. مباحث پیشرفته‌تر DOM
• 59. کار با رویدادهای سفارشی
• 60. مفاهیم Event Bubbling و Capturing
• 61. مدیریت خطا در JavaScript
• 62. اصول برنامه‌نویسی شیءگرا در JavaScript
• 63. کلاس‌ها و وراثت در JavaScript
• 64. پروتوتایپ‌ها و وراثت پروتوتایپی
• 65. استفاده از ماژول‌ها در JavaScript
• 66. مقدمات AJAX و درخواست‌های سمت سرور (برای بازی‌های آنلاین ساده)
• 67. کار با APIهای مجاز (در صورت لزوم و با احتیاط)
• 68. امنیت پایه در توسعه وب (با رعایت قوانین)
• 69. مقدمات تست در توسعه وب
• 70. نوشتن تست‌های واحد برای JavaScript
• 71. اصول اشکال‌زدایی (Debugging)
• 72. ابزارهای توسعه‌دهنده مرورگر
• 73. مبانی طراحی تجربه کاربری (UX) برای بازی
• 74. اصول طراحی رابط کاربری (UI) مدرن
• 75. رنگ‌شناسی و تأثیر آن بر تجربه بازی
• 76. اصول دسترسی‌پذیری (Accessibility) در وب
• 77. مبانی SEO برای بازی‌های وب
• 78. استقرار (Deployment) بازی‌های وب
• 79. مقدمات استفاده از Git برای کنترل نسخه
• 80. کار با مخازن Git
• 81. مدیریت شاخه‌ها (Branches) در Git
• 82. ادغام تغییرات (Merge) در Git
• 83. حل تداخلات (Conflicts) در Git
• 84. مقدمات پایگاه داده (با رویکرد اسلامی و مجاز)
• 85. مبانی طراحی پایگاه داده
• 86. مدل‌سازی داده برای بازی‌های ساده
• 87. اصول استفاده از JSON برای تبادل داده
• 88. مقدمات معماری نرم‌افزار در بازی‌های وب
• 89. الگوهای طراحی رایج در بازی‌سازی (با رویکرد سازگار)
• 90. مدیریت منابع در بازی
• 91. ساخت یک بازی پیشرفته‌تر با استفاده از مفاهیم آموخته شده
• 92. مرور و جمع‌بندی مباحث
• 93. پروژه‌های عملی تکمیلی
• 94. ملاحظات قانونی و شرعی در توسعه محتوای دیجیتال
• 95. آخرین دستاوردها در توسعه بازی‌های وب (با رویکرد اخلاقی)