فلش‌کارت‌های آموزشی ساخت بازی‌های تعاملی با React: آموزش Tic-Tac-Toe

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

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

عنوان دوره: دوره ساخت بازی‌های تعاملی با React: آموزش Tic-Tac-Toe

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

موضوع میانی: برنامه‌نویسی با فریم‌ورک‌های جاوااسکریپت

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

• 1. مقدمه‌ای بر توسعهٔ وب و React
• 2. آشنایی با مفاهیم اولیهٔ JavaScript
• 3. نصب و راه‌اندازی محیط توسعهٔ React
• 4. ساختار پروژهٔ React
• 5. کامپوننت‌ها در React: مبانی
• 6. JSX: سینتکس و کاربرد
• 7. Props: انتقال داده به کامپوننت‌ها
• 8. State: مدیریت وضعیت در کامپوننت‌ها
• 9. رویدادها در React
• 10. مدیریت فرم‌ها در React
• 11. لیست‌ها و کلیدها در React
• 12. شرطی‌سازی در نمایش کامپوننت‌ها
• 13. چرخهٔ حیات کامپوننت‌ها (Lifecycle Methods)
• 14. هوک‌های React: مبانی
• 15. هوک `useState`
• 16. هوک `useEffect`
• 17. طراحی بازی Tic-Tac-Toe: اهداف
• 18. قوانین بازی Tic-Tac-Toe
• 19. ساختار دادهٔ بازی
• 20. پیاده‌سازی برد بازی
• 21. نمایش وضعیت بازی
• 22. دکمهٔ شروع مجدد
• 23. مدیریت کلیک‌های بازیکن
• 24. بررسی برنده
• 25. بررسی تساوی
• 26. نمایش پیام وضعیت بازی
• 27. کامپوننت `Board`
• 28. کامپوننت `Square`
• 29. کامپوننت `Game`
• 30. مدیریت وضعیت کلی بازی
• 31. بازخورد بصری به بازیکن
• 32. بهینه‌سازی کامپوننت‌ها
• 33. استفاده از Context API
• 34. مدیریت وضعیت با Context
• 35. نکات پیشرفته در Context
• 36. ساختاردهی مجدد کد
• 37. اصول طراحی تمیز (Clean Code)
• 38. اصول SOLID در برنامه‌نویسی
• 39. مقدمه‌ای بر تست در React
• 40. نوشتن تست‌های واحد (Unit Tests)
• 41. تست کامپوننت‌ها
• 42. استفاده از Jest
• 43. استفاده از React Testing Library
• 44. تست تعاملات کاربر
• 45. تست وضعیت کامپوننت
• 46. تست Props
• 47. تست رویدادها
• 48. تست فرم‌ها
• 49. تست لیست‌ها
• 50. تست شرطی‌سازی
• 51. تست چرخهٔ حیات
• 52. تست هوک‌ها
• 53. مقدمه‌ای بر Redux
• 54. مفاهیم اصلی Redux
• 55. Reducer ها
• 56. Actions
• 57. Store
• 58. اتصال React به Redux
• 59. استفاده از `react-redux`
• 60. `useSelector` و `useDispatch`
• 61. مدیریت وضعیت پیچیده با Redux
• 62. پیاده‌سازی بازی با Redux
• 63. State Management در بازی با Redux
• 64. Actions برای حرکات بازی
• 65. Reducer برای به‌روزرسانی وضعیت
• 66. آشنایی با React Router
• 67. مسیریابی در برنامه‌های تک‌صفحه‌ای
• 68. نصب React Router
• 69. تعریف Route ها
• 70. استفاده از `Link` و `NavLink`
• 71. پارامترهای مسیر
• 72. Navigating programmatically
• 73. Nested Routes
• 74. Protected Routes
• 75. Lazy Loading Routes
• 76. مقدمه‌ای بر Next.js
• 77. مزایای Next.js
• 78. Server-Side Rendering (SSR)
• 79. Static Site Generation (SSG)
• 80. API Routes در Next.js
• 81. File-based Routing در Next.js
• 82. استایل‌دهی در Next.js
• 83. بهینه‌سازی تصاویر در Next.js
• 84. استفاده از `getStaticProps`
• 85. استفاده از `getServerSideProps`
• 86. مقدمه‌ای بر GraphQL
• 87. مقایسه GraphQL و REST
• 88. مفاهیم اصلی GraphQL
• 89. Queries
• 90. Mutations
• 91. Subscriptions
• 92. Apollo Client
• 93. استفاده از Apollo Client در React
• 94. نوشتن Queries با Apollo Client
• 95. نوشتن Mutations با Apollo Client
• 96. مدیریت خطا در GraphQL
• 97. مقدمه‌ای بر TypeScript
• 98. مزایای TypeScript
• 99. انواع داده در TypeScript
• 100. Interface ها