آموزش ReactJs ( مقدماتی تا پیشرفته )

ری اکت , یک کتابخانه open-source جاوا اسکریپت برای ایجاد رابط کاربری به خصوص برای برنامه های تک صفحه ای است. با ترکیب سرعت و کارایی جاوا اسکریپت با روشی کارآمدتر برای دستکاری DOM، موجب می‌شود تا صفحات وب‌سایت‌ها به‌صورتی سریع‌تر در دسترس قرار بگیرند. ایجاد برنامه های React نیاز به استفاده از کتابخانه های اضافی برای مدیریت state و تعامل با API دارد نمونه مربوط به چنین کتابخانه هایی ری داکس است. با استفاده از ریداکس، State های اپلیکیشن در یک مخزن نگهداری می‌شوند و دسترسی هر کامپوننت به تمامی State ها نیز امکان پذیر است.  

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

قیمت این دوره: 800,000 240,000 تومان
  • مدرس دوره : یونس قربانی
  • تعداد ویدیوها : 308 ویدیو
  • مدت زمان دوره : 75:8:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1402/09/15
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش صفر تا صد ReactJs

آموزش صفر تا صد ReactJs

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

در این دوره سعی میکنیم از صفر (مباحث پایه) شروع کنیم تا با ریتمی آهسته به همراه مثال و تمرینات به بخش های پیشرفته برسیم .این دوره دانشجو محور خواهد بود و تمامی نظرات شما دانشجویان عزیز درنظر گرفته می شود تا در کنار هم یک دوره کامل بسازیم.این دوره طوری طراحی شده است که بعد از اتمام بتوانید بدون نیاز به آموزش های دیگر راه خودتان را برای ورود به بازار کار و حرفه ایی شدن پیدا کنید.

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

معرفی دوره 

مباحث پایه ری اکت

آشنایی با ContextAPI  و Hooks

یادگیری React Router

یادگیری Material UI

نحوه Build  و آنلاین کردن اپلیکیشن ری اکتی

یادگیری Redux  و Redux Thunk

یادگیری مباحث پایه NextJs

آشنایی با ‍PWA

تست نویسی در ری اکت توسط کتابخانه Jest

 

 



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

  1. آشنایی با جاوااسکریپت
  2. آشنایی با Html و Css

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

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

1
  • معرفی دوره

00:08:00

معرفی دوره

2
  • مسیر دوره

00:05:27

در این قسمت درباره مسیری که در این دوره به همراه هم طی خواهیم کرد صحبت میکنیم که قرار هست با چه مواردی آشنا بشیم و چه پروژه هایی در کنار هم بسازیم.

3
  • آماده سازی محیط توسعه در سیستم عامل مک

00:06:20

در این قسمت در مورد نحوه آماده سازی محیط توسعه در سیستم عامل مک صحبت خواهیم کرد.

4
  • آماده سازی محیط توسعه در سیستم عامل ویندوز

00:07:16

در این قسمت در مورد آماده سازی محیط توسعه در سیستم عامل ویندوز صحبت خواهیم کرد.

5
  • آماده سازی محیط توسعه در سیستم عامل لینوکس

00:10:03

در این قسمت در مورد آماده سازی محیط توسعه در سیستم عامل لینوکس صحبت خواهیم کرد.

6
  • انتخاب ویرایشگر کد

00:08:31

در این قسمت در مورد نحوه بررسی و انتخاب ویرایشگر کد صحبت خواهیم کرد.

7
  • نحوه گرفتن بهترین نتیجه از این دوره

00:06:34

در این قسمت درباره اینکه به چه صورت میتونیم بهترین نتیجه رو با دیدن این دوره بگیریم صحبت خواهیم کرد.

8
  • معرفی فصل اول

00:03:19

در این قسمت درباره تمام مباحثی که در فصل اول خواهید آموخت صحبت خواهیم کرد.

9
  • دلیل متولد شدن ری اکت

00:10:42

در این قسمت در اینباره صحبت میکنیم که ری اکت چرا به وجود آمده و چه مشکلاتی رو حل میکنه.

10
  • تفاوت امری و اعلامی بودن

00:09:40

در این قسمت درباره تفاوت امری و اعلامی بودن صحبت خواهیم کرد.

11
  • ساختار کامپوننت

00:10:43

در این قسمت درباره کامپوننت ها و ساختار آنها صحبت خواهیم کرد.

12
  • جریان داده یک طرفه

00:07:39

در این قسمت درباره یک طرفه بودن جریان داده در ری اکت صحبت خواهیم کرد.

13
  • کتابخانه رابط کاربری

00:03:30

در این قسمت درباره مبحث آخر این فصل کتابخانه رابط کاربری صحبت خواهیم کرد.

14
  • معرفی فصل دوم

00:02:22

در این قسمت در مورد تمامی مباحثی که در فصل دوم خواهید آموخت صحبت خواهیم کرد.

15
  • آشنایی با ابزار CRA و Vite

00:10:30

در این قسمت با ابزارهای create-react-app و vite جهت ساخت محیط توسعه ری اکت آشنا خواهیم شد.

16
  • ساخت اولین پروژه ری اکتی

00:10:13

در این قسمت با نحوه ساخت اولین پروژه ری اکت توسط ابزار create-react-app به همراه توضیح فلگ های مورد استفاده صحبت خواهیم کرد.

17
  • آشنایی با ساختار پروژه ری اکتی

00:15:17

در این قسمت با ساختار یک پروژه ری اکتی ساخته شده توسط ابزار create-react-app آشنا خواهید شد.

18
  • چرا نباید Eject کنید

00:08:39

در این قسمت درباره دلیل Eject نکردن پروژه ری اکتی صحبت خواهیم کرد.

19
  • آشنایی با Layout استاندارد ری اکت

00:11:49

در این قسمت با Layout استاندارد ری اکت آشنا خواهیم شد.

20
  • معرفی فصل سوم

00:01:26

در این قسمت به معرفی فصل سوم خواهیم پرداخت و در مورد مواردی که در کنار هم خواهیم آموخت صحبت خواهیم کرد.

21
  • معرفی کامل JSX

00:06:07

در این قسمت با JSX و دلیل وجودش آشنا خواهید شد.

22
  • قوانین پایه JSX

00:07:30

در این قسمت با قوانین پایه JSX آشنا خواهید شد.

23
  • جاوااسکریپت در JSX

00:06:11

در این قسمت با نحوه نوشتن جاوااسکریپت درون JSX آشنا خواهید شد.

24
  • شرط در JSX

00:03:33

در این قسمت با نحوه پیاده سازی شرط درون JSX آشنا خواهید شد.

25
  • حلقه زدن در JSX

00:04:47

در این قسمت با نحوه پیاده سازی حلقه درون JSX آشنا خواهید شد.

26
  • معرفی فصل چهارم

00:01:34

در این قسمت در مورد تمامی مباحثی که در فصل چهارم خواهید آموخت صحبت خواهیم کرد.

27
  • کامپوننت ها

00:14:01

در این قسمت در مورد کامپوننت ها صحبت خواهیم کرد.

28
  • کامپوننت های فرزند

00:05:22

در این قسمت درباره کامپوننت های فرزند صحبت خواهیم کرد.

29
  • کامپوننت های نوع کلاسی

00:05:38

در این قسمت درباره کامپوننت های نوع کلاسی صحبت خواهیم کرد.

30
  • تفاوت کامپوننت های کلاسی با تابعی

00:05:27

در این قسمت درباره تفاوت کامپوننت های کلاسی و تابعی صحبت خواهیم کرد.

31
  • آشنایی با React Props

