سایت گتسبی را با React و WordPress به عنوان یک CMS بدون هد بسازید

Build Gatsby site with React and WordPress as a headless CMS

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: ایجاد یک فرانت اند دنیای واقعی با Gatsby.js، React و WordPress به عنوان یک CMS بدون سر!! راه اندازی یک پروژه از ابتدا با Gatsby CLI GraphQL ادغام وردپرس به عنوان یک CMS بدون هد با گتسبی ایجاد وب سایت با استفاده از گتسبی و وردپرس (CMS) React Wordpress پیش نیازها: دانش پایه جاوا اسکریپت

گتسبی با وردپرس به عنوان یک هدلس از React و تولید کننده سایت استاتیک گتسبی برای ساختن یک فرانت اند برای یک سایت وردپرس استفاده کنید
یک فرانت اند REAL WORLD CLIENT با Gatsby.js و وردپرس به عنوان یک CMS بدون سر ایجاد کنید!!

این دوره به شما یاد نمی دهد که چگونه یک سایت وردپرس بسازید. باطن واقعی وردپرس از قبل ساخته شده است و من نحوه ساخت آن را نشان نمی دهم. تنها هدف این دوره آموزش گتسبی و نحوه استفاده از گتسبی برای ایجاد فرانت اند از CMS وردپرس است. هدف این نیست که نشان دهیم سایت کامل چگونه با وردپرس ساخته شده است.

آیا توسعه‌دهنده‌ای هستید که به یادگیری سبک «کد همراه» علاقه دارید؟ آیا می خواهید اصول Gatsby.js را در یک دوره پروژه محور در دنیای واقعی یاد بگیرید؟ آیا یادگیری سریع و مستقیم به سر اصل مطلب را دوست دارید؟ پس این دوره برای شماست!

در این دوره ما یک وب سایت دنیای واقعی در Gatsby.js می سازیم

سبک تدریس و اعتقاد من این است که شما با ایجاد پروژه‌های کوچک‌تر از یک دوره آموزشی 25+ ساعته که سعی می‌کند همه چیز را به شما نشان دهد و چندان روی اصول اساسی تمرکز نکنید، بیشتر یاد می‌گیرید. بنابراین این یک دوره کوتاه تر و پروژه محور است که در آن یاد خواهید گرفت که چگونه یک سایت مشتری دنیای واقعی از ابتدا با Gatsby.js ایجاد کنید. Gatsy به طور پیش فرض از GraphQL استفاده می کند، بنابراین این یک راه عالی برای شروع با برخی از GraphQL است.


این دوره چیست!

  • این یک دوره متوسط ​​است. من فرض می کنم که شما مقداری جاوا اسکریپت و React

    می دانید
  • این یک دوره آموزشی پروژه محور با سرعت بسیار بالا برای یادگیری اصول اولیه Gatsby.js است

  • این دوره ای است که در آن شما اصول GraphQL را یاد خواهید گرفت.

  • البته این یک سبک "کد همراه" است.

  • این دوره آموزشی است که در آن یاد خواهید گرفت که چگونه یک سایت وردپرس موجود را به Gatsby.js متصل کنید و از آن به عنوان یک CMS بدون سر استفاده کنید.

  • این دوره ای است که در آن از React استفاده خواهید کرد. اصول اولیه React را آموزش نمی‌دهد، اما باید برای یک توسعه‌دهنده متوسط ​​React خوب باشد.

  • این دوره ای است که از سینتکس ES6 زیادی استفاده می کند.

این دوره چه چیزی نیست!

  • این دوره یک دوره React مبتدی نیست

  • این دوره به طور عمیق دستور React را توضیح نمی دهد.

  • این دوره با جزئیات GraphQL را آموزش نمی دهد. (هر چند ما از آن استفاده خواهیم کرد و باید یک مرور کلی/شروع عالی برای یادگیری GraphQL باشد)

  • این دوره آموزشی وردپرس و نحوه ساخت بک‌اند واقعی وردپرس را آموزش نمی‌دهد. ما چیزی در وردپرس نمی سازیم. این دوره بر یادگیری Gatsby.js و نحوه اتصال یک سایت وردپرس موجود به گتسبی متمرکز است.

هدف اصلی من از این دوره ترکیب سرگرمی با آموزش است. آموزش ها و دوره های زیادی در آنجا وجود دارد که عالی هستند اما بیش از حد پیچیده هستند و در عین حال روی موارد زیادی تمرکز می کنند. امیدوارم شما هم از آن لذت ببرید!

