کتاب ساخت سایت‌های استاتیک سریع با Gatsby با فرمت AZW3 برای کتابخوان کیندل و فرمت EPUB

انتخاب پلن

انتخاب پلن برای ادامه خرید الزامی است.

پرداخت اقساطی
در صورت خرید اقساطی هر قسط: 62,488 تومان
۴ قسط ماهانه. بدون سود، چک و ضامن.
پرداخت اقساطی با دیجی‌پی پرداخت اقساطی با ترب‌پی

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

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

عنوان دوره: دوره ساخت سایت‌های استاتیک سریع با 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. پروژه نهایی: ساخت یک سایت کامل استاتیک
تگ‌ها: Gatsby GraphQL JAMstack PWA React بهینه سازی سرعت تولید سایت مدرن ساخت سایت استاتیک

نظرات

هنوز نظری ثبت نشده است.

وارد شوید تا نظر ثبت کنید.