00:08:41

در این قسمت با React Props آشنا خواهیم شد.

32
  • Props ها تغییر ناپذیر هستند

00:04:07

در این قسمت درباره تغییر ناپذیر بودن Props ها صحبت خواهیم کرد.

33
  • انواع نوع داده Props

00:03:45

در این قسمت با انواع نوع داده ایی که میتونیم توسط Props بفرستیم صحبت خواهیم کرد.

34
  • آشنایی با Props Children

00:03:36

در این قسمت با Props Children آشنا خواهیم شد.

35
  • تعریف مقدار پیش فرض Props

00:06:58

در این قسمت با نحوه تعریف مقدار پیش فرض برای Props ها آشنا خواهیم شد.

36
  • معرفی فصل پنجم

00:02:48

در این قسمت به مواردی که در این فصل خواهیم آموخت اشاره میکنیم.

37
  • State در کامپوننت های کلاسی

00:10:03

در این قسمت با نحوه پیاده سازی State در کامپوننت های کلاسی آشنا خواهیم شد.

38
  • State در کامپوننت های تابعی

00:08:09

در این قسمت با نحوه پیاده سازی State در کامپوننت های تابعی آشنا خواهیم شد.

39
  • رویداد ها و مدیریت آنها در کامپوننت های تابعی

00:07:22

در این قسمت با رویداد ها و مدیریت آنها در کامپوننت های تابعی آشنا خواهیم شد.

40
  • رویداد ها و مدیریت آنها در کامپوننت های کلاسی

00:08:40

در این قسمت با رویداد ها و مدیریت آنها در کامپوننت های کلاسی آشنا خواهیم شد.

41
  • اعتبار سنجی Props توسط PropTypes

00:10:22

در این قسمت با نحوه اعتبار سنجی Props توسط ابزار فوق العاده PropTypes آشنا خواهیم شد.

42
  • استایل دهی در ری اکت

00:13:49

در این قسمت با نحوه استایل دهی در ری اکت آشنا خواهیم شد.

43
  • استایل دهی داینامیک در ری اکت

00:09:26

در این قسمت با نحوه استایل دهی داینامیک در ری اکت آشنا خواهیم شد.

44
  • آشنایی با CSS Module

00:08:10

در این قسمت با Css Module جهت استایل دهی در Scope یک کامپوننت آشنا خواهیم شد.

45
  • آشنایی با ابزار Classnames

00:05:36

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

46
  • معرفی فصل ششم

00:05:33

در این قسمت با تمامی مباحثی که در این فصل در کنار هم خواهیم آموخت صحبت خواهیم کرد.

47
  • آماده سازی محیط پروژه

00:15:25

در این قسمت با نحوه آماده سازی محیط پروژه آشنا خواهیم شد.

48
  • پیاده سازی Bootstrap و Font Awesome

00:17:14

در این قسمت با نحوه پیاده سازی Bootstrap به همراه FontAwesome در پروژه آشنا خواهیم شد.

49
  • اضافه کردن فونت فارسی سفارشی به پروژه

00:11:16

در این قسمت با نحوه اضافه کردن فونت های سفارشی به پروژه ری اکتی آشنا خواهیم شد.

50
  • ساخت کامپوننت های Navbar و Search

00:15:05

در این قسمت کامپوننت های Navbar و SearchContact را خواهیم ساخت .

51
  • پیاده سازی پلت رنگ های پروژه و استایل های سفارشی

00:18:56

در این قسمت به پیاده سازی پلت رنگ های پروژه به همراه استایل های سفارشی خواهیم پرداخت.

52
  • آشنایی با React Fragment

00:12:16

در این قسمت با React Fragment آشنا خواهیم شد.

53
  • ساخت کامپوننت های مخاطبین و مخاطب

00:23:36

در این قسمت به ساخت کامپوننت های مخاطبین و مخاطب ها خواهیم پرداخت .

54
  • رندر کردن شرطی

00:11:12

در این قسمت با نحوه رندر کردن شرطی در ری اکت آشنا خواهیم شد.

55
  • پیاده سازی Spinner

00:10:14

در این قسمت با نحوه پیاده سازی Spinner ها و PreLoader ها در ری اکت آشنا خواهیم شد.

56
  • راهکاری بهتر جهت Import کردن کامپوننت ها

00:09:34

در این قسمت با روشی بهتر جهت Import کردن کامپوننت ها آشنا خواهیم شد.

57
  • معرفی فصل هفتم

00:02:00

در این قسمت در مورد تمامی مباحثی که در فصل هفتم خواهید آموخت صحبت خواهیم کرد.

58
  • آشنایی با React Router و پیکربندی مسیرها

00:08:22

در این قسمت با کتابخانه معروف مسیردهی در ری اکت به نام React Router آشنا خواهیم شد و در مورد پیکربندی و نصب اولیه صحبت خواهیم کرد.

59
  • آشنایی با Link در React Router

00:11:22

در این قسمت با Link در React Router آشنا خواهیم شد.

60
  • پیاده سازی Routes و Route

00:09:02

در این قسمت با نحوه پیاده سازی Routes و Route در ری اکت توسط React Router آشنا خواهیم شد.

61
  • نمایش لیست کتاب ها و Link دادن با پارامتر

00:10:20

در این قسمت کتاب ها را لیست خواهیم کرد که هر کدام حاوی Link با پارامتر خواهند بود.

62
  • خواندن پارامتر از آدرس URL

00:16:09

در این قسمت با نحوه خواندن پارامترها از آدرس URL آشنا خواهیم شد.

63
  • ساخت و پیاده سازی مسیر Not Found

00:06:36

در این قسمت با نحوه ساخت و پیاده سازی مسیر Not Found آشنا خواهیم شد.

64
  • آشنایی و پیاده سازی NavLink در React Router

00:05:36

در این قسمت با نحوه پیاده سازی NavLink در React Router آشنا خواهیم شد.

65
  • آشنایی با هوک های useSearchParams و useLocation

00:15:30

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

66
  • آشنایی با هوک useNavigate

00:07:43

در این قسمت با یکی از هوک های فوق العاده React Router به نام useNavigate آشنا خواهیم شد.

67
  • مسیردهی پروژه مدیریت مخاطبین

00:12:28

در این قسمت به مسیردهی پروژه مدیریت مخاطبین خواهیم پرداخت.

68
  • معرفی فصل هشتم

00:02:31

در این قسمت با مباحثی که در این فصل آموزش داده خواهد شد صحبت خواهیم کرد.

69
  • آشنایی با چرخه حیات کامپوننت ها

00:12:41

در این قسمت در مورد چرخه حیات کامپوننت ها صحبت خواهیم کرد.

70
  • چرخه حیات ساخت در کامپوننت های نوع کلاسی

00:15:56

در این قسمت در مورد چرخه حیات ساخت در کامپوننت های نوع کلاسی صحبت خواهیم کرد.

71
  • چرخه حیات بروزرسانی و از نصب خارج شدن در کامپوننت های نوع کلاسی

00:25:13

در این قسمت در مورد چرخه حیات بروزرسانی و از بین رفتن در کامپوننت های کلاسی صحبت خواهیم کرد.

72
  • چرخه حیات در کامپوننت های نوع تابعی توسط هوک useEffect

00:13:06

در این قسمت در مورد چرخه حیات در کامپوننت های تابعی توسط هوک useEffect صحبت خواهیم کرد.

73
  • آشنایی و پیاده سازی سرور JSON

00:20:26

در این قسمت با نحوه پیاده سازی سرور JSON آشنا خواهید شد.

