یادگیری گتسبی - میتالرن

مدرس Morten Rand-Hendriksen

انتشار 2021/12/17

مدت زمان 3h 2m

سطح مناسب همه

فایل تمرینی ندارد

آموزش Learning Gatsby

Gatsby به توسعه دهندگان React و WordPress رویکرد جامع تری برای توسعه برنامه های کاربردی وب ارائه می دهد که با نگرانی های کامل در مورد پشتیبانی دسترسی کامل است. پایه های GraphQL گتسبی به آن اجازه می دهد اطلاعات را از منابع داده های مختلف استخراج کند. در این دوره آموزشی، مربی Morten Rand-Hendriksen به شما نشان می دهد که چگونه گتسبی می تواند به شما در ایجاد وب سایت های متمرکز بر عملکرد کمک کند. مورتن قدم در راه اندازی گتسبی و خراب کردن سایت گتسبی می گذارد. او نحوه استفاده از صفحات استاتیک، دارایی‌های استاتیک، مؤلفه‌ها و CSS را در گتسبی توضیح می‌دهد، سپس به سراغ گزینه‌های افزونه و افزودن تصاویر به صفحه می‌رود. مورتن داده‌ها را در گتسبی بررسی می‌کند، از جمله ایجاد یک جستجوی صفحه، ایجاد یک جستجوی پیشرفته GraphQL و افزودن تصاویر پویا. پس از طی کردن مراحل ایجاد صفحات به صورت پویا، او به شما نشان می دهد که چگونه سایت تولید را بسازید و عملکردهای PWA و آفلاین را اضافه کنید. با هر فصلی که شامل چالش ها و راه حل های عملی است، این دوره شما را در مسیر تسلط بر گتسبی قرار می دهد.

GatsbyJS

Introduction

Modernize the web with Gatsby ()

Prerequisites for this course ()

1. Setting Up Gatsby for the First Time

Gatsby: A static site generator ()

Initial setup ()

Configure helper tools ()

Install a Gatsby starter ()

Start and stop your local Gatsby site ()

2. Breaking Down a Gatsby Site

Starting from scratch with exercise files ()

Explore the project ()

Challenge: Change the site title and other content ()

Solution: Change the site title and other content ()

3. Pages, Components, and Styles

Static pages ()

Static assets ()

Components and how to use them ()

The layout component ()

CSS in Gatsby: Multiple approaches ()

Example: CSS modules and modern CSS ()

Challenge: Create a navigation component ()

Solution: Create a navigation component ()

4. Plugins and Images

Extend Gatsby with plugins ()

Plugin options ()

Example: Images in Gatsby ()

Custom image features ()

Challenge: Add two new images to a page ()

Solution: Add two new images to a page ()

5. Data

Gatsby and GraphQL ()

Make a page query ()

Building an advanced GraphQL query ()

Adding dynamic images ()

Challenge: Make a dynamic navigation menu ()

Solution: Make a dynamic navigation menu ()

6. Create Pages Dynamically

Transform data into pages ()

Make data available through transformers ()

Extend transformed data with new data ()

Process transformed data ()

Import Markdown files with a transformer ()

Generate pages from Markdown files ()

Create paginated index pages ()

Challenge: Add paginated tag indexes ()

Solution: Add paginated tag indexes ()

7. Going Live

Build the production site ()

Add PWA and offline functionality ()

Conclusion

Further information ()

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.