لطفاً مطمئن شوید که STARTER FILES را از منابع دانلود کنید!


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

معرفی و راه اندازی Introduction and Setup

  • مقدمه Introduction

  • راه اندازی سایت WP با استفاده از Local by FlyWheel Setup WP Site using Local by FlyWheel

  • سایت WP و پلاگین های WP مورد نیاز WP site and needed WP Plugins

  • مختصری در مورد ابزارسازی Short about tooling

  • یک پروژه گتسبی جدید با Gatsby CLI ایجاد کنید Create a new Gatsby Project with Gatsby CLI

  • Dependencies را نصب کنید Install Dependencies

  • کپی از فایل های شروع و پاکسازی Copy from Starter Files and cleanup

  • پلاگین های گتسبی را راه اندازی کنید Setup Gatsby plugins

مولفه طرح Layout Component

  • Layout - ایجاد کامپوننت Layout - Creating Component

  • چیدمان - همبرگر Layout - Hamburger

  • Layout - GraphQL Query و قلاب سفارشی Layout - GraphQL Query and custom hook

  • طرح بندی - سربرگ Layout - Header

  • طرح بندی - ناوبری Layout - Navigation

  • طرح بندی - پاورقی Layout - Footer

  • Layout - Overlay Menu Layout - OverlayMenu

صفحه فهرست Index Page

  • Index - HeroImage - Query GraphQL Index - HeroImage - GraphQL query

  • فهرست - HeroImage Index - HeroImage

  • Index - CtaArea - Query GraphQL Index - CtaArea - GraphQL query

  • فهرست - CtaArea Index - CtaArea

  • شاخص - Cta Index - Cta

  • فهرست - آخرین پست وبلاگ - پرس و جو GrqphQL Index - Latest Blog Post - GrqphQL query

  • فهرست - آخرین پست وبلاگ Index - Latest Blog Post

  • Index - Quote - Query GraphQL Index - Quote - GraphQL query

  • فهرست - نقل قول Index - Quote

  • Index - About - Query GraphQL Index - About - GraphQL query

  • فهرست - درباره Index - About

قالب صفحه Page Template

  • صفحه - صفحاتی را با Route API ایجاد کنید Page - Create pages with the Route API

  • صفحه - ساختار Page - Structuring

  • صفحه - درخواست صفحه Page - Page query

  • صفحه - PageHero Page - PageHero

  • صفحه - خرده نان Page - BreadCrumb

  • صفحه - نوار کناری و محتوا Page - Sidebar and content

قالب آرشیو (وبلاگ) Archive Template (Blog)

  • Archive - Gatsby-node - Query GraphQL Archive - Gatsby-node - GraphQL query

  • آرشیو - ساختار قالب Archive - Template Structure

  • آرشیو - gatsby-node - ایجاد صفحات Archive - gatsby-node - Create Pages

  • آرشیو - الگو - پرس و جوی صفحه Archive - Template - Page Query

  • آرشیو - قالب - تصویر قهرمان و خرده نان Archive - Template - Hero Image and BreadCrumb

  • آرشیو - قالب - نوار کناری Archive - Template - Sidebar

  • آرشیو - قالب - محتوا Archive - Template - Content

  • آرشیو - قالب - صفحه بندی Archive - Template - Pagination

قالب پست Post Template

  • پست ها - صفحات پست را با Route API ایجاد کنید Posts - Create post pages with the Route API

  • پست ها - داربست Posts - Scaffolding

  • پست ها - درخواست صفحه Posts - Page query

  • پست ها - نوار کناری و محتوا Posts - Sidebar and content

لینک Github Github Link

  • لینک Github Github Link

نمایش نظرات

Udemy (یودمی)

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

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

سایت گتسبی را با React و WordPress به عنوان یک CMS بدون هد بسازید
جزییات دوره
4 hours
45
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
406
4 از 5
ندارد
دارد
دارد
Sarfaraz K
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Sarfaraz K Sarfaraz K

توسعه دهنده Front End و بازاریاب دیجیتال

من سرفراز کسمانی هستم، یک توسعه دهنده Front End و بازاریاب دیجیتال از بمبئی، هند. من بیش از 7 سال تجربه در زمینه توسعه Front End و دیجیتال مارکتینگ دارم.

من هیجان زده هستم که اینجا هستم و به مردم کمک می کنم تا در جالب ترین و قدرتمندترین زمینه جهان با تجربه تر شوند.

من عاشق تدریس هستم!