74
  • دریافت و نمایش مخاطبین به همراه گروه ها از سرور JSON

00:13:57

در این قسمت با نحوه دریافت مخاطبین و گروه ها از سرور JSON به همراه نمایش مخاطبین آشنا خواهید شد.

75
  • ساخت سرویس های ارتباط با سرور JSON توسط Axios

00:11:46

در این قسمت با نحوه ساخت سرویس های ارتباط با سرور توسط ابزار فوق العاده axios آشنا خواهید شد.

76
  • پیاده سازی کامپوننت ساخت مخاطب

00:27:48

در این قسمت با نحوه پیاده سازی کامپوننت ساخت مخاطب جدید آشنا خواهیم شد.

77
  • پیاده سازی کامپوننت اطلاعات کامل مخاطب

00:17:21

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

78
  • پیاده سازی کامپوننت ویرایش مخاطب

00:13:36

در این قسمت با نحوه پیاده سازی و ساخت کامپوننت ویرایش مخاطب آشنا خواهید شد.

79
  • پیاده سازی Alert برای حذف مخاطب

00:23:21

در این قسمت با نحوه ساخت Alert تایید برای حذف مخاطب آشنا خواهید شد.

80
  • پیاده سازی جستجوی مخاطبین

00:15:53

در این قسمت با نحوه پیاده سازی جستجوی مخاطبین آشنا خواهید شد.

81
  • معرفی فصل نهم

00:01:41

در این قسمت با تمامیه مباحثی که در این فصل خواهید آموخت صبحت خواهیم کرد.

82
  • آشنایی با Context API

00:13:22

در این قسمت با Context API در ری اکت آشنا خواهیم شد.

83
  • استفاده از Context API در پروژه مدیریت کننده مخاطبین بخش اول

00:30:01

در این قسمت به ریفکتور کردن پروژه مدیریت کننده مخاطبین خواهیم پرداخت و همچنین از Context API بهره خواهیم برد.

84
  • استفاده از Context API در پروژه مدیریت کننده مخاطبین بخش دوم

00:21:50

در این قسمت به ریفکتور کردن پروژه مدیریت کننده مخاطبین خواهیم پرداخت و همچنین از Context API بهره خواهیم برد.

85
  • استفاده از Context API در پروژه مدیریت کننده مخاطبین بخش سوم

01:03:44

در این قسمت به ریفکتور کردن پروژه مدیریت کننده مخاطبین خواهیم پرداخت و همچنین از Context API بهره خواهیم برد.

86
  • هوک useRef

00:39:21

در این قسمت با یکی از هوک های فوق العاده ری اکت با نام useRef آشنا خواهیم شد.

87
  • هوک useMemo

00:26:30

در این قسمت با یکی از هوک های فوق العاده ری اکت با نام useMemo آشنا خواهید شد.

88
  • هوک useCallback

00:14:23

در این قسمت با هوک useCallback یکی از هوک هایی که بسیار توسط توسعه دهندگان ری اکت مورد استفاده قرار میگیره آشنا خواهیم شد.

89
  • هوک useReducer

00:37:29

در این قسمت با یکی از هوک های فوق العاده ری اکت به نام useReducer آشنا خواهیم شد.

90
  • هوک useLayoutEffect

00:18:44

در این قسمت با یکی دیگر از هوک های ری اکت به نام useLayoutEffect آشنا خواهید شد.

91
  • هوک useImperativeHandle

00:17:18

در این قسمت با یکی دیگر از هوک های فوق العاده ری اکتی به نام useImperativeHandle آشنا خواهیم شد.

92
  • هوک useDeferredValue

00:20:11

در این قسمت با یکی دیگر از هوک های فوق العاده ری اکتی با نام useDeferredValue آشنا خواهیم شد که این هوک به همراه هوک useTransition در ورژن ۱۸ ری اکت معرفی شدن.

93
  • هوک useTransition

00:15:02

در این قسمت با یکی از هوک های فوق العاده دیگه به نام useTransition آشنا خواهیم شد که یکی از هوک های جدید هست که در ورژن ۱۸ ری اکت معرفی شد.

94
  • ساخت هوک های سفارشی

00:21:22

در این قسمت با نحوه ساخت هوک های سفارشی آشنا خواهیم شد.

95
  • هوک های useDebugValue و useId

00:16:20

در این قسمت با هوک های useDebugValue و useId آشنا خواهیم شد به همراه صحبت های پایانی این فصل.

96
  • معرفی فصل دهم

00:02:38

در این قسمت با تمام مواردی که در این فصل خواهید آموخت آشنا خواهیم شد.

97
  • آشنایی کامل با StrictMode

00:12:00

در این قسمت با StrictMode به طور کامل آشنا خواهیم شد .

98
  • آشنایی با Debounce

00:20:18

در این قسمت با Debounce کردن و منطق و پیاده سازی آن در ری اکت آشنا خواهید شد.

99
  • آشنایی با Throttle

00:09:16

در این قسمت با Throttle و نحوه پیاده سازی آن در ری اکت آشنا خواهیم شد.

100
  • کتابخانه Lodash

00:15:29

در این قسمت با یکی از کتابخانه های معروف و فوق العاده به نام Lodash آشنا خواهیم شد.

101
  • اعتبارسنجی فرم ها توسط YUP

00:30:58

در این قسمت با یک کتابخانه فوق العاده به نام Yup جهت اعتبارسنجی فرم ها در ری اکت و ری اکت نیتیو آشنا خواهیم شد.

102
  • ساخت و اعتبارسنجی فرم ها توسط Formik بخش اول

00:24:39

در این قسمت با یکی از کامپوننت های بسیار پرطرفدار و کاربردی برای ساخت و اعتبارسنجی فرم ها به نام Formik آشنا خواهیم شد.

103
  • ساخت و اعتبارسنجی فرم ها توسط Formik بخش دوم

00:31:03

در این قسمت با یکی از کامپوننت های بسیار پرطرفدار و کاربردی برای ساخت و اعتبارسنجی فرم ها به نام Formik آشنا خواهیم شد.

104
  • آشنایی با Shallow Copy و Deep Copy

00:18:10

در این قسمت با مباحث مهمی از جمله Shallow Copy و Deep Copy آشنا خواهیم شد.

105
  • آشنایی و استفاده از ImmerJs

00:28:19

در این قسمت با یک کتابخانه فوق العاده به نام ImmerJs آشنا خواهیم شد.

106
  • آشنایی و استفاده از React Toastify

00:18:10

در این قسمت با یکی از کامپوننت های فوق العاده برای نمایش Toast در اپلیکیشن به نام React Toastify آشنا خواهید شد.

107
  • آشنایی و استفاده از React Hot Toast

00:11:26

در این قسمت با یکی از کامپوننت های فوق العاده برای نمایش Toast در اپلیکیشن با نام React Hot Toast آشنا خواهید شد.

108
  • معرفی فصل یازدهم

00:02:41

در این قسمت با تمامیه مواردی که در فصل یازدهم تدریس خواهد شد صحبت میکنیم.

109
  • آشنایی با Browsers List

00:17:13

در این قسمت با ابزار فوق العاده Browsers List آشنا خواهیم شد.

110
  • آشنایی با Concurrently

00:13:20

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

111
  • Build کردن پروژه مخاطبین و آشنایی با Serve

00:17:39

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

112
  • آنلاین کردن وب اپلیکیشن مخاطبین در هاست سی پنل

00:16:43

در این قسمت با نحوه آنلاین کردن وب اپلیکیشن های ری اکتی در هاست های سی پنل آشنا خواهید شد.

