قیمت این دوره: 459,000 229,500 تومان
  • مدرس دوره : یونس قربانی
  • تعداد ویدیوها : 95 ویدیو
  • مدت زمان دوره : 19:16:00
  • سطح دوره : متوسط
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1401/03/31
ثبتـــ نام در این دوره
آموزش صفر تا صد ReactJs

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

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

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

معرفی دوره 

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

آشنایی با ContextAPI  و Hooks

یادگیری React Router

یادگیری Material UI

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

یادگیری Redux  و Redux Thunk

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

آشنایی با ‍PWA

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

 

 



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

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


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

مدت زمان دوره 19:16: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 آشنا خواهیم شد به همراه صحبت های پایانی این فصل.

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

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

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

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