قیمت این دوره: 459,000 تومان
  • مدرس دوره : یونس قربانی
  • تعداد ویدیوها : 169 ویدیو
  • مدت زمان دوره : 39:55:00
  • سطح دوره : متوسط
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1401/09/08
ثبتـــ نام در این دوره ثبت نام در دوره
آموزش صفر تا صد ReactJs

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

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

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

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

معرفی دوره 

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

آشنایی با ContextAPI  و Hooks

یادگیری React Router

یادگیری Material UI

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

یادگیری Redux  و Redux Thunk

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

آشنایی با ‍PWA

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

 

 



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

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

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

مدت زمان دوره 39:55: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 برای این پروژه صحبت خواهیم کرد.

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

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

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

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