فلش‌کارت‌های آموزشی طراحی و توسعه وب‌سایت واکنش‌گرا با React و Styled Components

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

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

عنوان دوره: دوره طراحی و توسعه وب‌سایت واکنش‌گرا با React و Styled Components

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

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

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

• 1. مقدمه‌ای بر توسعه وب فرانت‌اند
• 2. آشنایی با اکوسیستم جاوا اسکریپت مدرن
• 3. مروری بر React: مفاهیم کلیدی و مزایا
• 4. نصب و راه‌اندازی محیط توسعه React
• 5. JSX: نوشتن HTML در جاوا اسکریپت
• 6. کامپوننت‌ها در React: بلوک‌های سازنده رابط کاربری
• 7. کامپوننت‌های تابعی و کلاس‌محور
• 8. مدیریت state در React: useState و useEffect
• 9. props: انتقال داده بین کامپوننت‌ها
• 10. مدیریت رویدادها در React
• 11. فرم‌ها و ورودی‌های کنترل‌شده در React
• 12. لیست‌ها و کلیدها در React
• 13. شرطی‌سازی در React
• 14. استایل‌دهی به کامپوننت‌ها با CSS
• 15. معرفی Styled Components: استایل‌دهی با جاوا اسکریپت
• 16. نصب و پیکربندی Styled Components
• 17. ایجاد کامپوننت‌های استایل‌دار با Styled Components
• 18. استفاده از تم‌ها در Styled Components
• 19. استایل‌دهی شرطی با Styled Components
• 20. مروری بر مفاهیم Responsive Web Design
• 21. طراحی واکنش‌گرا با استفاده از Styled Components
• 22. ایجاد Layout های واکنش‌گرا با Flexbox و Grid
• 23. استفاده از Media Queries در Styled Components
• 24. کامپوننت‌های قابل استفاده مجدد (Reusable Components)
• 25. بهینه‌سازی عملکرد React
• 26. Debug کردن برنامه‌های React
• 27. آشنایی با React Router: مسیریابی در برنامه‌های React
• 28. ایجاد مسیرها و لینک‌ها در React Router
• 29. پارامترهای URL در React Router
• 30. Navigation Guards در React Router
• 31. مدیریت State با Context API
• 32. آشنایی با Redux: مدیریت State پیشرفته
• 33. Redux Toolkit: ساده‌سازی توسعه با Redux
• 34. Redux Thunk: انجام عملیات غیرهمزمان در Redux
• 35. Redux Sagas: مدیریت Side Effects در Redux
• 36. آشنایی با MobX: جایگزینی برای Redux
• 37. تست‌نویسی در React: Jest و React Testing Library
• 38. آشنایی با TypeScript در React
• 39. استفاده از Hooks سفارشی (Custom Hooks)
• 40. بهینه‌سازی تصاویر در React
• 41. Lazy Loading تصاویر و کامپوننت‌ها
• 42. Code Splitting در React
• 43. استفاده از Memoization برای بهینه‌سازی کامپوننت‌ها
• 44. مدیریت فرم‌ها با Formik و Yup
• 45. اعتبارسنجی فرم‌ها با Yup
• 46. استفاده از Material-UI یا Ant Design در React
• 47. استفاده از Next.js: رندرینگ سمت سرور (Server-Side Rendering)
• 48. استفاده از Gatsby: تولید سایت‌های ایستا (Static Site Generation)
• 49. استقرار (Deployment) برنامه‌های React
• 50. آشنایی با ابزارهای CI/CD برای React
• 51. امنیت در برنامه‌های React
• 52. بهترین روش‌های توسعه با React
• 53. پروژه‌های عملی React: ساخت یک وب‌سایت نمونه
• 54. پروژه‌های عملی React: ساخت یک داشبورد نمونه
• 55. پروژه‌های عملی React: ساخت یک فروشگاه آنلاین نمونه
• 56. آشنایی با GraphQL و استفاده از آن در React
• 57. استفاده از Apollo Client در React
• 58. آشنایی با WebSockets و استفاده از آن‌ها در React
• 59. آشنایی با Web Workers در React
• 60. آشنایی با Serverless Functions و استفاده از آن‌ها در React
• 61. مبانی Accessibility در React
• 62. آشنایی با Progressive Web Apps (PWAs) در React
• 63. بهینه‌سازی SEO برای برنامه‌های React
• 64. بررسی الگوهای طراحی رایج در React
• 65. آشنایی با React Context و Provider
• 66. آشنایی با React Suspense و Lazy
• 67. آشنایی با React Profiler برای یافتن گلوگاه‌های عملکرد
• 68. آشنایی با React Concurrent Mode
• 69. آشنایی با React Server Components
• 70. آشنایی با ابزارهای توسعه React (React DevTools)
• 71. آشنایی با ابزارهای Linting و Formatting در React
• 72. نگهداری و به‌روزرسانی برنامه‌های React