کورس یادگیری Gatsby

مشاهده LinkedIn NewsletterGatsby Morten's Morten مدرن بر روی ژنراتور سایت استاتیک است. ساخته شده در واکنش، از GraphQL برای استخراج اطلاعات از منابع داده مانند وردپرس استفاده می کند. یاد بگیرید چگونه از این چارچوب جاوا اسکریپت انعطاف پذیر برای ساخت وب سایت های متمرکز بر عملکرد در این دوره با Morten Rand-Hendriksen استفاده کنید. کشف نحوه دریافت Gatsby و در حال اجرا و استفاده از پروژه های شروع کننده به سرعت ساخت سایت های خود را. پیدا کردن چگونگی کار با صفحات Gatsby، دارایی ها و قطعات، و سبک سایت های خود را با استفاده از چند رویکرد CSS: ورق های استاندارد استاتیک استاندارد، سبک های درون خطی، ماژول های CSS، اجزای مدل های سبک و غیره. به علاوه، یادگیری نحوه گسترش Gatsby با پلاگین ها، اتصال به منابع داده با پرس و جوهای GraphQL، صفحات را به صورت پویا با استفاده از پلاگین های ترانسفورماتور و اسکریپت node.js ایجاد کنید و سایت Gatsby خود را آماده برای تولید کنید.

عنوان اصلی : Learning Gatsby (2020)

سرفصل های دوره :

مقدمه:
وب را با Gatsby مدرن کنید
آنچه شما باید بدانید
1. راه اندازی Gatsby برای اولین بار:
Gatsby: یک ژنراتور سایت استاتیک
تنظیم اولیه
نصب یک استارت Gatsby
شروع و توقف سایت Gatsby محلی خود را
2. شکستن یک سایت Gatsby:
شروع به خراش
پروژه را کشف کنید
اصول اصلی Gatsby
چالش: تغییر عنوان سایت و محتوای دیگر
راه حل: عنوان سایت و محتوای دیگر را تغییر دهید
3. صفحات، اجزاء و سبک ها:
صفحات استاتیک
دارایی های استاتیک
قطعات و نحوه استفاده از آنها
جزء طرح
CSS در Gatsby: رویکردهای چندگانه
مثال: ماژول CSS و CSS مدرن
چالش: یک جزء ناوبری ایجاد کنید
راه حل: یک جزء ناوبری ایجاد کنید
4. پلاگین ها و تحولات:
گسترش Gatsby با پلاگین ها
گزینه های پلاگین
پلاگین های تبدیل
چالش: اضافه کردن دو تصویر جدید به یک صفحه
راه حل: دو تصویر جدید را به یک صفحه اضافه کنید
5. داده ها :
Gatsby و GraphQL
دو نوع از پرس و جو GraphQL
چالش: منو ناوبری پویا را ایجاد کنید
راه حل: منوی ناوبری پویا را ایجاد کنید
6. صفحات را به صورت پویا ایجاد کنید:
انتقال داده ها به صفحات
اطلاعات را از طریق ترانسفورماتورها در دسترس قرار دهید
پردازش داده های تبدیل شده
صفحات را از فایل های MarkDown تولید کنید
ایجاد صفحات فهرست صفحات
چالش: اضافه کردن شاخص برچسب های صفحه نمایش
راه حل: اضافه کردن شاخص برچسب های صفحه نمایش
7. رفتن زنده:
ساخت سایت تولید
اضافه کردن PWA و عملکرد آفلاین
نتیجه گیری:
اطلاعات بیشتر