دوره ساخت بازی دوز (Tic Tac Toe) با React.js: از پایه تا پیشرفته همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره ساخت بازی دوز (Tic Tac Toe) با React.js: از پایه تا پیشرفته

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

موضوع میانی: برنامه‌نویسی پیشرفته با React.js

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

• 1. مقدمه‌ای بر توسعهٔ وب و React.js
• 2. آشنایی با محیط توسعهٔ React.js
• 3. نصب و راه‌اندازی پروژهٔ React.js
• 4. مفاهیم اولیهٔ JSX
• 5. کامپوننت‌های تابعی در React.js
• 6. کامپوننت‌های کلاسی در React.js
• 7. مدیریت وضعیت (State) در کامپوننت‌ها
• 8. props و انتقال داده بین کامپوننت‌ها
• 9. رندر شرطی در React.js
• 10. لیست‌ها و کلیدها (Keys) در React.js
• 11. مدیریت فرم‌ها در React.js
• 12. رویدادها (Events) در React.js
• 13. چرخهٔ حیات کامپوننت‌های کلاسی
• 14. هوک‌های React: useState
• 15. هوک‌های React: useEffect
• 16. هوک‌های React: useContext
• 17. هوک‌های React: useReducer
• 18. هوک‌های React: useRef
• 19. هوک‌های React: useMemo و useCallback
• 20. مفهوم Context API
• 21. پیاده‌سازی Context API
• 22. مسیریابی (Routing) در برنامه‌های React.js
• 23. کتابخانهٔ React Router DOM
• 24. تنظیم مسیرهای پایه
• 25. پارامترهای مسیر
• 26. مسیرهای تو در تو
• 27. مسیریابی برنامه‌ریزی شده
• 28. مدیریت خطا در مسیریابی
• 29. اصول طراحی بازی دوز (Tic Tac Toe)
• 30. ساختار داده‌های بازی دوز
• 31. منطق اصلی بازی دوز
• 32. نمایش صفحهٔ بازی
• 33. نمایش وضعیت بازی (نوبت بازیکن)
• 34. نمایش نتیجهٔ بازی
• 35. پیاده‌سازی برد در بازی
• 36. پیاده‌سازی تساوی در بازی
• 37. مدیریت نوبت بازیکنان
• 38. پیاده‌سازی کلیک بر روی خانه‌های بازی
• 39. بررسی وضعیت برد پس از هر حرکت
• 40. بررسی وضعیت تساوی پس از هر حرکت
• 41. بازنشانی (Reset) بازی
• 42. استایل‌دهی در React.js
• 43. استفاده از CSS Modules
• 44. استفاده از Styled Components
• 45. استفاده از کتابخانه‌های UI (مانند Material-UI)
• 46. تنظیمات اولیهٔ استایل‌دهی
• 47. استایل‌دهی به صفحهٔ اصلی بازی
• 48. استایل‌دهی به خانه‌های بازی
• 49. استایل‌دهی به پیام‌های وضعیت بازی
• 50. استایل‌دهی به دکمهٔ بازنشانی
• 51. بهینه‌سازی عملکرد در React.js
• 52. استفاده از React.memo
• 53. کاربرد useMemo و useCallback در بهینه‌سازی
• 54. کاهش رندر مجدد کامپوننت‌ها
• 55. تست‌نویسی در React.js
• 56. مقدمه‌ای بر Jest و React Testing Library
• 57. نوشتن تست برای کامپوننت‌ها
• 58. تست تعاملات کاربر
• 59. تست نمایش وضعیت بازی
• 60. تست منطق برد و تساوی
• 61. تست بازنشانی بازی
• 62. مقدمه‌ای بر مدیریت وضعیت پیشرفته
• 63. استفاده از Redux Toolkit
• 64. تنظیم Redux Toolkit
• 65. تعریف Reducerها
• 66. تعریف Actions
• 67. اتصال کامپوننت‌ها به Redux
• 68. استفاده از Hooks برای دسترسی به State و Dispatch
• 69. پیاده‌سازی وضعیت بازی با Redux
• 70. مدیریت نوبت بازیکن با Redux
• 71. مدیریت وضعیت برد/تساوی با Redux
• 72. مدیریت برد در بازی با Redux
• 73. مدیریت تساوی در بازی با Redux
• 74. مقدمه‌ای بر API و ارتباط با سرور
• 75. مفاهیم پایهٔ HTTP Requests
• 76. استفاده از Fetch API
• 77. استفاده از Axios
• 78. مثال: ذخیرهٔ امتیازات بازیکنان (فرضی)
• 79. ساخت API ساده (فرضی)
• 80. ارسال امتیازات به سرور (فرضی)
• 81. دریافت امتیازات از سرور (فرضی)
• 82. مدیریت خطا در درخواست‌های API
• 83. اصول طراحی رابط کاربری (UI)
• 84. اصول تجربهٔ کاربری (UX)
• 85. اهمیت خوانایی و سادگی
• 86. طراحی ریسپانسیو (Responsive Design)
• 87. پیاده‌سازی طراحی ریسپانسیو برای بازی
• 88. اصول دسترسی‌پذیری (Accessibility)
• 89. بهبود دسترسی‌پذیری بازی
• 90. مقدمه‌ای بر الگوهای طراحی نرم‌افزار
• 91. الگوی MVC در توسعهٔ وب
• 92. الگوی MVP در توسعهٔ وب
• 93. الگوی MVVM در توسعهٔ وب
• 94. کاربرد الگوها در React.js
• 95. ساختاردهی پروژه‌های بزرگ React.js
• 96. مدیریت کد و سازماندهی فایل‌ها
• 97. اصول دیباگینگ (Debugging) در React.js
• 98. استفاده از React Developer Tools
• 99. تکنیک‌های پیشرفتهٔ دیباگینگ
• 100. جمع‌بندی و گام‌های بعدی در توسعهٔ وب