اپلیکیشن اندرویدی فلش‌کارت آموزشی ساخت وب‌سایت پورتفولیو با ری‌اکت جی‌اس: پروژه‌ای کامل

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

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

عنوان دوره: دوره ساخت وب‌سایت پورتفولیو با ری‌اکت جی‌اس: پروژه‌ای کامل

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

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

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

• 1. مقدمه‌ای بر توسعه وب و ری‌اکت
• 2. آشنایی با مفاهیم پایه ری‌اکت
• 3. نصب و راه‌اندازی محیط توسعه ری‌اکت
• 4. ساختار پروژه ری‌اکت
• 5. کامپوننت‌ها در ری‌اکت
• 6. JSX چیست؟
• 7. Props در ری‌اکت
• 8. State در ری‌اکت
• 9. مدیریت رویدادها در ری‌اکت
• 10. لیست‌ها و کلیدها در ری‌اکت
• 11. فرم‌ها در ری‌اکت
• 12. کامپوننت‌های تابعی و هوک‌ها
• 13. هوک useState
• 14. هوک useEffect
• 15. هوک useContext
• 16. هوک useReducer
• 17. هوک useRef
• 18. هوک useMemo
• 19. هوک useCallback
• 20. طراحی رابط کاربری (UI)
• 21. اصول طراحی ریسپانسیو
• 22. مقدمه‌ای بر CSS-in-JS
• 23. استفاده از Styled Components
• 24. استفاده از Emotion
• 25. معرفی کتابخانه‌های کامپوننت UI
• 26. استفاده از Material-UI
• 27. استفاده از Ant Design
• 28. استفاده از Chakra UI
• 29. مفاهیم مسیریابی (Routing)
• 30. نصب و راه‌اندازی React Router
• 31. تعریف مسیرها
• 32. لینک‌ها و ناوبری
• 33. پارامترهای مسیر
• 34. مسیرهای تودرتو
• 35. مسیرهای محافظت شده (Protected Routes)
• 36. مدیریت وضعیت (State Management)
• 37. مقدمه‌ای بر مدیریت وضعیت
• 38. استفاده از Context API
• 39. استفاده از Redux Toolkit
• 40. مفاهیم Redux
• 41. Action ها و Reducer ها
• 42. Store در Redux
• 43. Middleware در Redux
• 44. React Query برای مدیریت داده‌های سمت سرور
• 45. آشنایی با API ها
• 46. دریافت داده از API
• 47. ارسال داده به API
• 48. مدیریت خطا در درخواست‌های API
• 49. استفاده از Axios
• 50. استفاده از Fetch API
• 51. ساخت بخش هدر وب‌سایت پورتفولیو
• 52. طراحی بخش معرفی (Hero Section)
• 53. ساخت بخش درباره ما (About Section)
• 54. طراحی بخش مهارت‌ها (Skills Section)
• 55. ایجاد بخش پروژه‌ها (Projects Section)
• 56. نمایش جزئیات پروژه
• 57. طراحی بخش تماس با ما (Contact Section)
• 58. اعتبارسنجی فرم تماس
• 59. پیاده‌سازی قابلیت ارسال ایمیل (با رعایت قوانین)
• 60. ساخت بخش فوتر وب‌سایت
• 61. بهینه‌سازی تصاویر و منابع
• 62. مقدمه‌ای بر سئو (SEO)
• 63. استفاده از تگ‌های سئو مناسب
• 64. تنظیمات اولیه سئو در ری‌اکت
• 65. معرفی ابزارهای تست
• 66. نوشتن تست‌های واحد (Unit Tests)
• 67. نوشتن تست‌های یکپارچه‌سازی (Integration Tests)
• 68. مقدمه‌ای بر استقرار (Deployment)
• 69. استقرار وب‌سایت با Vercel
• 70. استقرار وب‌سایت با Netlify
• 71. استقرار وب‌سایت با GitHub Pages
• 72. مقدمه‌ای بر TypeScript
• 73. نصب و راه‌اندازی TypeScript
• 74. انواع داده‌ها در TypeScript
• 75. اینترفیس‌ها در TypeScript
• 76. کلاس‌ها در TypeScript
• 77. استفاده از TypeScript با ری‌اکت
• 78. بهبود امنیت در برنامه‌های وب
• 79. مدیریت توکن‌ها و احراز هویت
• 80. جلوگیری از حملات XSS
• 81. مقدمه‌ای بر عملکرد (Performance)
• 82. بهینه‌سازی بارگذاری کامپوننت‌ها
• 83. کد اسپلیتینگ (Code Splitting)
• 84. Lazy Loading کامپوننت‌ها
• 85. استفاده از Service Workers
• 86. مقدمه‌ای بر طراحی الگوها (Design Patterns)
• 87. الگوی کامپوننت‌های مرتب‌سازی شده (Higher-Order Components)
• 88. الگوی Render Props
• 89. معرفی الگوهای معماری
• 90. معماری MVC در فرانت‌اند
• 91. معماری MVVM در فرانت‌اند
• 92. اصول طراحی کاربر محور (User-Centered Design)
• 93. تحلیل نیازهای کاربر
• 94. طراحی تجربه کاربری (UX)
• 95. تست کاربردپذیری
• 96. مباحث پیشرفته مدیریت وضعیت
• 97. استفاده از Zustand
• 98. استفاده از Jotai
• 99. مباحث پیشرفته مسیریابی
• 100. مسیریابی برنامه‌نویسی