فلش‌کارت‌های آموزشی ری‌اکت و داکر: از صفر تا استقرار حرفه‌ای

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

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

عنوان دوره: دوره ری‌اکت و داکر: از صفر تا استقرار حرفه‌ای

موضوع کلی: توسعه وب

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

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

• 1. معرفی ری‌اکت و داکر و چرایی استفاده از آن‌ها
• 2. پیش‌نیازهای نصب و راه‌اندازی محیط توسعه
• 3. نصب Node.js و npm
• 4. ایجاد اولین پروژه ری‌اکت با create-react-app
• 5. مبانی JSX و کامپوننت‌ها
• 6. کامپوننت‌های تابعی در مقابل کامپوننت‌های کلاس
• 7. مدیریت State در ری‌اکت با useState
• 8. مدیریت State در ری‌اکت با useReducer
• 9. Props و انتقال داده بین کامپوننت‌ها
• 10. Lifecycle Methods در کامپوننت‌های کلاس
• 11. Hooks: مقدمه‌ای و کاربردهای اصلی
• 12. استفاده از useEffect برای مدیریت Side Effects
• 13. فرم‌ها و کنترل ورودی‌ها در ری‌اکت
• 14. اعتبارسنجی فرم‌ها در ری‌اکت
• 15. استایل‌دهی به کامپوننت‌ها با CSS Modules
• 16. استایل‌دهی به کامپوننت‌ها با Styled Components
• 17. معرفی Redux و مفاهیم کلیدی آن
• 18. پیاده‌سازی Redux در یک پروژه ری‌اکت
• 19. Redux Toolkit: ساده‌سازی مدیریت State
• 20. آشنایی با Context API و کاربردهای آن
• 21. Routing در ری‌اکت با React Router
• 22. ساخت Layout و Navigation با React Router
• 23. مدیریت داده‌های API با fetch
• 24. مدیریت داده‌های API با Axios
• 25. مفاهیم Docker و Containerization
• 26. نوشتن Dockerfile برای یک پروژه ری‌اکت
• 27. ساخت Image از Dockerfile
• 28. اجرای Container از Image
• 29. Docker Compose: مدیریت چند Container
• 30. استقرار پروژه ری‌اکت در Docker Hub
• 31. استقرار پروژه ری‌اکت در یک سرور Docker
• 32. بهینه‌سازی Imageهای Docker
• 33. مانیتورینگ و Logging Containerها
• 34. امنیت در Docker
• 35. استفاده از Environment Variables در Docker
• 36. تست‌نویسی برای کامپوننت‌های ری‌اکت
• 37. CI/CD با Docker و GitHub Actions
• 38. معرفی ابزارها و تکنیک‌های پیشرفته ری‌اکت
• 39. بهینه‌سازی عملکرد ری‌اکت
• 40. معماری‌های رایج در ری‌اکت (MVC، Flux، Redux)
• 41. اشتباهات رایج در ری‌اکت و راه‌حل‌ها
• 42. نکات و ترفندهای توسعه ری‌اکت
• 43. معماری Micro Frontend با ری‌اکت
• 44. استفاده از Typescript در پروژه‌های ری‌اکت
• 45. آشنایی با Next.js و Server-Side Rendering
• 46. آشنایی با Gatsby و Static Site Generation