نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
این دوره به شما کمک می کند تا یاد بگیرید چگونه می توانید با 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
نمایش نظرات