113
  • آنلاین کردن JSON Server در هاست سی پنل NodeJs

00:19:01

در این قسمت با نحوه آنلاین کردن بک اند پروژه مخاطبین JSON Server در هاست سی پنل NodeJs آشنا خواهید شد.

114
  • آنلاین کردن پروژه مخاطبین در گیت هاب

00:34:55

در این قسمت با نحوه آنلاین کردن رایگان پروژه مخاطبین در پلتفرم پرطرفدار گیت هاب آشنا خواهیم شد.

115
  • آنلاین کردن پروژه مخاطبین در پلتفرم ابری Heroku

00:26:33

در این قسمت با نحوه آنلاین کردن پروژه مخاطبین در پلتفرم ابری فوق العاده Heroku آشنا خواهیم شد.

116
  • آنلاین کردن پروژه مخاطبین در پلتفرم Vercel

00:15:25

در این قسمت با نحوه آنلاین کردن پروژه مخاطبین در پلتفرم فوق العاده Vercel آشنا خواهیم شد.

117
  • معرفی فصل دوازدهم

00:01:41

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

118
  • کامپوننت های مرتبه بالا HOC

00:14:19

در این قسمت با کامپوننت های مرتبه بالا Higher Order Component آشنا خواهید شد.

119
  • آشنایی با Portals

00:14:05

در این قسمت با Portals آشنا خواهید شد.

120
  • آشنایی با کامپوننت های Controlled و Uncontrolled

00:21:05

در این قسمت با کامپوننتهای کنترل شده Controlled و همچنین با کامپوننتهای کنترل نشده Uncontrolled آشنا خواهید شد.

121
  • آشنایی با Code Splitting و Async Importing برای Export های Default و Named

00:20:50

در این قسمت با یکی از مباحث فوق العاده دنیای ری اکت به نام Code Splitting آشنا خواهیم شد که باهم یاد خواهیم گرفت به چه صورتی کدهای نوشته شده را به صورت Async وارد کنیم توسط import

122
  • آشنایی با Code Splitting و React Lazy Import

00:14:22

در این قسمت با نحوه Load کردن کامپوننت ها به صورت Async توسط React Lazy آشنا خواهیم شد.

123
  • آشنایی با Error Boundary

00:19:19

در این قسمت با یکی از نکات مهم جهت مدیریت خطاها به نام Error Boundary آشنا خواهید شد.

124
  • آشنایی با React Helmet Async

00:11:40

در این قسمت با یکی از کامپوننت هایی که در تمامی وب اپلیکیشن هایی که میسازید یکی از الزامات هست به نام React Helmet آشنا خواهید شد.

125
  • آشنایی با React Icons

00:10:09

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

126
  • معرفی فصل سیزدهم

00:09:37

در این قسمت درباره تمامیه مباحثی که در این فصل قرار هست یاد بگیرید صحبت خواهیم کرد.

127
  • ساخت محیط توسعه و نصب وابستگی های پروژه

00:07:02

در این قسمت به آماده سازی محیط توسعه و نصب وابستگی ها پروژه خواهیم پرداخت.

128
  • راست چین کردن Material UI

00:15:20

در این قسمت با نحوه راست چین کردن Material UI آشنا خواهیم شد.

129
  • اضافه کردن فونت فارسی سفارشی به Material UI

00:10:25

در این قسمت با نحوه اضافه کردن فونت فارسی به Material UI آشنا خواهیم شد.

130
  • آشنایی با کامپوننت های AppBar و Toolbar

00:23:05

در این قسمت با کامپوننت هایی که بی شک در هر وب اپلیکیشنی مورد استفاده قرار میگیره برای ساخت Navbar آشنا خواهیم شد .

131
  • آشنایی بیشتر با MUI Theme

00:15:48

در این قسمت با تم پیش فرض MUI بیشتر آشنا خواهیم شد.

132
  • آشنایی با کامپوننت Typography

00:10:17

در این قسمت با کامپوننت Typography بیشتر آشنا خواهیم شد.

133
  • آشنایی با Layout ها

00:10:52

در این قسمت با یکی از ساختارهای فوق العاده به نام Layout آشنا خواهیم شد.

134
  • سفارشی سازی استایل کامپوننت ها

00:11:32

در این قسمت در مورد نحوه سفارشی سازی کامپوننت ها آشنا خواهیم شد.

135
  • نحوه استایل دهی در MUI

00:16:18

در این قسمت در مورد نحوه استایل دهی در MUI صحبت خواهیم کرد.

136
  • پیدا کردن استایل پیش فرض و تغییر آن

00:14:29

در این قسمت با نحوه پیدا کردن استایل های پیش فرض آشنا خواهیم شد و همچنین در مورد برخی مشکلاتی که در پروژه هست صحبت خواهیم کرد.

137
  • کامپوننت Button

00:10:13

در این قسمت در مورد کامپوننت Button و تمام قابلیت های آن صحبت خواهیم کرد.

138
  • آشنایی با SX Prop

00:09:35

در این قسمت با یکی از پراپ های فوق العاده در MUI که در اکثر کامپوننت ها مورد استفاده قرار میگیره آشنا خواهیم شد.

139
  • آشنایی با کامپوننت Grid

00:17:36

در این قسمت با یکی از مهمترین کامپوننت های MUI به نام Grid آشنا خواهید شد.

140
  • رسپانسیو کردن Grid

00:09:46

در این قسمت با نحوه رسپانسیو کردن Grid ها آشنا خواهیم شد.

141
  • آشنایی با کامپوننت Avatar

00:12:55

در این قسمت ساخت سایدبار پروژه رو شروع خواهیم کرد و با کامپوننت ها Avatar و Divider آشنا خواهیم شد.

142
  • آشنایی با کامپوننت Hidden

00:07:49

در این قسمت با یکی از کامپوننت های فوق العاده به نام Hidden آشنا خواهیم شد.

143
  • آشنایی با کامپوننت Tabs

00:22:21

در این قسمت با یکی از کامپوننت های فوق العاده MUI با نام Tabs آشنا خواهید شد.

144
  • پیاده سازی Tabs در Sidebar

00:30:01

در این قسمت در مورد پیاده سازی Tabs در سایدبار ساخته شده صحبت خواهیم کرد.

145
  • پیاده سازی کامپوننت سفارشی TabPanel بخش اول

00:18:23

در این قسمت برای نمایش کامپوننت ها در زمان کلیک بر روی Tab ها نیازمند ساخت یک کامپوننت سفارشی هستیم که در این قسمت به ساخت این کامپوننت خواهیم پرداخت.

146
  • پیاده سازی کامپوننت سفارشی TabPanel بخش دوم

00:21:40

در این قسمت برای نمایش کامپوننت ها در زمان کلیک بر روی Tab ها نیازمند ساخت یک کامپوننت سفارشی هستیم که در این قسمت به ساخت این کامپوننت خواهیم پرداخت.

147
  • آشنایی با کامپوننت Navigation Drawer

00:17:17

در این قسمت با کامپوننت محبوب Drawer آشنا خواهید شد.

148
  • نحوه پیاده سازی Navigation Drawer

00:25:46

در این قسمت با نحوه پیاده سازی کامپوننت محبوب Drawer آشنا خواهید شد.

149
  • آشنایی با کامپوننت Floating Action Button

00:14:23

در این قسمت با کامپوننت FAB یا Floating Action Button آشنا خواهیم شد .

150
  • استفاده از پراپ sx به جای کامپوننت Hidden

00:07:42

