آموزش GatsbyJS: شروع کار

GatsbyJS: Getting Started

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: این دوره به شما کمک می کند تا یاد بگیرید چگونه می توانید با GatsbyJS ، React و GraphQL و سایر فناوری های مدرن سایت های مدرن ایجاد کنید. ایجاد سایت های استاتیک مدرن با GatsbyJS ، React و GraphQL می تواند آسان باشد و این دوره به شما نشان می دهد که چگونه. در این دوره ، GatsbyJS: شروع ، شما دانش بنیادی مورد نیاز برای ایجاد سایت های استاتیک مدرن را با استفاده از GatsbyJS کسب خواهید کرد. ابتدا یاد خواهید گرفت که JAMStack چیست ، اصول GatsbyJS چیست و چطور می توانید از این فناوری شگفت انگیز استفاده کنید. در مرحله بعدی ، خواهید فهمید که چگونه گتسبی از React برای ایجاد اجزای قابل استفاده مجدد ، بلوک ساختمان در یک سایت GatsbyJS استفاده می کند و یاد می گیرید که چگونه مولفه های React را برای خود ایجاد کنید. در آخر ، شما GraphQL و اهمیت آن را در اکوسیستم گتسبی و همچنین نحوه پرس و جو برای داده ها با استفاده از این فناوری همه کاره را کشف خواهید کرد. هنگامی که این دوره را به پایان می رسانید ، یک سایت وبلاگ استاتیک مدرن و کامل در گتسبی ایجاد خواهید کرد ، همچنین مهارت ها و دانش مورد نیاز برای ایجاد نوع دیگری از سایت ها با GatsbyJS را با استفاده از React و GraphQL کسب خواهید کرد.

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

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

معرفی GatsbyJS Introducing GatsbyJS

  • مقدمه Introduction

  • معماری JAMstack The JAMstack Architecture

  • GatsbyJS چیست؟ What Is GatsbyJS?

  • نصب گتسبی Installing Gatsby

  • الگوهای شروع کننده گتسبی Gatsby Starter Templates

  • Gatsby CLI و ساختار سایت Gatsby CLI and Site Structure

  • خلاصه Summary

ایجاد صفحات استاتیک Creating Static Pages

  • مقدمه Introduction

  • درک صفحات گتسبی Understanding Gatsby Pages

  • معرفی مختصر اجزای واکنش و JSX Brief Introduction to React Components and JSX

  • ایجاد صفحات ثابت Create Static Pages

  • پیوند دادن بین صفحات Linking between Pages

  • خلاصه Summary

یک ظاهر طراحی شده در گتسبی Styling in Gatsby

  • مقدمه Introduction

  • درک CSS در گتسبی Understanding CSS in Gatsby

  • ایجاد سبک های جهانی Creating Global Styles

  • ماژول های CSS و SASS CSS Modules and SASS

  • خلاصه Summary

ایجاد مonلفه ها Creating Components

  • مقدمه Introduction

  • درک مonلفه ها در گتسبی Understanding Components in Gatsby

  • ایجاد م Lلفه های طرح بندی Creating Layout Components

  • ایجاد اجزای فرعی: هدر Creating Sub-components: Header

  • ایجاد اجزای فرعی: پیوندهای سرصفحه Creating Sub-components: Header Links

  • ایجاد اجزای فرعی: دکمه ها Creating Sub-components: Buttons

  • ایجاد اجزای فرعی: پاورقی Creating Sub-components: Footer

  • ایجاد اجزای فرعی: عنوان Creating Sub-components: Title

  • خلاصه Summary

پرس و جو از داده ها با GraphQL Querying Data with GraphQL

  • مقدمه Introduction

  • معرفی داده ها در گتسبی Introducing Data in Gatsby

  • افزودن فراداده سایت Adding Site Metadata

  • آشنایی با GraphiQL Getting to Know GraphiQL

  • جستجوی فراداده سایت با نمایش داده های صفحه Querying Site Metadata with Page Queries

  • جستجوی فراداده سایت از یک جزon با StaticQuery Querying Site Metadata from a Component with StaticQuery

  • خلاصه Summary

