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

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

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

عنوان دوره: دوره گتسبی: ساخت وب‌سایت‌های سریع با React و GraphQL

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

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

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

• 1. مقدمه‌ای بر گتسبی و مفاهیم کلیدی
• 2. نصب و راه‌اندازی محیط توسعه گتسبی
• 3. ساختار پوشه‌ها و فایل‌های پروژه گتسبی
• 4. آشنایی با GraphQL و نقش آن در گتسبی
• 5. نصب و پیکربندی پلاگین‌های گتسبی
• 6. کار با سورس‌های داده در گتسبی (Markdown, MDX)
• 7. ایجاد صفحات استاتیک در گتسبی
• 8. کامپوننت‌های React در گتسبی
• 9. استفاده از Layout ها و Template ها
• 10. ایجاد صفحات فهرست (List Pages)
• 11. کوئری زدن با GraphQL برای دریافت داده‌ها
• 12. بهینه‌سازی تصاویر در گتسبی
• 13. استفاده از Netlify CMS برای مدیریت محتوا
• 14. استقرار (Deployment) وب‌سایت گتسبی در Netlify
• 15. استفاده از پلاگین‌های SEO گتسبی
• 16. پیاده‌سازی بلاگ با گتسبی
• 17. ساخت فرم تماس با گتسبی و Formspree
• 18. استفاده از Google Analytics در گتسبی
• 19. کار با استایل‌ها در گتسبی (CSS Modules, Styled Components)
• 20. بهینه‌سازی عملکرد وب‌سایت گتسبی
• 21. امنیت وب‌سایت گتسبی
• 22. مقدمه‌ای بر Server-Side Rendering (SSR) در گتسبی
• 23. استفاده از Context API در گتسبی
• 24. کار با متغیرهای محیطی (Environment Variables)
• 25. آشنایی با Webpack و پیکربندی آن در گتسبی
• 26. استفاده از TypeScript در گتسبی
• 27. ساخت وب‌سایت فروشگاهی ساده با گتسبی
• 28. پیاده‌سازی سیستم کامنت با گتسبی و Disqus
• 29. استفاده از پلاگین‌های کش (Caching) گتسبی
• 30. عیب‌یابی و رفع مشکلات رایج گتسبی
• 31. به‌روزرسانی گتسبی به نسخه‌های جدید
• 32. معرفی ابزارهای توسعه و دیباگینگ گتسبی
• 33. ساخت وب‌سایت چندزبانه با گتسبی
• 34. استفاده از Storybook برای توسعه کامپوننت‌ها
• 35. پیاده‌سازی A/B Testing در گتسبی
• 36. کار با API‌های خارجی در گتسبی
• 37. استفاده از GraphQL Code Generator
• 38. بهینه‌سازی تصاویر برای Core Web Vitals
• 39. ساخت وب‌سایت خبری با گتسبی
• 40. استفاده از پلاگین‌های Lazy Loading
• 41. پیاده‌سازی Progressive Web App (PWA) با گتسبی
• 42. آشنایی با Gatsby Cloud
• 43. استفاده از Headless CMS های دیگر با گتسبی
• 44. ساخت وب‌سایت نمونه‌کار (Portfolio) با گتسبی
• 45. پیاده‌سازی Authentication در گتسبی
• 46. کار با WebSockets در گتسبی
• 47. ساخت وب‌سایت داکیومنتیشن با گتسبی
• 48. بهینه‌سازی برای موبایل در گتسبی
• 49. استفاده از Webpack Bundle Analyzer
• 50. استفاده از CI/CD برای استقرار خودکار
• 51. مقدمه‌ای بر Gatsby Functions
• 52. ساخت وب‌سایت تجارت الکترونیک با گتسبی