فلش‌کارت‌های آموزشی ساخت و استقرار وب‌سایت فروشگاهی با ReactJS برای تازه‌کاران

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

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

عنوان دوره: دوره ساخت و استقرار وب‌سایت فروشگاهی با ReactJS برای تازه‌کاران

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

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

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

• 1. مقدمه‌ای بر توسعهٔ وب و React
• 2. نصب و راه‌اندازی محیط توسعه
• 3. آشنایی با مفاهیم اولیهٔ React
• 4. JSX: ترکیب جاوا اسکریپت و HTML
• 5. کامپوننت‌ها: بلوک‌های سازندهٔ React
• 6. Props: انتقال داده به کامپوننت‌ها
• 7. State: مدیریت وضعیت داخلی کامپوننت‌ها
• 8. مدیریت رویدادها در React
• 9. لیست‌ها و کلیدها در React
• 10. شرایط رندرینگ در React
• 11. فرم‌ها در React: مدیریت ورودی‌ها
• 12. کامپوننت‌های تابعی و هوک‌ها
• 13. هوک useState: مدیریت وضعیت
• 14. هوک useEffect: مدیریت اثرات جانبی
• 15. هوک useContext: مدیریت زمینه (Context)
• 16. هوک useRef: ارجاع به عناصر DOM
• 17. ساخت کامپوننت‌های سفارشی
• 18. استایل‌دهی کامپوننت‌ها: CSS Modules
• 19. استایل‌دهی کامپوننت‌ها: Styled Components
• 20. استایل‌دهی کامپوننت‌ها: Inline Styles
• 21. مفاهیم پایه‌ای Routing در React
• 22. React Router DOM: نصب و راه‌اندازی
• 23. تعریف مسیرها و لینک‌ها
• 24. پارامترهای مسیر (Route Parameters)
• 25. مسیرهای تو در تو (Nested Routes)
• 26. مدیریت خطاها در Routing
• 27. مقدمه‌ای بر مدیریت وضعیت پیشرفته
• 28. Redux: معرفی و مفاهیم اصلی
• 29. Actions, Reducers, Store در Redux
• 30. اتصال React به Redux
• 31. React Redux Hooks: useDispatch, useSelector
• 32. Redux Toolkit: ساده‌سازی Redux
• 33. آشنایی با APIها و درخواست‌های HTTP
• 34. Fetch API برای درخواست‌های سمت سرور
• 35. Axios برای درخواست‌های سمت سرور
• 36. مدیریت پاسخ‌های API
• 37. مدیریت خطاها در درخواست‌های API
• 38. نمایش داده‌های دریافتی از API
• 39. ساخت یک وب‌سایت فروشگاهی ساده
• 40. طراحی ساختار اولیهٔ فروشگاه
• 41. کامپوننت صفحهٔ اصلی (Homepage)
• 42. کامپوننت لیست محصولات (Product List)
• 43. کامپوننت جزئیات محصول (Product Detail)
• 44. کامپوننت سبد خرید (Shopping Cart)
• 45. اضافه کردن محصول به سبد خرید
• 46. حذف محصول از سبد خرید
• 47. محاسبهٔ مجموع سبد خرید
• 48. سفارش‌دهی و تکمیل خرید (مدل ساده)
• 49. اعتبارسنجی فرم‌ها در React
• 50. مقدمه‌ای بر تست نویسی در React
• 51. انواع تست‌ها: Unit, Integration, End-to-End
• 52. Jest: فریم‌ورک تست نویسی
• 53. React Testing Library: تست کامپوننت‌ها
• 54. نوشتن تست‌های واحد برای کامپوننت‌ها
• 55. نوشتن تست‌های یکپارچگی برای بخش‌ها
• 56. مقدمه‌ای بر Deploy کردن اپلیکیشن
• 57. فایل‌های Build و Bundle کردن
• 58. معرفی سرویس‌های میزبانی وب
• 59. Vercel: استقرار آسان اپلیکیشن‌های React
• 60. Netlify: استقرار اپلیکیشن‌های React
• 61. GitHub Pages: استقرار رایگان
• 62. پیکربندی Build برای استقرار
• 63. مدیریت متغیرهای محیطی (Environment Variables)
• 64. ساخت اپلیکیشن فروشگاهی با React و API
• 65. طراحی UI/UX اپلیکیشن فروشگاهی
• 66. پیاده‌سازی کامپوننت‌های UI
• 67. اتصال به API برای دریافت اطلاعات محصول
• 68. پیاده‌سازی سبد خرید با Redux
• 69. نمایش محصولات در صفحهٔ اصلی
• 70. نمایش جزئیات محصول
• 71. جستجو در محصولات
• 72. فیلتر کردن محصولات
• 73. مرتب‌سازی محصولات
• 74. سیستم امتیازدهی محصولات (مدل ساده)
• 75. نمایش نظرات کاربران (مدل ساده)
• 76. پردازش پرداخت (شبیه‌سازی)
• 77. مدیریت کاربران (مدل ساده)
• 78. صفحهٔ پروفایل کاربر (مدل ساده)
• 79. پیاده‌سازی فرم ثبت‌نام (مدل ساده)
• 80. پیاده‌سازی فرم ورود (مدل ساده)
• 81. امنیت در توسعهٔ وب (ملاحظات اولیه)
• 82. ملاحظات مربوط به حریم خصوصی کاربران
• 83. اصول طراحی واکنش‌گرا (Responsive Design)
• 84. بهینه‌سازی عملکرد اپلیکیشن React
• 85. Lazy Loading و Code Splitting
• 86. Memoization و useCallback
• 87. استفاده از ابزارهای DevTools مرورگر
• 88. مدیریت خطاها در Production
• 89. مقدمه‌ای بر Progressive Web Apps (PWA)
• 90. Service Workers و Caching
• 91. Manifest File برای PWA
• 92. بهبود تجربهٔ کاربری با PWA
• 93. مقدمه‌ای بر Server-Side Rendering (SSR)
• 94. Next.js: فریم‌ورک React با SSR
• 95. ساخت اپلیکیشن فروشگاهی با Next.js
• 96. مزایای SSR برای SEO
• 97. استقرار اپلیکیشن‌های Next.js
• 98. جمع‌بندی و گام‌های بعدی در توسعهٔ React
• 99. منابع یادگیری بیشتر و جامعهٔ React