مدیریت داده ها با پلاگین های Source و Transformer Handling Data with Source and Transformer Plugins

  • مقدمه Introduction

  • شروع کار با پلاگین های گتسبی Getting Started with Gatsby Plugins

  • معرفی افزونه های منبع گتسبی Introducing Gatsby Source Plugins

  • ایجاد پرونده های Markdown Creating Markdown Files

  • معرفی افزونه های ترانسفورماتور گتسبی Introducing Gatsby Transformer Plugins

  • ایجاد م Articleلفه های مقاله Creating Article Components

  • خلاصه Summary

ایجاد صفحات پویا به صورت برنامه نویسی Creating Dynamic Pages Programmatically

  • مقدمه Introduction

  • ایجاد صفحه پویا در گتسبی Dynamic Page Creation in Gatsby

  • معرفی API گتسبی Introducing the Gatsby API

  • ایجاد URL های دوستانه Creating Friendly URLs

  • ایجاد الگوهای صفحه Creating Page Templates

  • ایجاد صفحات بصورت برنامه ای Creating Pages Programmatically

  • خلاصه Summary

استقرار سایت گتسبی Deploying a Gatsby Site

  • مقدمه Introduction

  • ایجاد ساخت تولید Creating a Production Build

  • استقرار سایت شما Deploying Your Site

  • خلاصه Summary

نمایش نظرات

Pluralsight (پلورال سایت)

Pluralsight یکی از پرطرفدارترین پلتفرم‌های آموزش آنلاین است که به میلیون‌ها کاربر در سراسر جهان کمک می‌کند تا مهارت‌های خود را توسعه دهند و به روز رسانی کنند. این پلتفرم دوره‌های آموزشی در زمینه‌های فناوری اطلاعات، توسعه نرم‌افزار، طراحی وب، مدیریت پروژه، و موضوعات مختلف دیگر را ارائه می‌دهد.

یکی از ویژگی‌های برجسته Pluralsight، محتوای بروز و با کیفیت آموزشی آن است. این پلتفرم با همکاری با توسعه‌دهندگان و کارشناسان معتبر، دوره‌هایی را ارائه می‌دهد که با توجه به تغییرات روزافزون در صنعت فناوری، کاربران را در جریان آخرین مفاهیم و تکنولوژی‌ها نگه می‌دارد. این امر به کاربران این اطمینان را می‌دهد که دوره‌هایی که در Pluralsight می‌پذیرند، با جدیدترین دانش‌ها و تجارب به روز شده‌اند.

آموزش GatsbyJS: شروع کار
جزییات دوره
2h 0m
53
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
68
4.6 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Marcelo Pastorino Marcelo Pastorino

مارسلو با استفاده از C # ، .NET Framework و .NET Core ، Azure ، Xamarin ، JavaScript و فریمورک های مدرن جلویی در میان سایر فناوری ها ، 18 سال تجربه حرفه ای در حل مشکلات تجاری با معماری راه حل ها و توسعه نرم افزار برای وب ، ابر و تلفن همراه دارد. او یک توسعه دهنده پرشور و عملگرا است که اولین نرم افزار خود را در سن 16 سالگی به فروش رساند. مارسلو از اوایل دهه 90 شروع به کد نویسی برای سرگرمی در IBM 8086 XT قدیمی کرد. از آن زمان مارسلو با افتخار در ساخت نرم افزار با کیفیت در شرکت های مختلف در جهان در نقش های مختلف توسعه نرم افزار کار کرده است. او همچنین در حال کار بر روی یک پروژه جانبی ، یک جامعه باز برای توسعه دهندگان نرم افزار به نام SoftwareDeveloper.io است و با راهنمایی توسعه دهندگان مشتاق و مستقر ، به آنها کمک می کند مهارت های رمزگذاری خود را به سطح بالاتری برسانند ، اشتیاق جدیدی در آموزش پیدا کرده است.