دوره Vite + React: ساخت برنامه‌های تک‌صفحه‌ای (SPA) قدرتمند همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره Vite + React: ساخت برنامه‌های تک‌صفحه‌ای (SPA) قدرتمند

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

موضوع میانی: وایت (Vite)

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

• 1. مقدمه‌ای بر توسعهٔ وب مدرن
• 2. آشنایی با Vite: ابزار ساخت سریع
• 3. نصب و پیکربندی Vite
• 4. ساختار پروژهٔ Vite
• 5. مفاهیم اصلی React: کامپوننت‌ها
• 6. JSX: سینتکس توسعه‌یافتهٔ جاوااسکریپت
• 7. مدیریت وضعیت در React (State)
• 8. Props: انتقال داده بین کامپوننت‌ها
• 9. هوک‌های React: useState
• 10. هوک‌های React: useEffect
• 11. مدیریت رویدادها در React
• 12. لیست‌ها و کلیدها در React
• 13. فرم‌ها در React
• 14. شرطی‌سازی رندرینگ
• 15. کامپوننت‌های سطح بالاتر (Higher-Order Components)
• 16. Custom Hooks: ساخت هوک‌های سفارشی
• 17. Context API برای مدیریت وضعیت سراسری
• 18. React Router: مسیریابی در SPA
• 19. نصب React Router
• 20. تعریف مسیرها
• 21. لینک‌ها و ناوبری
• 22. پارامترهای مسیر
• 23. مسیرهای تو در تو
• 24. Protected Routes (مسیرهای محافظت‌شده)
• 25. مفاهیم پیشرفتهٔ React Router
• 26. آشنایی با Vite برای پروژه‌های React
• 27. پیکربندی Vite برای React
• 28. استفاده از Hot Module Replacement (HMR) با Vite
• 29. Build نهایی پروژه با Vite
• 30. بهینه‌سازی عملکرد با Vite
• 31. استقرار برنامهٔ ساخته‌شده با Vite
• 32. آشنایی با طراحی واکنش‌گرا (Responsive Design)
• 33. مبانی CSS در React
• 34. استایل‌دهی درون‌خطی (Inline Styling)
• 35. CSS Modules
• 36. Styled Components
• 37. Tailwind CSS (استفادهٔ مجاز و چارچوب‌بندی‌شده)
• 38. مفاهیم پایهٔ مدیریت وضعیت پیشرفته
• 39. Redux Toolkit: مقدمه
• 40. تنظیم Redux Toolkit
• 41. Actions و Reducers
• 42. Selectors
• 43. Middleware در Redux Toolkit
• 44. ساخت برنامه‌های پیچیده‌تر با Redux Toolkit
• 45. Context API در مقابل Redux Toolkit
• 46. آشنایی با APIها در توسعهٔ وب
• 47. Fetch API برای ارتباط با سرور
• 48. Async/Await در جاوااسکریپت
• 49. مدیریت خطا در درخواست‌های API
• 50. نمونه‌های عملی ارتباط با API
• 51. ساخت فرم‌های چندمرحله‌ای
• 52. اعتبارسنجی فرم‌ها (Client-side Validation)
• 53. استفاده از کتابخانه‌های اعتبارسنجی (مانند Formik/Yup با چارچوب‌بندی)
• 54. مدیریت حالت بارگذاری (Loading State)
• 55. نمایش پیام‌های خطا به کاربر
• 56. آشنایی با مفاهیم تست در React
• 57. مبانی Jest
• 58. تست کامپوننت‌ها با React Testing Library
• 59. نوشتن تست‌های واحد (Unit Tests)
• 60. نوشتن تست‌های یکپارچه‌سازی (Integration Tests)
• 61. مباحث پیشرفتهٔ تست
• 62. مقدمه‌ای بر TypeScript در پروژه‌های React
• 63. نصب TypeScript برای Vite
• 64. پیکربندی TypeScript
• 65. استفاده از Types برای Props و State
• 66. تعریف Interface و Type
• 67. Type Assertions و Type Guards
• 68. مزایای TypeScript در توسعهٔ React
• 69. مقدمه‌ای بر مفاهیم معماری نرم‌افزار
• 70. اصول SOLID در توسعهٔ React
• 71. اصل Single Responsibility
• 72. اصل Open/Closed
• 73. اصل Liskov Substitution
• 74. اصل Interface Segregation
• 75. اصل Dependency Inversion
• 76. پیاده‌سازی اصول SOLID در کامپوننت‌های React
• 77. معماری مبتنی بر Feature Slices
• 78. مدیریت وابستگی‌ها در پروژه‌های بزرگ
• 79. الگوهای طراحی رایج در React
• 80. استفاده از الگوهای طراحی برای حل مسائل مشخص
• 81. بهینه‌سازی نهایی برنامه
• 82. بررسی امنیتی (چارچوب‌بندی‌شده و مطابق با قوانین)
• 83. مستندسازی پروژه
• 84. برنامه‌ریزی برای نگهداری و توسعهٔ آینده
• 85. مقدمه‌ای بر مفاهیم CI/CD (با تأکید بر چارچوب داخلی)
• 86. مقدمه‌ای بر ابزارهای مانیتورینگ (با تأکید بر چارچوب داخلی)
• 87. مروری بر بهترین شیوه‌ها در توسعهٔ React
• 88. ارتقاء دانش و مهارت‌های توسعه‌دهنده