دسته بندی

در حال حاضر محصولی در سبد خرید شما وجود ندارد.

پنل کاربری

رمز خود را فراموش کرده اید؟ اگر اولین بار است از سایت جدید استفاده میکنید باید پسورد خود را ریست نمایید.

آموزش ساخت یک بلاگ مخصوص توسعه دهندگان بوسیله Gatsby

دانلود egghead Build a Developer Blog with Gatsby

10,900 تومان
بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
افزودن به سبد خرید
خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

ویدئو معرفی این محصول

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

عنوان اصلی : Build a Developer Blog with Gatsby

این مجموعه آموزش ویدیویی محصول موسسه آموزشی egghead است که بر روی 1 حلقه دیسک ارائه شده و به مدت زمان 36 دقیقه در اختیار علاقه مندان قرار می گیرد.

در ادامه با برخی از سرفصل های درسی این مجموعه آموزش آشنا می شویم :

1. Gatsby از NPM Init Gatsby برای ایجاد یک سایت اولیه Gatsby استفاده کنید
2. یک جزء طرح بندی با کامپوننت لینک Gatsby S ایجاد کنید
3. یک جزء SEO قابل دسترسی را با استفاده از کلاه ایمنی ایجاد کنید
4. استفاده از پلاگین ها به منبع و تبدیل فایل های MDX
5. از سیستم فایل سیستم API استفاده کنید تا صفحات را برای هر فایل MDX تولید کنید
6. از mdxrenderer برای ارائه محتوا استفاده کنید
7. از یک پرس و جو صفحه برای پیوند به پست های صفحه اصلی استفاده کنید
8. سبک های UI را اضافه کنید
9. اضافه کردن پشتیبانی از برجسته نحو
10. رندر تصاویر اجرا با Staticimage
11. تصاویر را پردازش کرده و آنها را با استفاده از GatsbyImage ارائه دهید
12. Gatsby اضافه کردن پشتیبانی تصویر به جزء SEO

1. gatsby use npm init gatsby to create an initial gatsby site
2. create a layout component with gatsby s link component
3. create an accessible seo component using react helmet
4. use plugins to source and transform mdx files
5. use the file system route api to generate pages for each mdx file
6. use mdxrenderer to render content
7. use a page query to link to posts from the home page
8. add styles with theme ui
9. add support for syntax highlighting
10. render performant images with staticimage
11. process images and render them using gatsbyimage
12. gatsby add image support to seo component