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

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

بررسی اجمالی دوره 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