کامپوننت Hidden در ورژن جدید MUI منسوخ شده چون کاری که انجام میداد توسط پراپ sx قابل انجام هست و در این قسمت در این مورد صحبت خواهیم کرد که به جای استفاده از کامپوننت Hidden توسط پراپ sx عملیات مخفی سازی رو انجام بدیم.

151
  • نحوه تغییر ارتفاع Tabها

00:13:55

در این قسمت به حل چندین مشکل خواهیم پرداخت از جمله حل مشکل ارتفاع Tabها در Sidebar به همراه حل مشکل رنگ پس زمینه Floating Action Button.

152
  • مخفی کردن Drawer با کلیک روی Tab

00:06:17

یکی از مواردی که نیاز بود انجام بشه این هست که در زمان باز شدن Drawer با کلیک یا انتخاب یکی از گزینه ها یا یک Tab باید کاری کنیم Drawer اتوماتیک بسته بشه.

153
  • آشنایی با ساختاردهی بهتر فولدرها و ریفکتور کردن کامپوننت ها بخش اول

00:25:08

در این قسمت با نحوه ساختار دهی بهتر فولدر ها آشنا خواهیم شد و همچنین به ریفکتور کردن کامپوننت های نوشته شده خواهیم پرداخت.

154
  • آشنایی با ساختاردهی بهتر فولدرها و ریفکتور کردن کامپوننت ها بخش دوم

00:15:14

در این قسمت با نحوه ساختار دهی بهتر فولدر ها آشنا خواهیم شد و همچنین به ریفکتور کردن کامپوننت های نوشته شده خواهیم پرداخت.

155
  • آشنایی با ساختاردهی بهتر فولدرها و ریفکتور کردن کامپوننت ها بخش سوم

00:25:20

در این قسمت با نحوه ساختار دهی بهتر فولدر ها آشنا خواهیم شد و همچنین به ریفکتور کردن کامپوننت های نوشته شده خواهیم پرداخت.

156
  • پیاده سازی Context API

00:19:54

در این قسمت با نحوه پیاده سازی Context API در پروژه وب سایت شخصی آشنا خواهیم شد.

157
  • نحوه ریفکتور Tabها

00:12:44

در این قسمت در مورد حلقه زدن و نمایش Tabها صحبت خواهیم کرد.

158
  • نحوه پیاده سازی صفحات

00:25:36

در این قسمت درباره نحوه پیاده سازی صفحات صحبت خواهیم کرد.

159
  • پیاده سازی انیمیشن توسط Swipeable Views

00:17:12

در این قسمت با استفاده از react-swipeable-views برای جابه جایی بین صفحات انیمیشن قرار خواهیم داد.

160
  • پیاده سازی انیمیشن تایپ متن در صفحه اصلی

00:31:39

در این قسمت روی صفحه اصلی کار خواهیم کرد و در مورد نحوه پیاده سازی متن متحرک با انیمیشن تایپ صحبت خواهیم کرد.

161
  • پیاده سازی Particles یا ذرات متحرک در پس زمینه صفحه اصلی

00:20:53

در این قسمت درباره نحوه پیاده سازی ذرات متحرک انیمیشن دار در پس زمینه توسط react-particles صحبت خواهیم کرد.

162
  • پیاده سازی و نمایش اطلاعات توسعه دهنده در صفحه درباره من

00:30:00

در این قسمت به نحوه پیاده سازی اطلاعات توسعه دهنده در صفحه درباره من خواهیم پرداخت.

163
  • پیاده سازی و نمایش مهارت های توسعه دهنده در صفحه درباره من

00:30:05

در این قسمت با نحوه نمایش مهارت های توسعه دهنده با استفاده از LinearProgress آشنا خواهیم شد.

164
  • نحوه متحرک سازی Linear Progress در زمان Mount شدن

00:15:08

در این قسمت با نحوه انیمیشن دادن به صورت دستی به Linear Progress جهت نمایش مهارت توسعه دهنده آشنا خواهیم شد.

165
  • قابلیت Scroll کردن بدون نمایش Scrollbar

00:07:44

در این قسمت در مورد سرریز شدن درون Card در صفحه درباره من صحبت خواهیم کرد که به چه صورت کنترل کنیم و با نحوه مخفی کردن scrollbar آشنا خواهیم شد.

166
  • اضافه کردن Particle و فونت جدید به همراه ریفکتور آیکون ها

00:18:44

در این قسمت یک فونت جدید و یک Particle جدید به پروژه اضافه خواهیم کرد و همچنین چندین ریفکتور هم برای بهتر شدن خوانایی کدها خواهیم داشت.

167
  • آشنایی با کامپوننت react-text-transition

00:16:20

در این قسمت با یک کامپوننت جدید به نام react-text-transition آشنا خواهیم شد.

168
  • آشنایی با کامپوننت react-random-reveal

00:17:36

در این قسمت با کامپوننت react-random-reveal آشنا خواهیم شد.

169
  • پیکربندی React Helmet

00:06:08

در این قسمت در مورد پیکربندی Helmet برای این پروژه صحبت خواهیم کرد.

170
  • اضافه کردن شبکه های اجتماعی

00:14:51

در این قسمت با نحوه اضافه کردن شبکه های اجتماعی توسعه دهنده به صورت آیکون در سایدبار آشنا خواهیم شد.

171
  • اضافه کردن اطلاعات بیشتر به درباره من و آشنایی با react-countup

00:21:23

در این قسمت با کامپوننت react-countup آشنا خواهیم شد و به صفحه درباره من توضیحات بیشتری جهت یادگیری موارد جدید اضافه خواهیم کرد.

172
  • آشنایی با هوک های useMediaQuery و useTheme

00:09:00

در این قسمت با هوک های useMediaQuery و useTheme جهت مخفی کردن Drawer آشنا خواهیم شد.

173
  • آشنایی با کامپوننت Timeline

00:35:10

در این قسمت با کامپوننت Timeline آشنا خواهیم شد و به ساخت صفحه رزومه من خواهیم پرداخت.

174
  • آشنایی با Transitions در MUI

00:13:28

در این قسمت درباره Transition های آماده در Material UI صحبت خواهیم کرد.

175
  • پیاده سازی صفحه دوره های من

00:24:51

در این قسمت با نحوه پیاده سازی صفحه دوره های من آشنا خواهیم شد.

176
  • پیاده سازی صفحه نظرات دانشجویان و آشنایی با react-slick

00:22:16

در این قسمت به پیاده سازی صفحه نظرات دانشجویان خواهیم پرداخت و همچنین با کامپوننت فوق العاده react-slick برای ساخت carousel نیز آشنا خواهیم شد.

177
  • نحوه مدیریت تم تیره و روشن

00:21:23

در این قسمت درباره نحوه مدیریت تم تیره و روشن صحبت خواهیم کرد.

178
  • نحوه تشخیص تم مورد پسند کاربر

00:14:24

در این قسمت با نوشتن تکه کدی بررسی میکنیم که تم مورد پسند کاربر تیره هست یا روشن بر اساس تم سیستم عامل و مرورگر کاربر

179
  • ساخت صفحه ارتباط با من

00:27:49

در این قسمت با نحوه ساخت صفحه ارتباط با من آشنا خواهید شد.

180
  • نحوه استفاده از Formik و Yup در MUI

00:13:33

در این قسمت با نحوه پیکربندی Formik و Yup جهت پیاده سازی form در MUI آشنا خواهیم شد.

181
  • نحوه پیاده سازی Google Recaptcha

00:13:46

در این قسمت با نحوه قرار دادن Google Recaptcha در فرم ارتباط با من و همچنین با اعتبار سنجی آن توسط Formik و Yup آشنا خواهید شد.

182
  • متغییرهای محیطی در ری اکت

