فلش‌کارت‌های آموزشی تایپ‌اسکریپت برای ری‌اکت: توسعه ایمن‌تر و مقیاس‌پذیرتر

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

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

عنوان دوره: دوره تایپ‌اسکریپت برای ری‌اکت: توسعه ایمن‌تر و مقیاس‌پذیرتر

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

موضوع میانی: ری‌اکت (React)

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

• 1. مقدمه‌ای بر تایپ‌اسکریپت و مزایای آن
• 2. نصب و راه‌اندازی تایپ‌اسکریپت
• 3. اولین گام‌ها با تایپ‌اسکریپت: متغیرها و انواع داده پایه
• 4. تعریف انواع داده سفارشی با `interface`
• 5. استفاده از `type` برای تعریف انواع داده
• 6. آرایه‌ها و تاپل‌ها در تایپ‌اسکریپت
• 7. توابع و انواع پارامترها و مقادیر بازگشتی
• 8. توابع فلش (Arrow Functions) و تایپ‌گذاری آن‌ها
• 9. کلاس‌ها و مفاهیم شی‌گرایی در تایپ‌اسکریپت
• 10. وراثت در کلاس‌ها
• 11. مُدها (Modules) و واردات/صادرات در تایپ‌اسکریپت
• 12. مدیریت وابستگی‌ها با `npm` و `yarn`
• 13. پیکربندی پروژه تایپ‌اسکریپت با `tsconfig.json`
• 14. کامپایل کردن کد تایپ‌اسکریپت
• 15. اشکال‌زدایی (Debugging) در تایپ‌اسکریپت
• 16. مقدمه‌ای بر ری‌اکت و اکوسیستم آن
• 17. نصب و راه‌اندازی پروژه ری‌اکت با CRA یا Vite
• 18. کامپوننت‌های تابعی (Functional Components) در ری‌اکت
• 19. کامپوننت‌های کلاسی (Class Components) در ری‌اکت
• 20. Props در ری‌اکت و تایپ‌گذاری آن‌ها
• 21. State در ری‌اکت و تایپ‌گذاری آن
• 22. هوک‌های ری‌اکت: `useState`
• 23. هوک‌های ری‌اکت: `useEffect`
• 24. هوک‌های ری‌اکت: `useContext`
• 25. هوک‌های ری‌اکت: `useReducer`
• 26. هوک‌های سفارشی (Custom Hooks)
• 27. مدیریت فرم‌ها در ری‌اکت
• 28. اعتبارسنجی فرم‌ها با تایپ‌اسکریپت
• 29. مسیریابی (Routing) در ری‌اکت با React Router
• 30. تایپ‌گذاری مسیرها در React Router
• 31. مدیریت وضعیت سراسری (Global State Management)
• 32. معرفی Redux Toolkit
• 33. پیاده‌سازی Redux Toolkit با تایپ‌اسکریپت
• 34. مقدمه‌ای بر Zustand برای مدیریت وضعیت
• 35. پیاده‌سازی Zustand با تایپ‌اسکریپت
• 36. مقدمه‌ای بر Context API برای مدیریت وضعیت
• 37. پیاده‌سازی Context API با تایپ‌اسکریپت
• 38. ارتباط با API در ری‌اکت
• 39. استفاده از `fetch` با تایپ‌گذاری
• 40. استفاده از `axios` با تایپ‌گذاری
• 41. مدیریت خطاهای API
• 42. مقدمه‌ای بر React Query (TanStack Query)
• 43. پیاده‌سازی React Query با تایپ‌گذاری
• 44. مدیریت داده‌های غیرهمزمان (Asynchronous Data)
• 45. انواع داده‌های پیچیده در تایپ‌اسکریپت
• 46. Enum ها در تایپ‌اسکریپت
• 47. Nullable Types و Strict Null Checks
• 48. Union Types و Intersection Types
• 49. Generic Types در تایپ‌اسکریپت
• 50. استفاده از Generics در توابع
• 51. استفاده از Generics در کلاس‌ها
• 52. استفاده از Generics در Interfaces
• 53. Type Guards و Assertions
• 54. مقدمه‌ای بر Styled Components
• 55. تایپ‌گذاری Styled Components
• 56. مقدمه‌ای بر Tailwind CSS
• 57. استفاده از Tailwind CSS با ری‌اکت
• 58. مقدمه‌ای بر Material UI
• 59. تایپ‌گذاری کامپوننت‌های Material UI
• 60. تست‌نویسی در ری‌اکت
• 61. معرفی Jest و React Testing Library
• 62. نوشتن تست‌های واحد (Unit Tests)
• 63. نوشتن تست‌های یکپارچه‌سازی (Integration Tests)
• 64. تایپ‌گذاری تست‌ها
• 65. مدیریت خطاها در اپلیکیشن ری‌اکت
• 66. لاگ‌گیری (Logging) در اپلیکیشن
• 67. مقدمه‌ای بر TypeScript Compiler API
• 68. ساخت ابزارهای سفارشی با TypeScript Compiler API
• 69. بهینه‌سازی عملکرد اپلیکیشن ری‌اکت
• 70. پروفایلینگ (Profiling) اپلیکیشن
• 71. Lazy Loading کامپوننت‌ها
• 72. Code Splitting
• 73. مقدمه‌ای بر Server-Side Rendering (SSR)
• 74. پیاده‌سازی SSR با Next.js
• 75. تایپ‌گذاری در Next.js
• 76. مقدمه‌ای بر GraphQL
• 77. پیاده‌سازی GraphQL در ری‌اکت
• 78. تایپ‌گذاری داده‌های GraphQL
• 79. بهترین شیوه‌ها (Best Practices) در تایپ‌اسکریپت
• 80. بهترین شیوه‌ها در ری‌اکت
• 81. سازماندهی کد در پروژه‌های بزرگ
• 82. مستندسازی کد با JSDoc
• 83. مقدمه‌ای بر Design Patterns در ری‌اکت
• 84. الگوهای طراحی رایج در ری‌اکت
• 85. مدیریت دارایی‌ها (Assets) در پروژه
• 86. بهینه‌سازی تصاویر
• 87. استفاده از Font ها
• 88. امنیت در اپلیکیشن‌های ری‌اکت
• 89. جلوگیری از حملات XSS
• 90. مدیریت امن اطلاعات حساس
• 91. مقدمه‌ای بر CI/CD
• 92. پیاده‌سازی CI/CD برای پروژه‌های ری‌اکت
• 93. مقدمه‌ای بر Docker
• 94. استفاده از Docker برای ری‌اکت
• 95. مقدمه‌ای بر Serverless Functions
• 96. پیاده‌سازی Serverless Functions با ری‌اکت
• 97. مباحث پیشرفته تایپ‌اسکریپت
• 98. مباحث پیشرفته ری‌اکت
• 99. نگاهی به آینده تایپ‌اسکریپت و ری‌اکت
• 100. جمع‌بندی و گام‌های بعدی