برنامه نویسی فول استک بوسیله React و GraphQL

همانطور که واکنش نشان می دهد راه اندازی برنامه های وب، GraphQL در حال تغییر چگونه ما ساخت API ها به پرس و جو و جهش داده ها.
با تمرکز بر روی جاوا اسکریپت مدرن و برنامه جهانی واقعی، این دوره یک راه شروع به پایان است برای یادگیری کامل پشته پیشرفته واکنش، next.js، graphql، node.js و دوستان.
به من پیوستن به من به عنوان من به شما نشان می دهد که چگونه برای ساخت یک فروشگاه آنلاین کامل پشته با برخی از تکنولوژی بالا وب سایت های برتر امروز.

عنوان اصلی : Fullstack Advanced React & GraphQL

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

01 ماژول 1 - مقدمه و راه اندازی:
001 Tooling and Starter Files Setup
002 پشته فناوری توضیح داده شد
02 ماژول 2 - Learning Next.js:
001 مقدمه ای برای بعدی
002 ایجاد یک مؤلفه طرح‌بندی صفحه
003 ایجاد هدر و اجزای Nav
03 ماژول 3 - CSS و اجزای سبک:
001 مقدمه ای بر اجزای سبک و CSS
002 سبک های جهانی، تایپوگرافی و سبک های چیدمان
003 تجسم تغییرات مسیر
004 رفع لرزش مولفه های سبک در رندر سرور
04 ماژول 4 - توسعه GraphQL سمت سرور:
001 راه اندازی MongoDB
002 مقدمه ای برای GraphQL
003 راه اندازی Keystone و Typescript
004 ایجاد اولین نوع داده کاربر ما
005 افزودن Auth به برنامه ما
006 ایجاد نوع داده محصولات ما
007 آپلود تصاویر محصول
008 ایجاد روابط دو طرفه داده در Keystone
009 درج داده های دانه
05 ماژول 5 - Client Side React + توسعه GraphQL:
001 راه اندازی آپولو کلاینت
002 واکشی داده‌ها با قلاب‌ها و نمایش آن در Front End ما
003 تعمیر و استایل سازی Nav
004 یک درس خوب در React Forms و Custom Hooks
005 ورودی فایل و سبک‌های فرم را متصل می‌کنیم
006 ایجاد محصولات از طریق جهش‌های ما
007 بازیابی پرس و جوها پس از یک جهش موفقیت آمیز
008 تغییر برنامه ای صفحه پس از ایجاد محصول
009 نمایش موارد منفرد، مسیریابی و سئو
06 ماژول 6 - کار با جهش:
001 موارد به روز رسانی
002 استفاده از useEffect برای مقابله با یک مشکل حالت بارگذاری فریبنده
003 حذف محصولات
004 اخراج موارد از حافظه پنهان آپولو
07 ماژول 7 - صفحه بندی:
001 پیوندهای صفحه بندی
مسیریابی پویا صفحه بندی 002
003 در حال تنظیم درخواست ما برای مقادیر صفحه‌بندی
004 خط مشی های نوع سفارشی و کنترل روی حافظه پنهان آپولو
08 ماژول 8 - ثبت نام کاربر + احراز هویت:
001 پرس و جو از کاربر فعلی
002 ایجاد یک جزء ورود به سیستم
003 ایجاد یک مولفه خروج از سیستم
004 ایجاد جریان ثبت نام ما
005 بازنشانی رمز عبور - درخواست بازنشانی
007 بازنشانی رمز عبور - تنظیم یک رمز عبور جدید
008 بازنشانی رمز عبور - ارسال ایمیل
09 ماژول 9 - توسعه سبد خرید:
001 سبد خرید - ایجاد نوع داده و روابط دو طرفه
سبد خرید 002 - نمایش اقلام در یک جزء سفارشی
سبد خرید 003 - استفاده از زمینه Recat برای وضعیت سبد خرید ما
004 سبد خرید - افزودن موارد به سبد خرید
سبد خرید 005 - افزودن موارد به سبد خرید در React
006 سبد خرید - متحرک کردن ارزش سبد خرید
007 سبد خرید - حذف از دکمه سبد خرید
سبد خرید 008 - اخراج اقلام سبد خرید از حافظه پنهان
10 ماژول 10 - جستجو و سفارش ایجاد و پرداخت:
001 جستجو
002 راه‌اندازی Stripe Checkout ما
003 نوشتن منطق کنترل کننده پرداخت سمت مشتری ما
004 ایجاد انواع داده های سفارش و مورد سفارش
005 جهش پرداخت سفارشی با Stripe
006 پیوند دادن Frontend خود به جهش پرداخت سفارشی باطن
007 ایجاد سفارش و موارد سفارش در جهش ما
008 در حال تکمیل رابط کاربری و جریان Checkout
11 ماژول 11 - نمایش سفارش Frontend و نقش ها، مجوزها و محدود کردن دسترسی:
001 نمایش یک سفارش واحد
002 نمایش همه سفارشات
003 نقش ها و مجوزها - یک آغازگر
004 ایجاد طرحواره نقش‌ها و مجوزها + UI
005 کنترل دسترسی اولیه از طریق Sessions
006 توابع دسترسی به مجوزها
007 توابع مبتنی بر قانون انعطاف‌پذیرتر
008 دریافت متا - نقش‌های مبتنی بر نقش و رابط کاربری پنهان
009 سبد خرید و قوانین مبتنی بر سفارش
010 مجوزهای کاربر و فیلد مبتنی بر
011 مجوزهای تصویر محصول
012 ایجاد یک مؤلفه ورود به سیستم دردار
12 ماژول 12 - تست:
001 راه اندازی تست، ابزار و روش
002 مبانی تست
003 تست تابع formatMoney ما
کتابخانه تست واکنش 004
آزمایش عکس فوری 005
006 اطلاعات بیشتر در مورد آزمایش پرس و جوهای کتابخانه
007 تمسخر درخواست داده های GraphQL
008 به روز رسانی لوازم و رندر مجدد
009 تست ایالات ناو وارد شده و از سیستم خارج شده اید
تست صفحه بندی 010
011 آزمایش رویدادها و جهش های کاربر
012 تست مؤلفه بازنشانی رمز عبور
013 مسخره کردن کتابخانه های شخص ثالث