دوره رندرینگ سمت سرور: از تئوری تا پیاده‌سازی عملی همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره رندرینگ سمت سرور: از تئوری تا پیاده‌سازی عملی

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

موضوع میانی: بهینه‌سازی و معماری وب

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

• 1. مقدمه‌ای بر رندرینگ سمت سرور (SSR)
• 2. مزایای استفاده از SSR در مقایسه با CSR و SPA
• 3. معماری یک برنامه SSR: اجزا و تعاملات
• 4. انتخاب فریم‌ورک مناسب SSR: Next.js، Remix، Nuxt.js و...
• 5. نصب و راه‌اندازی Next.js: گام به گام
• 6. ساختار دایرکتوری پروژه‌های Next.js
• 7. کامپوننت‌های React در SSR
• 8. صفحه‌بندی در Next.js: سیستم فایل‌بیسد
• 9. Router و مسیریابی در Next.js
• 10. دریافت داده (Data Fetching) در SSR: getStaticProps، getServerSideProps، getStaticPaths
• 11. مدیریت State در SSR: چالش‌ها و راهکارها
• 12. بهینه‌سازی Performance در SSR: کشینگ، کد اسپلیتینگ
• 13. استفاده از API Routes در Next.js
• 14. مدیریت خطاها در SSR
• 15. استقرار (Deployment) برنامه‌های SSR: Vercel، Netlify، AWS
• 16. مقدمه‌ای بر Remix و تفاوت‌های آن با Next.js
• 17. ساختار پروژه‌های Remix
• 18. مسیریابی و دریافت داده در Remix
• 19. استفاده از Loaders و Actions در Remix
• 20. مقدمه‌ای بر Nuxt.js و تفاوت‌های آن با Next.js و Remix
• 21. ساختار پروژه‌های Nuxt.js
• 22. صفحه‌بندی و مسیریابی در Nuxt.js
• 23. دریافت داده در Nuxt.js: asyncData و fetch
• 24. بهینه‌سازی تصاویر در SSR
• 25. بهینه‌سازی فونت‌ها در SSR
• 26. SEO و رندرینگ سمت سرور: بهینه‌سازی متا تگ‌ها و ساختار URL
• 27. استفاده از Webpack برای بهینه‌سازی باندل‌ها
• 28. مانیتورینگ و لاگینگ در برنامه‌های SSR
• 29. امنیت در SSR: جلوگیری از XSS و CSRF
• 30. تست برنامه‌های SSR: Unit Testing و Integration Testing
• 31. استفاده از ابزارهای DevTools برای دیباگینگ SSR
• 32. بهبود تجربه کاربری (UX) در SSR
• 33. استفاده از Server Components در Next.js 13
• 34. استفاده از Streaming در SSR
• 35. بهینه‌سازی حافظه در SSR
• 36. مقایسه عملکرد SSR در Node.js و Deno
• 37. استفاده از CDN برای توزیع محتوای SSR