00:14:56

در این قسمت درباره نحوه نگهداری ایمن کلیدها و توکن ها صحبت خواهیم کرد و همچنین درباره ایجاد متغییر محیطی در ری اکت آشنا خواهیم شد.

183
  • ریفکتور نهایی پروژه وب سایت شخصی بخش اول

00:18:35

در این قسمت به ریفکتور نهایی پروژه وب سایت شخصی خواهیم پرداخت .

184
  • ریفکتور نهایی پروژه وب سایت شخصی بخش دوم

00:21:32

در این قسمت به ریفکتور نهایی پروژه وب سایت شخصی خواهیم پرداخت.

185
  • ریفکتور نهایی پروژه وب سایت شخصی بخش سوم

00:20:00

در این قسمت به ریفکتور نهایی پروژه وب سایت شخصی خواهیم پرداخت.

186
  • آنلاین کردن پروژه وب سایت شخصی

00:11:46

در این قسمت با نحوه پابلیش و آنلاین کردن پروژه وب سایت شخصی آشنا خواهیم شد.

187
  • سخنان پایانی فصل و قرار دادن پروژه در انباره گیت هاب

00:27:35

در این قسمت در مورد ادامه مسیر صحبت خواهیم کرد و همچنین پروژه وب سایت شخصی را در انباره گیت هاب قرار خواهیم داد.

188
  • معرفی فصل چهاردهم

00:02:30

در این قسمت به معرفی فصل چهاردهم خواهیم پرداخت.

189
  • آشنایی با ابزار ساخت فوق العاده ViteJs

00:21:35

در این قسمت با ابزار ساخت فوق العاده ViteJs آشنا خواهید شد.

190
  • ریداکس چیست و چرا باید استفاده شود

00:16:38

در این قسمت در مورد ریداکس صحبت خواهیم کرد که چیست و چرا باید مورد استفاده قرار بگیرد.

191
  • اصطلاحات ریداکسی بخش اول

00:33:13

در این قسمت در مورد اصطلاحات ریداکسی آشنا خواهیم شد.

192
  • اصطلاحات ریداکسی بخش دوم

00:18:47

در این قسمت در مورد اصطلاحات ریداکسی آشنا خواهیم شد.

193
  • جریان داده ریداکس

00:09:00

در این قسمت در مورد جریان داده در ریداکس صحبت خواهیم کرد.

194
  • آشنایی با Redux Slice

00:19:39

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

195
  • نحوه Provide کردن Store

00:13:26

در این قسمت با نحوه Provide کردن Store در اپلیکیشن های ری اکتی آشنا خواهیم شد.

196
  • آشنایی با هوک های useSelector و useDispatch

00:19:25

در این قسمت با ۲ هوک useSelector و useDispatch جهت ارتباط برقرار کردن با store آشنا خواهیم شد.

197
  • آشنایی با Redux Thunk

00:20:39

در این قسمت با قابلیت ناهمزمانی در ریداکس توسط Redux Thunk آشنا خواهید شد.

198
  • آماده سازی محیط پروژه وبلاگ ساده ریداکسی

00:25:33

در این قسمت به آماده سازی محیط توسعه پروژه جدید این فصل برای درک بهتر ریداکس توسط استفاده از json-server خواهیم پرداخت.

199
  • پیکربندی مسیرها توسط RRD

00:14:59

در این قسمت به پیکربندی مسیرها توسط react-router-dom خواهیم پرداخت.

200
  • ساخت ریداکس Store و BlogSlice

00:13:10

در این قسمت درباره ساخت ریداکس Store و همچنین blogSlice صحبت خواهیم کرد.

201
  • ساخت کامپوننت نمایش پست ها BlogsList

00:09:49

در این قسمت کامپوننت نمایش پست ها BlogsList را خواهیم ساخت.

202
  • ساخت کامپوننت SingleBlogPage

00:09:56

در این قسمت کامپوننت SingleBlogPage را در کنار هم خواهیم ساخت.

203
  • ساخت کامپوننت ایجاد پست جدید createBlogForm

00:20:51

در این قسمت با ساخت کامپوننت برای ساخت پست جدید آشنا خواهیم شد.

204
  • آشنایی با کال بک Prepare

00:12:56

در این قسمت با کال بک Prepare آشنا خواهید شد.

205
  • ساخت کامپوننت ویرایش پست EditBlogForm

00:18:59

در این قسمت با نحوه ساخت کامپوننت برای ویرایش پست آشنا خواهید شد.

206
  • پیاده سازی پاک کردن پست

00:14:42

در این قسمت با نحوه پاک کردن پست ها و همچنین با Selector ها نیز آشنا خواهید شد.

207
  • نمایش تاریخ در هر پست

00:14:02

در این قسمت با استفاده از کتابخانه date-fns-jalali با نمایش تاریخ در پست ها آشنا خواهیم شد.

208
  • نحوه مرتب سازی پست ها بر اساس تاریخ

00:06:40

در این قسمت با نحوه مرتب سازی پست ها بر اساس تاریخ آشنا خواهیم شد.

209
  • پیاده سازی userSlice و نمایش نویسنده ها در هر پست

00:12:37

در این قسمت با نحوه نمایش نویسنده ها در هر پست و همچنین با نحوه ساخت userSlice آشنا خواهیم شد.

210
  • نمایش نویسنده ها در کامپوننت ساخت پست جدید

00:12:29

در این قسمت با نحوه نمایش نویسنده ها در کامپوننت ساخت پست جدید و ثبت آن در Store ریداکس آشنا خواهیم شد.

211
  • ساخت کامپوننت ReactionButtons

00:20:07

در این قسمت با نحوه ساخت دکمه هایی برای ثبت بازخورد کاربران آشنا خواهیم شد.

212
  • آشنایی با createAsyncThunk Api

00:31:56

در این قسمت با createAsyncThunk Api و همچنین با نحوه دریافت کاربران از Api آشنا خواهیم شد.

213
  • آشنایی با تابع extraReducer

00:14:55

در این قسمت برای رسیدگی به اکشن های ارسالی توسط Thunk های ساخته شده توسط createAsyncThunk از تابع extraReducer استفاده خواهیم کرد.

214
  • گرفتن پست ها از سرور و نمایش آنها در BlogsList

00:16:18

در این قسمت با نحوه دریافت پست ها از Api آشنا خواهیم شد.

215
  • ساخت کامپوننت Spinner

00:07:36

در این قسمت به ساخت کامپوننت Spinner جهت نمایش در زمان دریافت اطلاعات از سرور خواهیم پرداخت.

216
  • نحوه ساخت پست جدید در سرور

00:11:59

در این قسمت با نحوه ارسال و ساخت پست جدید در سرور آشنا خواهیم شد.

217
  • آشنایی با تابع Current و پاک کردن پست

00:17:55

در این قسمت با نحوه پاک کردن پست از سرور و همچنین تابع current آشنا خواهیم شد.

218
  • ویرایش پست در سرور و ریفکتور BlogsList

00:14:36

در این قسمت با نحوه ویرایش پست در سرور و همچنین ریفکتور کامپوننت ‌‌BlogsList آشنا خواهیم شد.

219
  • ساخت کامپوننت نمایش نویسندگان

00:07:58

در این قسمت با نحوه ساخت کامپوننت UsersList آشنا خواهیم شد

220
  • ساخت کامپوننت نمایش پست های نویسنده

00:11:22

در این قسمت با نحوه نمایش پست های نویسنده در کامپوننت UserPage آشنا خواهیم شد

221
  • پیاده سازی ساخت و حذف نویسنده در کامپوننت UsersList

00:16:59

در این قسمت با نحوه ساخت و حذف نویسنده ها در کامپوننت UsersList آشنا خواهیم شد.

222
  • آشنایی با تابع createSelector

00:16:49

در این قسمت با یکی از توابع کتابخانه Reselect به نام createSelector برای ساخت Selector های Memoize شده آشنا خواهیم شد.

223
  • نحوه بررسی رندرهای مجدد اضافه

00:18:20

در این قسمت با نحوه پیدا کردن رندرهای مجدد اضافه با استفاده از Profiler افزونه React DevTools آشنا خواهیم شد

224
  • آشنایی با نحوه عادی سازی داده ها Normalizing

00:16:23

در این قسمت با Normalizing Data یا عادی سازی داده ها آشنا خواهید شد.

225
  • آشنایی با createEntityAdaptor

00:18:19

در این قسمت با یکی از توابع RTK با نام createEntityAdaptor جهت عادی سازی داده ها آشنا خواهیم شد.

226
  • تبدیل userSlice به استفاده از createEntityAdaptor

00:11:43

در این قسمت به ادامه قسمت قبلی خواهیم پرداخت و userSlice رو تبدیل خواهیم کرد

227
  • آشنایی با RTK Query

00:16:04

در این قسمت در مورد RTK Query صحبت خواهیم کرد

228
  • پیکربندی Store برای Api

00:07:23

در این قسمت به پیکربندی Store برای قرار دادن apiSlice خواهیم پرداخت

229
  • نمایش پست ها توسط کوئری ها

00:11:33

در این قسمت با نحوه نمایش تمامی پست ها توسط کوئری ها آشنا خواهیم شد

230
  • نمایش تک پست ها توسط کوئری

00:07:30

در این با نحوه نمایش تک پست ها توسط کوئری ها آشنا خواهیم شد

231
  • ساخت پست ها توسط Mutations

00:09:17

در این قسمت با نحوه ساخت پست جدید توسط Mutation ها آشنا خواهیم شد

232
  • آشنایی با نحوه ریفرش کش

00:06:26

در این قسمت با نحوه ریفرش کش ها آشنا خواهیم شد

233
  • آشنایی با برچسب ها و بی اعتبار سازی کش ها

00:06:44

در این قسمت با نحوه بی اعتبار سازی کش ها توسط برچسب ها آشنا خواهیم شد.

234
  • ویرایش پست با استفاده از RTK Query

00:13:44

در این قسمت با نحوه ویرایش پست ها توسط RTK Query آشنا خواهیم شد

235
  • بی اعتبار سازی تگ های خاص

00:23:24

در این قسمت با نحوه بی اعتبار سازی تگ های خاص آشنا خواهید شد

236
  • مدیریت User Data

00:10:17

در این قسمت با نحوه مدیریت داده های کاربران توسط RTK Query آشنا خواهیم شد

237
  • استفاده از تابع Select برای User Data

00:08:38

در این قسمت با استفاده از تابع Select از RTK Query آشنا خواهیم شد

238
  • آشنایی با Injecting Endpoints

00:08:49

در این قسمت با نحوه Inject کردن Endpoint ها آشنا خواهید شد

239
  • آشنایی با Transform Response

00:13:42

در این قسمت با نحوه تغییر Response آشنا خواهیم شد

240
  • آشنایی با نحوه انتخاب مقادیر از Response

00:10:00

در این قسمت با نحوه انتخاب مقادیر از درون response برگشتی آشنا خواهیم شد

241
  • تغییرات نهایی و ادامه مسیر

00:15:19

در این قسمت روی برخی تغییراتی مه نیاز هست کار خواهیم کرد و همچنین در مورد ادامه مسیر نیز صحبت میکنیم

242
  • معرفی فصل پانزدهم

00:05:09

معرفی فصل پانزدهم

243
  • آشنایی با ساختار پروژه

00:10:08

در این قسمت با ساختار محیط توسعه و پروژه آشنا خواهیم شد

244
  • آشنایی با TailwindCss

00:11:03

در این قسمت با TailwindCss و نحوه پیکربندی آن در پروژه آشنا خواهیم شد

245
  • پیاده سازی Product Slice

00:09:27

در این قسمت با نحوه پیاده سازی Product Slice آشنا خواهیم شد

246
  • پیاده سازی Product Api

00:05:03

در این قسمت با نحوه پیاده سازی Product Api آشنا خواهیم شد

247
  • پیاده سازی Cart Slice

00:19:22

در این قسمت با نحوه پیاده سازی Cart Slice آشنا خواهید شد

248
  • پیکربندی Store

00:06:36

در این قسمت با نحوه پیکربندی Store آشنا خواهید شد

249
  • ساخت MainLayout و NavBar

00:06:56

در این قسمت با نحوه ساخت کامپوننتهای MainLayout و NavBar آشنا خواهید شد

250
  • ساخت کامپوننت Header

00:04:33

در این قسمت با نحوه ساخت کامپوننت هدر پروژه آشنا خواهید شد

251
  • لیست کردن محصولات

00:07:00

در این قسمت با نحوه لیست کردن محصولات در صفحه اصلی آشنا خواهید شد.

252
  • آشنایی با React Number Format

00:05:49

در این قسمت در مورد نحوه فرمت کردن اعداد توسط react-number-format آشنا خواهیم شد

253
  • پیکربندی مسیرها

00:14:06

در این قسمت با نحوه پیکربندی مسیرها در پروژه آشنا خواهید شد.

254
  • ساخت کامپوننت اطلاعات محصول

00:11:05

در این قسمت به ساخت صفحه اطلاعات محصول خواهیم پرداخت.

255
  • ساخت سبد خرید

00:09:54

در این قسمت به ساخت سبد خرید پروژه خواهیم پرداخت

256
  • پیاده سازی افزایش و کاهش و حذف محصول در سبد خرید

00:10:14

در این قسمت به هرچه کاملتر کردن سبد خرید خواهیم پرداخت

257
  • حل مشکل کاهش و افزایش تعداد محصولات

00:14:11

در این قسمت به حل مشکل کاهش و افزایش تعداد محصولات خواهیم پرداخت

258
  • آشنایی با نحوه صفحه بندی Pagination

00:26:47

در این قسمت با نحوه صفحه بندی Pagination آشنا خواهید شد.

259
  • استفاده از EntityAdapter

00:26:37

در این قسمت با نحوه پیاده سازی EntityAdapter در سبد خرید آشنا خواهیم شد.

260
  • استفاده از RTKQuery

00:12:27

در این قسمت با نحوه استفاده از RTKQuery آشنا خواهیم شد.

261
  • معرفی فصل شانزدهم

00:02:08

معرفی فصل شانزدهم

262
  • آشنایی با مفاهیم اولیه نکست جی اس بخش اول

00:17:54

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

263
  • آشنایی با مفاهیم اولیه نکست جی اس بخش دوم

00:22:48

در این قسمت با مفاهیم اولیه نکست جی اس آشنا خواهیم شد

264
  • تبدیل محیط توسعه ری اکتی به نکست جی اس

00:13:04

در این قسمت با نحوه ساخت محیط توسعه نکست جی اس به صورت دستی آشنا خواهیم شد

265
  • ساخت محیط توسعه نکست جی اس توسط CNA

00:08:11

در این قسمت با نحوه ساخت محیط توسعه نکست جی اس توسط create-next-app آشنا خواهید شد

266
  • آشنایی با ساختار پروژه NextJs

00:11:05

در این قسمت با ساختار پروژه ساخته شده توسط create-next-app آشنا خواهیم شد

