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

با مشاهده این کورس آموزشی از طریق انجام پروژه های واقعی و به زبانی بسیار ساده مطالب فراوانی را در رابطه با Gatsby یاد می گیرید.

عنوان اصلی : Learning Gatsby

سرفصل ها :

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