GatsbyJS 2: Getting Started

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

In this course you’ll learn to create modern sites with GatsbyJS, React, and GraphQL and other modern technologies.

1. Course Overview

1. Course Overview

2. Introducing GatsbyJS

1. Version Check

2. Introduction

3. The JAMstack Architecture

4. What Is GatsbyJS

5. Installing Gatsby

6. Gatsby Starter Templates

7. Gatsby CLI and Site Structure

8. Summary

3. Creating Static Pages

1. Introduction

2. Understanding Gatsby Pages

3. Brief Introduction to React Components and JSX

4. Create Static Pages

5. Linking between Pages

6. Summary

4. Styling in Gatsby

1. Introduction

2. Understanding CSS in Gatsby

3. Creating Global Styles

4. CSS Modules and SASS

5. Summary

5. Creating Components

1. Introduction

2. Understanding Components in Gatsby

3. Creating Layout Components

4. Creating Sub-components - Header

5. Creating Sub-components - Header Links

6. Creating Sub-components - Buttons

7. Creating Sub-components - Footer

8. Creating Sub-components - Title

9. Summary

6. Querying Data with GraphQL

1. Introduction

2. Introducing Data in Gatsby

3. Adding Site Metadata

4. Getting to Know GraphiQL

5. Querying Site Metadata with Page Queries

6. Querying Site Metadata from a Component with StaticQuery

7. Summary

7. Handling Data with Source and Transformer Plugins

1. Introduction

2. Getting Started with Gatsby Plugins

3. Introducing Gatsby Source Plugins

4. Creating Markdown Files

5. Introducing Gatsby Transformer Plugins

6. Creating Article Components

7. Summary

8. Creating Dynamic Pages Programmatically

1. Introduction

2. Dynamic Page Creation in Gatsby

3. Introducing the Gatsby API

4. Creating Friendly URLs

5. Creating Page Templates

6. Creating Pages Programmatically

7. Summary

9. Deploying a Gatsby Site

1. Introduction

2. Creating a Production Build

3. Deploying Your Site

4. Summary

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

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

تولید کننده: PluralSight