267
  • آشنایی مقدماتی مسیریابی در NextJs

00:21:20

در این قسمت با نحوه Routing در NextJs صحبت خواهیم کرد

268
  • آشنایی با کامپوننت Link

00:12:08

در این قسمت با کامپوننت Link که جهت پیمایش در نکست جی اس مورد استفاده قرار میگیره آشنا خواهیم شد

269
  • آشنایی با کامپوننت های سرور و کلاینت

00:16:50

در این قسمت درباره کامپوننت های سرور و کلاینت که برای ادامه یادگیری نکست جی اس بسیار مهم هست صحبت خواهیم کرد

270
  • آشنایی با Metadata Api

00:12:15

در این قسمت در مورد Metadata Api صحبت خواهیم کرد تا به چگونه به بهترین شکل ممکن Metadata اپلیکیشن خودمون رو مدیریت کنیم

271
  • آشنایی با هوک useRouter

00:04:24

در این قسمت با هوک useRouter که برای پیمایش از طریق کد در اپلیکیشن پیاده سازی میشه آشنا خواهیم شد

272
  • آشنایی با Route Groups

00:16:36

در این قسمت با نحوه گروه بندی مسیرها توسط Route Groups آشنا خواهیم شد

273
  • آشنایی با Dynamic Routes

00:10:20

در این قسمت با نحوه پیاده سازی مسیرهای داینامیک آشنا خواهیم شد

274
  • آشنایی با Generating Static Params

00:16:10

در این قسمت با نحوه تولید Param های استاتیک صحبت خواهیم کرد

275
  • آماده سازی محیط توسعه اپلیکیشن Quiz

00:09:30

در این قسمت به آماده سازی محیط توسعه اپلیکیشن آزمون خواهیم پرداخت

276
  • کامپوننت Font گوگل فونت

00:14:00

در این قسمت با کامپوننت Font و نحوه استفاده از گوگل فونت آشنا خواهیم شد

277
  • کامپوننت Font لوکال فونت

00:05:50

در این قسمت با کامپوننت Font و نحوه استفاده از فونت لوکال آشنا خواهیم شد

278
  • اپلیکیشن آزمون ساخت UI نمایش سوالات

00:18:36

در این بخش به ساخت بخش نمایش سوالات در اپلیکیشن آزمون خواهیم پرداخت

279
  • اپلیکیشن آزمون ساخت UI نمایش نتایج

00:06:02

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

280
  • اپلیکیشن آزمون داینامیک سازی و اتمام

00:21:56

در این قسمت به کامل کردن پروژه اپلیکیشن آزمون خواهیم پرداخت

281
  • آشنایی با Loading UI

00:15:30

در این قسمت در مورد نحوه پیاده سازی Loading UI در نکست جی اس آشنا خواهیم شد

282
  • آشنایی با React Loading Skeleton

00:19:41

در این قسمت با نحوه نصب و پیاده سازی Loading Skeleton در نکست جی اس آشنا خواهیم شد

283
  • آشنایی با Streaming

00:21:22

در این قسمت در مورد نحوه استریم کردن و مزیت های آن صحبت خواهیم کرد

284
  • کنترل خطا توسط فایل error.js

00:20:00

در این قسمت با قابلیت کنترل خطا در نکست جی اس آشنا خواهید شد

285
  • فصل شانزدهم : کنترل خطا در RootLayout

00:07:19

در این قسمت با نحوه کنترل خطای پیش آمده در RootLayout آشنا خواهیم شد

286
  • آشنایی با Parallel Routes

00:15:17

در این قسمت با مسیرهای موازی یا Parallel Routes آشنا خواهیم شد

287
  • آشنایی با Unmatched Routes

00:18:17

در این قسمت با Unmatched Routes آشنا خواهیم شد

288
  • ریفکتور کردن پروژه

00:14:00

در این قسمت به ریفکتور کردن پروژه خواهیم پرداخت

289
  • آشنایی با Intercepting Routes

00:16:13

در این قسمت با یکی از قابلیت های فوق العاده نکست جی اس به نام Intercepting Routes آشنا خواهیم شد

290
  • پیکربندی و استفاده از TailwindCss

00:07:22

در این قسمت در مورد نحوه پیکربندی و استفاده از TailwindCss در نکست جی اس صحبت خواهیم کرد.

291
  • ساخت Modal توسط Intercepting Routes

00:19:41

در این قسمت با نحوه ساخت Modal توسط Intercepting Routes و Parallel Routes آشنا خواهیم شد

292
  • پیاده سازی صفحه NotFound

00:07:40

در این قسمت با نحوه نمایش UI سفارشی برای صفحه ۴۰۴ یا NotFound آشنا خواهیم شد.

293
  • آشنایی با Route Handlers بخش اول

00:16:56

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

294
  • آشنایی با Route Handlers بخش دوم

00:13:00

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

295
  • آشنایی با Route Handlers بخش سوم

00:18:22

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

296
  • آشنایی با Middleware

00:18:03

در این قسمت در مورد Middleware ها و نحوه پیاده سازی آنها صحبت خواهیم کرد

297
  • آشنایی با Matching Paths

00:16:18

در این قسمت با نحوه Match کردن مسیرها در Middlewareها آشنا خواهیم شد

298
  • استفاده و تنظیم کوکی و هدرها در Middleware

00:15:31

در این قسمت با نحوه استفاده و تنظیم کوکی ها و هدرها در Middleware آشنا خواهیم شد

299
  • سازماندهی پروژه بخش اول

00:21:43

در این قسمت درباره سازماندهی پروژه و محل یابی فایل ها در نکست جی اس صحبت خواهیم کرد

300
  • سازماندهی پروژه بخش دوم

00:22:28

در این قسمت درباره سازماندهی پروژه و محل یابی فایل ها در نکست جی اس صحبت خواهیم کرد

301
  • پیاده سازی اپلیکیشن چندزبانه بخش اول

00:20:47

در این قسمت در مورد بین المللی سازی در نکست جی اس برای پیاده سازی اپلیکیشن های چند زبانه صحبت خواهیم کرد

302
  • پیاده سازی اپلیکیشن چندزبانه بخش دوم

00:32:52

در این قسمت در مورد بین المللی سازی در نکست جی اس برای پیاده سازی اپلیکیشن های چند زبانه صحبت خواهیم کرد

303
  • پیاده سازی اپلیکیشن چندزبانه بخش سوم

00:11:05

در این قسمت در مورد بین المللی سازی در نکست جی اس برای پیاده سازی اپلیکیشن های چند زبانه صحبت خواهیم کرد

304
  • احراز هویت توسط Next Auth بخش اول

00:31:50

در این قسمت در مورد نحوه احراز هویت Credentials توسط Next Auth صحبت خواهیم کرد

305
  • احراز هویت توسط Next Auth بخش دوم

00:33:59

در این قسمت در مورد نحوه احراز هویت Credentials توسط Next Auth صحبت خواهیم کرد

306
  • احراز هویت با گیت هاب توسط Next Auth

00:11:30

در این قسمت در مورد نحوه احراز هویت با گیت هاب توسط Next Auth صحبت خواهیم کرد

307
  • آنلاین کردن پروژه NextJs در سی پنل

00:28:50

در این قسمت در مورد نحوه آنلاین کردن پروژه نکست جی اس در سی پنل هاست نود جی اس آشنا خواهیم شد

308
  • حرف های پایانی

00:09:42

در این قسمت در مورد ادامه راه و پایان دوره صحبت خواهیم کرد

دوره های دیگر مدرس

مشاهده همه دوره ها

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

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