در حال حاضر محصولی در سبد خرید شما وجود ندارد.
با مشاهده این دوره آموزشی یاد می گیرید که چطور از React Hooks, GraphQL برای ساخت برنامه های Real-Time استفاده کنید.
عنوان اصلی : Build a Realtime App with React Hooks and GraphQL
شروع شدن :
آنچه شما برای این دوره نیاز دارید
Git Clone Repo و نصب Dependencies
ساخت سرور GraphQL ما:
ایجاد GraphQL Server ما
ایجاد پایگاه داده با MongoDB Atlas
ایجاد مدل های Mongoose برای داده های کاربر / پین
ورود به سیستم اجتماعی با Google OAuth 2.0:
کاوش برنامه React ما
راه اندازی Google OAuth
افزودن دکمه ورود به سیستم گوگل
احراز هویت کاربران از سرور آپولو
مدیریت وضعیت برنامه با useReducer / useContext Hooks:
مدیریت وضعیت برنامه با useContext / useReducer
یک ظاهر طراحی شده Splash Page / App Cleanup
محافظت از مسیر برنامه ما:
ایجاد مسیر محافظت شده برای برنامه
ساخت هدر:
ساخت کامپوننت هدر
دکمه خروج از سیستم ساخت
ساختن نقشه / موقعیت جغرافیایی کاربر:
ایجاد و طراحی نقشه ما
قرار دادن پین در موقعیت فعلی کاربر
ایجاد منطقه وبلاگ / افزودن پین های پیش نویس:
افزودن پین پیش نویس
افزودن منطقه وبلاگ برای پین محتوا
اجزای ساختمان / یک ظاهر طراحی شده وبلاگ
مدیریت وضعیت محتوای پین و حذف پین های پیش نویس
آپلود تصویر با Clodinary Web API:
آپلود تصاویر با Clodinary
ایجاد پین های کاربری جدید:
ایجاد پین های جدید با جهش CREATE_PIN
ایجاد استفاده سفارشیClient Hook:
قلاب درخواست سفارشی GraphQL را ایجاد کنید
دریافت / نمایش پین های ایجاد شده:
نمایش پین های ایجاد شده روی نقشه
پنجره های بازشو و برجسته کردن پین های جدید:
برجسته کردن پین های تازه ایجاد شده
افزودن پنجره بازشو به پین های ما
حذف پین های کاربر:
حذف پین ها با جهش DELETE_PIN
نمایش محتوای پین:
ایجاد کردن / شکل دادن به محتوای پین
قابلیت افزودن نظر:
ساخت اجزایی برای ایجاد / نمایش نظرات کاربر
ایجاد نظرات با CREATE_COMMENT_MUTATION
مدیریت خطای مشتری:
رسیدگی به خطاهای توکن تأیید اعتبار منقضی شده
داده های زنده با اشتراک های GraphQL / مشتری آپولو:
راه اندازی اشتراک ها در Backend
اشتراک در تغییرات داده های زنده با Apollo Client
سبک کردن برنامه ما برای موبایل / useMediaQuery:
useMediaQuery برای طراحی آسان موبایل / پاسخ
بهبود برنامه ما / رفع مشکلات برنامه:
رفع مشکلات برنامه
استقرار برنامه ما:
استقرار با Now v2 و Heroku
Build a Realtime App with React Hooks and GraphQL
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.
آموزش ساخت یک سبد خرید بوسیله React, Node, Stripe
آموزش ساخت برنامه های فروشگاهی موبایل با Flutter, Redux, and Stripe
فیلم یادگیری کامل Gatsby
آموزش ترفندهای جاوااسکریپت
آموزش ساخت یک خبرخوان بوسیله Nuxt 2, Firestore
آموزش ساخت برنامه های فروشگاهی بوسیله Flutter, Redux, Stripe
کورس کامل کدنویسی به زبان JavaScript
آموزش ساخت و کدنویسی یک فروشگاه اینترنتی در 90 دقیقه با React, GraphQL
فیلم یادگیری MERN Stack
آموزش ساخت برنامه های Full-Stack بوسیله Python, GraphQL