قیمت این دوره: 450,000 تومان
  • مدرس دوره : آرش زارعی
  • تعداد ویدیوها : 35 ویدیو
  • مدت زمان دوره : 3:47:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1403/01/19
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش پروژه محور graphQL در ReactJS

آموزش پروژه محور graphQL در ReactJS

آموزش GraphQL در React JS به شما نحوه استفاده از GraphQL برای درخواست داده ها و ادغام آن با کامپوننت های React را آموزش می دهد. با استفاده از GraphQL، شما قادر خواهید بود تا داده های مورد نیاز خود را به صورت دقیق و بهینه از سرور دریافت کنید و آنها را به کامپوننت های React خود ارسال کنید.

 

با یادگیری GraphQL در React JS، شما می توانید توانایی های برنامه نویسی خود را گسترش داده و تجربه کاربری بهتری را برای کاربران خود ایجاد کنید. آموزش GraphQL در React JS یک گام مهم برای تبدیل شدن به یک برنامه نویس حرفه ای است.

 

سرفصل دوره : 

معرفی دوره
graphQl چیست؟
مقایسه graphQl و REST-API
query در graphQL
متغیر ها و فیلتر کردن دیتا
mutation
mutation update
mutation delete
اتصال graphQL و ReactJS
ایجاد اولین query در react
هوک useQuery
فیلتر کردن دیتا
داینامیک کردن متغیر ها
ایجاد فایل query.js
هوک useLazyQuery
هوک useMutation
mutation update در React
mutation delete در React
ساخت graphQl API در سایت hyGraph
شروع پروژه موزیک پلیر


پیش نیاز های دوره :

  1. ReactJS

فهرستـــ ویدیوها

مدت زمان دوره 3:47:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • مقدمه و معرفی دوره

  • نمایش آنلاین این بخش رایگان است
00:03:23

در این قسمت به معرفی دوره میپردازیم.

2
  • GraphQL چیست ؟

00:03:18

GraphQL چیست ؟

3
  • مقایسه RestAPI و GraphQL

00:06:16

مقایسه RestAPI و GraphQL

4
  • query چیست ؟

00:07:06

query چیست ؟

5
  • فیلتر کردن دیتا

00:03:18

فیلتر کردن دیتا

6
  • mutation چیست ؟

00:06:33

mutation چیست ؟

7
  • آپدیت کردن دیتا

00:03:04

آپدیت کردن دیتا (update mutation)

8
  • حذف کردن دیتا

00:01:52

حذف کردن دیتا (delete mutation)

9
  • اتصال GraphQL به ReactJS

00:07:06

اتصال GraphQL به ReactJS به کمک ApolloClient

10
  • نوشتن query در React

00:05:10

نوشتن query در React

11
  • هوک useQuery

00:05:42

هوک useQuery

12
  • متغیر ها در GraphQL

00:07:54

متغیر ها در GraphQL

13
  • ایجاد فایل queries.js

00:03:46

ایجاد فایل queries.js

14
  • هوک useLazyQuery

00:04:29

هوک useLazyQuery

15
  • هوک useMutation

00:05:00

هوک useMutation

16
  • Create mutation در React

00:01:47

ایجاد کاربر جدید

17
  • داینامیک کردن متغیر ها

00:07:01

داینامیک کردن متغیر ها

18
  • Update Mutation در React

00:08:52

بروزرسانی دیتا در React

19
  • Delete Mutation در React

00:06:49

Delete Mutation در React

20
  • ساخت GraphQL API درhyGraph

00:19:36

ساخت GraphQL API در hyGraph

21
  • نصب پیشنیاز های پروژه

00:04:32

نصب پیشنیاز های پروژه

22
  • اضافه کردن فونت و استایل

00:02:54

اضافه کردن فونت و استایل

23
  • اتصال GraphQL به پروژه

00:02:35

اتصال GraphQL به پروژه

24
  • توسعه کامپوننت Header و Footer

00:02:35

توسعه کامپوننت Header و Footer

25
  • توسعه صفحه اصلی - قسمت اول

00:05:00

توسعه صفحه اصلی - قسمت اول

26
  • توسعه صفحه اصلی - قسمت دوم

00:08:39

توسعه صفحه اصلی - قسمت دوم

27
  • توسعه صفحه اصلی - قسمت سوم

00:05:10

توسعه صفحه اصلی - قسمت سوم

28
  • توسعه صفحه اصلی - قسمت چهارم

00:10:46

توسعه صفحه اصلی - قسمت چهارم

29
  • توسعه صفحه خواننده ها- قسمت اول

00:05:42

توسعه صفحه خواننده ها- قسمت اول

30
  • توسعه صفحه خواننده ها - قسمت دوم

00:10:45

توسعه صفحه اطلاعات خواننده ها - قسمت دوم

31
  • توسعه صفحه آهنگ ها - قسمت اول

00:05:21

توسعه صفحه آهنگ ها - قسمت اول

32
  • توسعه صفحه آهنگ ها - قسمت دوم

00:09:30

توسعه صفحه آهنگ ها - قسمت دوم

33
  • توسعه صفحه آهنگ ها - قسمت سوم

00:14:50

توسعه صفحه آهنگ ها - قسمت سوم

34
  • توسعه صفحه جزئیات آهنگ ها - قسمت اول

00:07:04

توسعه صفحه جزئیات آهنگ ها - قسمت اول

35
  • توسعه صفحه جزئیات آهنگ ها - قسمت دوم

00:13:40

توسعه صفحه جزئیات آهنگ ها - قسمت دوم


نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .