سایت گتسبی را با React و WordPress به عنوان یک CMS بدون هد بسازید
Build Gatsby site with React and WordPress as a headless CMS
گتسبی با وردپرس به عنوان یک هدلس از 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
https://donyad.com/d/044d72
Sarfaraz K
توسعه دهنده Front End و بازاریاب دیجیتال
من سرفراز کسمانی هستم، یک توسعه دهنده Front End و بازاریاب دیجیتال از بمبئی، هند. من بیش از 7 سال تجربه در زمینه توسعه Front End و دیجیتال مارکتینگ دارم.
من هیجان زده هستم که اینجا هستم و به مردم کمک می کنم تا در جالب ترین و قدرتمندترین زمینه جهان با تجربه تر شوند.
من عاشق تدریس هستم!
نمایش نظرات