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

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

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

عنوان دوره: دوره ساخت سایت‌های استاتیک سریع با Gatsby

موضوع کلی: برنامه نویسی

موضوع میانی: جاوا اسکریپت (JavaScript)

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

• 1. مقدمه‌ای بر Gatsby و مفاهیم سایت استاتیک
• 2. نصب و راه‌اندازی محیط توسعه Gatsby
• 3. ساختار پروژه و فایل‌های اصلی Gatsby
• 4. آشنایی با JSX و کامپوننت‌های React در Gatsby
• 5. صفحات و مسیریابی خودکار در Gatsby
• 6. کامپوننت‌های Link و Navigation
• 7. کار با Layout و کامپوننت‌های سراسری
• 8. استایل‌دهی با CSS Modules در Gatsby
• 9. استفاده از Styled Components در Gatsby
• 10. مدیریت تصاویر با gatsby-plugin-image
• 11. بهینه‌سازی تصاویر با GraphQL و StaticImage
• 12. کار با فونت‌ها و آیکون‌ها در Gatsby
• 13. منابع داده (Data Sources) در Gatsby
• 14. GraphQL و Query‌های Static در Gatsby
• 15. صفحات پویا با GraphQL و createPages
• 16. ایجاد وبلاگ با Markdown و gatsby-source-filesystem
• 17. افزودن metadata با gatsby-config و Head API
• 18. ساخت RSS Feed برای وبلاگ
• 19. مدیریت تگ‌ها و دسته‌بندی محتوا
• 20. کار با CMS بدون سر (Headless CMS) در Gatsby
• 21. اتصال به Contentful به عنوان CMS
• 22. اتصال به Strapi به عنوان CMS
• 23. اتصال به Sanity به عنوان CMS
• 24. نمایش داده‌های API خارجی در Gatsby
• 25. ساخت فرم‌های تماس با Netlify Forms
• 26. ساخت فرم با Gatsby و سرویس‌های شخص ثالث
• 27. مدیریت متغیرهای محیطی و secrets
• 28. کار با gatsby-browser و gatsby-ssr
• 29. پیاده‌سازی PWA با gatsby-plugin-offline
• 30. افزودن قابلیت جستجو به سایت با Lunr یا Algolia
• 31. ساخت صفحه 404 سفارشی
• 32. مدیریت خطاها و حالت‌های loading
• 33. کار با React Helmet برای SEO
• 34. افزودن Open Graph و Twitter Cards
• 35. ایجاد نقشه سایت (Sitemap) با gatsby-plugin-sitemap
• 36. بهینه‌سازی Core Web Vitals
• 37. تکنیک‌های Lazy Loading و Code Splitting
• 38. کار با تصاویر WebP و فرمت‌های مدرن
• 39. مدیریت فونت‌های سفارشی برای عملکرد بالا
• 40. ساخت کامپوننت‌های قابل استفاده مجدد
• 41. مدیریت state با React Context در Gatsby
• 42. کار با Redux یا Zustand در Gatsby (در صورت نیاز)
• 43. ساخت صفحات چندزبانه با gatsby-plugin-i18n یا react-intl
• 44. مدیریت داده‌های پویا با Serverless Functions
• 45. استفاده از Gatsby Cloud برای استقرار
• 46. استقرار روی Netlify با CI/CD
• 47. استقرار روی Vercel با CI/CD
• 48. استقرار روی GitHub Pages
• 49. مدیریت Redirectها و تنظیمات سرور
• 50. کار با APIهای احراز هویت در Gatsby
• 51. ساخت داشبورد کاربری ساده با Gatsby
• 52. مدیریت کش و بهبود سرعت بارگذاری
• 53. تست کامپوننت‌ها با Jest و React Testing Library
• 54. تست E2E با Cypress در Gatsby
• 55. رفع باگ‌های رایج در Gatsby
• 56. به‌روزرسانی وابستگی‌ها و مدیریت نسخه‌ها
• 57. بهینه‌سازی Bundle با Webpack
• 58. کدنویسی تمیز و ساختاردهی پروژه
• 59. تولید محتوای استاتیک با Gatsby و JSON
• 60. ساخت سایت چند صفحه‌ای با داده‌های YAML
• 61. مدیریت زمان و تاریخ در Gatsby
• 62. افزودن انیمیشن با GSAP یا Framer Motion
• 63. ساخت گالری تصاویر با Lightbox
• 64. ایجاد نقشه تعاملی با Leaflet در Gatsby
• 65. مدیریت نظرات کاربران با Disqus یا سرویس‌های مشابه
• 66. ساخت صفحه درباره ما و تماس با ما
• 67. ساخت صفحه نمونه کار (Portfolio)
• 68. ساخت صفحه محصول با داده‌های ساختاریافته
• 69. مدیریت فرمت‌های مختلف محتوا (Markdown, MDX, JSON)
• 70. ایجاد سیستم قالب (Theme) در Gatsby
• 71. سفارشی‌سازی gatsby-node.js برای منطق پیچیده
• 72. مدیریت خطاهای GraphQL و debugging
• 73. ساخت کامپوننت‌های فرم با Formik و Yup
• 74. افزودن قابلیت اشتراک‌گذاری در شبکه‌های اجتماعی
• 75. مدیریت سئوی تصاویر و alt text
• 76. ساخت نقشه حرارتی و آنالیز با Google Analytics
• 77. پیاده‌سازی Schema Markup (JSON-LD)
• 78. مدیریت ریدایرکت‌های 301 و 302
• 79. بهینه‌سازی فونت‌ها با Fontsource
• 80. ساخت کامپوننت‌های داینامیک با React.lazy
• 81. مدیریت تصاویر SVG و آیکون‌های مقیاس‌پذیر
• 82. ساخت سایت با معماری Jamstack
• 83. مدیریت داده‌های تودرتو در GraphQL
• 84. ساخت صفحات با Pagination
• 85. مدیریت حالت‌های مختلف (loading, empty, error)
• 86. ساخت کامپوننت‌های Accordion و Tab
• 87. استفاده از gatsby-remark-images برای محتوای Markdown
• 88. ساخت سایت با قابلیت دسترسی (Accessibility)
• 89. مدیریت رنگ‌ها و تم‌های تیره/روشن
• 90. استفاده از Environment Variables برای API Keys
• 91. ساخت کامپوننت‌های کارت و لیست
• 92. مدیریت تصاویر پس‌زمینه و HERO
• 93. ساخت صفحه خطا و راهنمایی
• 94. تکنیک‌های caching و revalidation
• 95. ساخت سایت با Gatsby و Firebase
• 96. پروژه نهایی: ساخت یک سایت کامل استاتیک