آموزش ری اکت ( ReactJS ) در دنیای واقعی | از 0 تا استخدام [منتورشیپ]
شما در دوره آموزش ری اکت ReactJS ، این کتابخانه قدرتمند و پر استفاده جاوا اسکریپت را بر اساس تجربیات مدرس در دنیای واقعی و کار با شرکت های مختلف ایرانی یاد می گیرید و در دوره اموزش ری اکت مدرس دوره از نقطه صفر تا رسیدن شما به مرحله پیاده سازی نمونه کار، طراحی رزومه و … استخدام همراه شما خواهد بود آموزش ری اکت و نمونه کارها و رزومه شما و خیلی از موارد دیگه توسط مدرس بررسی، راهنمایی و رفع اشکال خواهد شد تا شما عزیزان بتوانید نهایت خروجی را از این دوره به دست آورده و بعد از گذروندن این دوره وارد بازار کار شده و کسب درآمد کنید.
2,200,000 تومان
React Js چیست؟

ری اکت یکی از کتابخانه های جاوا اسکریپت است که در سال 2013 توسط شرکت فیسبوک ارائه شد و امروزه به محبوب ترین و پر استفاده ترین کتابخانه حوزه فرانت اند تبدیل شده است که بازار کار بسیار فوق العاده ای نیز دارد.
ری اکت به دلیل مزایایی مثل کامپوننت بیس بودن، استفاده از Virtual Dom، سهولت در یادگیری، پیاده سازی راحت وب سایت های Spa و … که دارد امروزه به محبوب ترین و پر استفاده ترین کتابخانه فرانت اند تبدیل شده است که شما با یادگیری آن می توانید درآمد های بسیار بالا از داخل کشور یا خارج کشور داشته باشید.
این دوره مناسب چه کسانی است؟

این دوره برای تمام برنامه نویسان فرانت اند که قصد ورود به دنیای ری اکت را دارند مناسب است.
اکثر افراد وقتی جاوا اسکریپت را یاد می گیرند، باید یکی از تکنولوژی های ری اکت، ویو و یا انگیولار را یاد بگیرند تا بتوانند وارد بازار کار شده و کسب درآمد کنند.
در این میان ری اکت در مقایسه با ویو و انگیولار بازار کار، جامعه آماری، سرعت توسعه و … زیادی دارد و شما با کسب تسلط در ری اکت می توانید در سرتاسر دنیا به کسب درآمد بپردازید.
پس اگر جاوا اسکریپت را یاد گرفته اید و قصد یادگیری ری اکت را دارید، این دوره مناسب شماست.
اگر در صفحات مجازی مثل تلگرام و اینستاگرام فعالیت داشته باشید، قطعا افرادی را دیده اید که ری اکت را از دوره های آموزشی مختلف یاد گرفته اند اما:
- نمی توانند از آن استفاده کنند.
- نمی توانند پروژه ای را با ری اکت بنویسند.
- نمی توانند به عنوان برنامه نویس ری اکت وارد بازار کار شوند.
دوره آموزش ری اکت برای این دسته از افراد نیز بسیار مفید و مناسب بوده و پیشنهاد می شود.
چون با سرفصل ها و پشتیبانی فوق العاده ای که این دوره دارد، بعد از انتهای دوره می توانید به سطح خیلی خوبی در ری اکت برسید و وارد بازار کار شوید.
ری اکت Vs ری اکت نیتیو

ممکن است در خیلی از دورهمی ها و گروه های موجود در شبکه های مجازی شنیده باشید که با یادگیری ری اکت می توان در حوزه برنامه نویسی موبایل هم فعالیت داشت!!!! (عجب)
ماجرا این است صرفا کسی که ری اکت یاد می گیرد، به هیچ وجه نمی تواند در زمینه موبایل فعالیت داشته باشد. چون که باید فریمورکی به اسم ریکت نیتیو را یاد بگیرد و “ریکت نیتیو همان ریکت نیست!”.
در واقع ری اکت نیتیو برای خودش دنیایی بزرگ و گسترده است و تفاوت های اساسی با ری اکت دارد:
- در ریکت نیتیو هیچ خبری از المنت های Html نیست
- در ریکت نیتیو هیچ خبری از Css نیست و استایل دهی ها با آبجکت های جاوا اسکریپتی پیاده سازی می شوند
- و …
شما در صورتی باید سمت ریکت نیتیو برید که به برنامه نویسی موبایل علاقه داشته باشید.
اینطور می توان گفت که اگر ری اکت را یاد بگیرید، یادگیری ریکت نیتیو برای شما آسان تر می شود. اما اگر بگوییم “با ریکت می توان در حوزه موبایل هم فعالیت داشت”، کاملا اشتباه است.
آیا ری اکت ارزش یادگیری دارد؟

ارزش یادگیری را باید از جنبه ها و معیار های مختلفی بررسی کرد. ری اکت امروزه محبوب ترین و پر استفاده ترین تکنولوژی فرانت اند تبدیل شده است که در سر تا سر دنیا بازار کار بسیار بالایی نیز دارد و شما می توانید با تسلط بر ری اکت:
- به طور فریلنسری درآمد داشته باشید.
- در شرکت های برنامه نویسی ایرانی استخدام شوید.
- با شرکت های خارج از کشور به طور ریموت همکاری داشته و کسب درآمد کنید.
- به هر کشوری که دوست دارید مهاجرت کنید
- و …
بنا به معیار های ذکر شده، یادگیری ری اکت ارزش بسیار بالایی دارد و حتی برای هر برنامه نویس فرانت اند می تواند از هر چیزی واجب تر بوده و در اولویت باشد.
آیا ری اکت سخت است؟

ممکن است شما هم مثل عده زیادی از افراد در فضای مجازی صحبت هایی از سخت بودن ری اکت و سینتکس Jsx و … دیده باشید.
اگر یک تکنولوژی سخت باشد، افراد خیلی کمی سمت آن می روند و در نتیجه بازار کار کمی نیز خواهد داشت. اما با این همه بازار کار، جامعه آماری، داکیومنت واضح و … به هیچ نمی توان گفت که ری اکت سخت است. پس در نتیجه هیچ گونه سختی در ری اکت وجود ندارد و اگر شما پیش نیاز های لازم به خوبی بلد باشید، می توانید در مدت زمان بسیار کم و معقولی ری اکت را به خوبی یاد گرفته و وارد بازار کار شوید.
در این دوره سرفصل های ری اکت به صورت مقدماتی، متوسط و پیشرفته طبق داکیومنت رسمی آن به شما آموزش داده می شود و در هر کدام از جلسات دوره هر گونه سوال و ابهامی داشتید، می توانید با مدرس در ارتباط بوده و سوال خود را در قسمت پرسش و پاسخ دوره مطرح کنید تا توسط مدرس پاسخ داده شده و منتور شوید.
برای شروع دوره آموزش ری اکت چه پیش نیاز هایی را باید بلد باشیم؟

همان طور که می دانید ری اکت یکی از لایبرری های فرانت اند است و سه مهره اصلی فرانت اند زبان های Html، Css و جاوا اسکریپت هستند و شما در قدم اول باید این سه تکنولوژی را به خوبی بلد باشید.
مورد بعدی یادگیری خیلی خوب اکما اسکریپت 6 است. اکما اسکریپت 6 قابلیت های بسیار خوب زیادی را به جاوا اسکریپت اضافه کرده است که اتفاقا عمده آن ها در ری اکت هم استفاده می شود.
پس شما برای شروع دوره آموزش ری اکت باید تکنولوژی های Html Css JavaScript و Es6 را به خوبی بلد باشید. اگر هنوز جاوا اسکریپت را یاد نگرفتید، پیشنهاد می کنم به دوره آموزش مقدماتی تا پیشرفته جاوا اسکریپت سبزلرن مراجعه کنید.
موضوع بعدی این است که متاسفانه امروزه منابع فارسی زیادی برای اکما اسکریپت 6 وجود ندارد و شما با آن کار نکرده باشید و این موضوع ممکن است شما را نگران کند.
اما خبر خوب این است که در دوره آموزش ری اکت سبزلرن سعی کردیم قبل از وارد شدن به مباحث ری اکت، در حد 10 الی 20 جلسه به پیش نیاز های ری اکت و مباحث Es6 بپردازیم.
پس از این بابت هیچ گونه نگرانی نداشته باشید.
پس از این دوره به چه سطحی از بازار کار می رسم؟

شما اگر تمام نکات گفته شده در دوره را رعایت کرده و تمرین مکرر داشته باشید، بعد از گذروندن این دوره به صورت تضمینی می توانید به روش های مختلف مثل فریلنسری، استخدام در شرکت های برنامه نویسی و … وارد بازار کار شده و کسب درآمد کنید.
این دوره به صورت منتورشیپ پیش می رود و طی تمام جلسات با مدرس در ارتباط هستید و تمام سوالات شما در سریع ترین زمان ممکن توسط مدرس دوره برطرف می شود. پس اگر پیش نیاز های لازم را بلد باشید و برای تمرین ها و تکالیف داده شده به خوبی وقت بگذارید، بعد از این دوره می توانید وارد بازار کار شده و کسب درآمد کنید.
پشتیبانی دوره ریکت به چه صورت است؟
در یک کلام می توان گفت “دوره آموزشی که پشتیبانی نداشته باشد هیچ ارزشی ندارد”.
دوره آموزش ری اکت پشتیبانی مادام العمر دارد و شما در هر کدام از جلسات و مباحث مربوط به ری اکت هر گونه سوال و ابهامی داشتید، می توانید به طور مستقیم با مدرس در ارتباط بوده و سوال خود را در قسمت پرسش و پاسخ دوره ری اکت مطرح کنید تا توسط مدرس برطرف شود.
اما پشتیبانی دوره ری اکت به همین رفع اشگال ختم نمی شود!
شما از زمان شروع دوره در تک تک مراحل یادگیری ری اکت، پیاده سازی نمونه کار قابل قبول برای بازار کار، رزومه سازی، نحوه ارسال رزومه به شرکت های برنامه نویسی برای استخدام، نحوه پاسخ دادن به سوالات مصاحبه و …. پشتیبانی خواهید شد و در تمام این مراحل به طور کامل پشتیبانی خواهید شد.
پس از زمان شروع این دوره تا زمانی که استخدام شوید، در کنارتان هستیم.
بازار کار ری اکت در چه وضعیتی قرار دارد؟
برای پاسخ دادن به این سوال باید به وب سایت هایی که در زمینه بازار کار و استخدام فعالیت می کنند مراجعه کنیم، مثل جابینجا، جاب ویژن، آی استخدام، استک اور فلو و ….



همان طور که در آگهی های استخدامی بالا مشاهده می کنید، شما می توانید با یادگیری ری اکت و حرفه ای شدن در آن به طور میانگین 15 میلیون تومان درآمد ماهانه داشته باشید که اگر به سطح بالاتری برسید، با همکاری کردن با شرکت های خارج از کشور می توانید درآمد دلاری داشته و ماهانه درآمد بالای 50 میلیون تومان نیز داشته باشید.
ویژگی بسیار خوب ری اکت این است که بسیاری از آگهی های استخدام و همکاری به صورت دورکاری و ریموت هستند. یعنی شما برای شروع یادگیری ری اکت هیچ بهانه ای مثل اهل شهرستان بودن و … ندارید. چون می توانید به صورت ریموت با شرکت های مختلف همکاری کرده و کسب درآمد کنید.
در این دوره از لحظه شروع تا زمانی که استخدام شوید، در تمام مراحل مثل ایجاد نمونه کار، پیاده سازی رزومه قابل قبول، ارسال رزومه به شرکت مورد نظر، روش های مصاحبه اصولی با درصد قبولی بالا و … در کنارتان هستیم.
پیش نیاز های ری اکت
Main Concept های ریاکت
17مفهوم Class Components و نحوه استفاده از آن ها11:32
18از کامپوننت های کلاسی استفاده کنیم یا فانکشنال؟7:35
19مفهوم Prop و نحوه استفاده از آن ها در Functional Component12:38
20پیاده سازی پروژه کاربردی Dynamic Products Box00:9:48
21نحوه استفاده شرطی از propها00:10:03
22استفاده از Destructuring برای دریافت props00:6:26
23استفاده از spread برای ارسال راحتتر prop00:8:07
24نحوه تغییر اسم prop در شرایط لازم5:18
25نحوه مقدار دهی default برای propها در Functional Components11:42
26مفهوم children special prop و نحوه استفاده از آن8:34
27پیاده سازی پروژه Modal8:12
28نحوه استفاده از props در class components8:07
29نحوه تعیین مقادیر default برای props در class components6:12
30نصب اکستنشن React Developer Tools5:36
31تشریح نمونه کار دانشجویان دوره – بررسی ساختار پروژه های ریاکتی11:17
32تشریح و بررسی نمونه کار دانشجویان دوره9:17
33انجام Prop Validation با پکیج PropTypes15:36
34state چیست و کجا باید ازش استفاده کنیم؟14:38
35چرا نمیتوانیم اسم ویژگی state را تغییر دهیم؟11:14
36نحوه استفاده از Event ها در ریاکت12:24
373 روش برای this binding در class components7:07
382 روش برای تغییر state به کمک متد setState13:06
39پیاده سازی مینی پروژه Counter10:57
40پیاده سازی مینی پروژه Temperature Display12:48
41نحوه ارسال پارامتر به متدها در Event Handling10:25
424 روش برای پیاده سازی Conditional Rendering15:19
43مینی پروژه Notification Counter – نحوه پیاده سازی4:47
44پیاده سازی مینی پروژه Notification Counter6:26
45نحوه پیاده سازی List Rendering با متد map10:50
46چرا و چه زمانی باید از key استفاده کنیم؟8:53
47چه مقادیری را نباید به عنوان key ارسال کنیم؟7:30
48نحوه هندل کردن Form و اینپوتها در ریاکت22:30
49مینی پروژه باحال و کاربردی Form Validation – نحوه پیاده سازی8:16
50پیاده سازی مینی پروژه Form Validation17:44
51مینی پروژه جذاب و چالش برانگیز Quiz App – نحوه پیاده سازی11:04
52پیاده سازی پروژه Quiz App20:31
53پروژه باحال و کاربردی فروش بلیط – نحوه پیاده سازی8:40
54پیاده سازی پروژه فروش بلیط آنلاین15:16
55چطور یک متد را به عنوان Prop ارسال کنیم؟16:49
56مفهوم Fragment و روش های استفاده از آن در ریاکت6:56
57استفاده از پکیج React-Icons در ریاکت11:25
58روش های استفاده از Css در ریاکت10:20
59پروژه جذاب BookList – نحوه پیاده سازی11:03
60پیاده سازی پروژه BookList – قسمت 19:10
61پیاده سازی پروژه BookList – قسمت 214:14
62پروژه کاربردی و جذاب Shopping Cart – نحوه پیاده سازی14:17
63پیاده سازی پروژه Shopping Cart – نمایش محصولات در DOM19:25
64پیاده سازی پروژه Shopping Cart – اضافه کردن محصولات به سبد خرید14:28
65پروژه TodoList حرفه ای – نحوه پیاده سازی19:51
66پیاده سازی پروژه TodoList حرفه ای – اضافه کردن Todo ها13:12
67پیاده سازی پروژه TodoList حرفه ای – حذف و ویرایش Todo ها16:12
68پیاده سازی پروژه TodoList حرفه ای – فیلتر سازی Todo ها12:24
69پروژه جذاب و لذت بخش Note App – نحوه پیاده سازی14:21
70پیاده سازی پروژه NoteApp – قسمت 114:01
71پیاده سازی پروژه Note App – قسمت 200:16:57
72پیاده سازی پروژه Note App – قسمت 320:53
کار با فریمورک React BootStrap + پروژه
1چرا نمی توان از تمامیت فریمورک بوت استرپ در پروژه های ریاکت استفاده کرد؟12:18
2نحوه استفاده از کامپوننت های بوت استرپ در ریاکت12:27
3معرفی فریمورک React BootStrap – نحوه نصب و استفاده از آن12:09
4نحوه استفاده از Alert های مختلف در React BootStrap11:40
5نحوه استفاده از Button ها در React BootStrap12:46
6نحوه استفاده از Card های React BootStrap9:24
7استفاده از Modal در React BootStrap00:12:25
8نحوه Customize کردن کامپوننت های React BootStrap9:28
9نحوه استفاده از Grid System ریاکتبوتاسترپ برای ریسپانسیو سازی20:44
10پیاده سازی پروژه صفحه لاگین با ریاکت بوت استرپ (ریسپانسیو) – قسمت Header11:57
11پیاده سازی پروژه صفحه لاگین با ریاکت بوت استرپ (ریسپانسیو) – قسمت RightSide7:30
12پیاده سازی پروژه صفحه لاگین با ریاکت بوت استرپ (ریسپانسیو) – قسمت LeftSide12:02
معرفی و نحوه استفاده از متد های LifeCycle
1مفهوم LifeCycle و کاربرد متد هایی که در اختیارمون میذاره12:43
2تشریح مفصل متد های Mounting و استفاده عملی از آن ها – قسمت 122:33
3تشریح مفصل متد های Mounting و استفاده عملی از آن ها – قسمت 215:24
4تشریح مفصل متد های Updating و استفاده عملی از آن ها – قسمت 122:52
5استفاده از pureComponent و خلاص شدن از shouldComponentUpdate5:11
6تشریح مفصل متد های Updating و استفاده عملی از آن ها – قسمت 214:28
7تشریح کامل قسمت UnMounting از چرخه حیات و استفاده عملی از آن5:40
مباحث مربوط به Ajax و Api از صفر تا صد در ریاکت + مینی پروژه
1CallBack Function چیست و چگونه استفاده می شود؟11:49
2مفهوم Sync و Async – مثالی برای درک کاربرد CallBack Function16:46
3مثال دوم برای درک کاربرد و عملکرد Callback Function8:42
4Promise چیست؟ راهی برای خلاص شدن از CallBack Hell14:52
5مثالی برای درک کاربرد Promise و نحوه استفاده از آن8:00
6مثال دوم برای درک عمیق کاربرد و عملکرد Promise00:5:32
7async و await چیست و چطور باید ازشون استفاده کنیم؟9:54
8Api چیست؟ راهی برای ارتباط بین فرانت اند و بک اند13:32
9Json چیست؟ – فرمتی برای ذخیره سازی اطلاعات9:04
10آشنایی با متد fetch در Es6 – نحوه ارسال ریکوئست به Api00:15:15
11آشنایی با متد های DELETE, PUT و POST در کار با Api9:52
12آشنایی با ساختار دیتابیس برای درک بهتر کار با Api10:26
13کار با Api واقعی نوشته شده با NodeJs برای ثبت نام کاربر17:21
14مینی پروژه دریافت اطلاعات POST ها از Api و نمایش آن ها در Table16:21
شروع Hook ها – مقدماتی
1معرفی Hook ها5:42
2نحوه استفاده از useState در کامپوننت های Functional14:01
3چه زمانی باید برای آپدیت state از متد استفاده کنیم؟15:58
4ریفکتور کردن پروژه TodoList از Class به Functional – برای درک بهتر useState17:35
5ریفکتور کردن پروژه سبد خرید از Class به Functional13:41
6شروع کار با هوک useEffect برای پیاده سازی Mount و Updating12:32
7نحوه پیاده سازی UnMounting با هوک useEffect16:36
8تشریح کامل هوک useEffect با پروژه TodoList11:00
9مقایسه کد برنامه نویس کارآموز – جونیور و میدلول در استفاده از هوکها19:40
آموزش پکیج MUI
1معرفی کتابخونه MUI – نصب آن در پروژه12:31
2استفاده از کامپوننت Typography در MUI10:06
3نحوه استفاده از ICON های MUI8:47
4استفاده استفاده از کامپوننت Button و prop های آن12:25
5استفاده از DataGrid های MUI برای نمایش اطلاعات18:52
مفهوم SPA و کار با پکیج React-Router ورژن 6 – پیاده سازی پروژه SPA
1مفاهیم Spa و Mpa به چه معنی هستند؟11:07
2تفاوت Lifecycle و نحوه عملکرد سایت های Spa و Mpa8:54
3نصب پکیج React-Router و نحوه Route بندی14:19
4استفاده از کامپوننت Link برای آدرس دهی به شکل Spa6:44
5استفاده از هوک useParams برای دریافت پارامتر های Route17:36
6نحوه ریدایرکت کردن کاربر با کامپوننت Navigate9:39
7نحوه پیاده سازی صفحه 404 در سایت های ریاکتی5:28
8مینی پروژه قسمت دوره های سبزلرن به شکل Spa – پیاده سازی Navbar13:09
9مینی پروژه قسمت دوره های سبزلرن به شکل Spa – پیاده سازی کامپوننت Courses13:56
10مینی پروژه قسمت دوره های سبزلرن به شکل Spa – پیاده سازی کامپوننت MainCourse12:14
11نحوه استفاده از Nested Route در سایت های Spa13:30
12استفاده از کامپوننت Outlet برای نمایش محتوای Sub Route4:39
13آموزش هوک useRoutes برای ساختار بندی بهتر Routeها11:16
14نحوه پیاده سازی Private Route16:43
15نحوه پیاده سازی راحتتر و خواناتر Private Routes11:43
16استفاده از کامپوننت NavLink برای تشخیص Main Route8:24
17نحوه استفاده از هوک useNavigate برای ریدایرکت کردن کاربر10:07
18نحوه استفاده از هوک useLocation برای دسترسی به اطلاعات Route فعلی9:34
استفاده از Firebase در ریاکت
1فایربیس چیست؟ راه اندازی آن و ایجاد پروژه در Firebase7:56
2نحوه ارسال Post Request به Api فایربیس و ذخیره سازی اطلاعات کاربر در آن15:48
3ارسال Get Request به فایربیس و نمایش اطلاعات دریافتی کاربران در Table (همراه با عملیات حذف و ویرایش)17:56
4ارسال Delete Request به Api فایربیس و حذف کاربران دلخواه از آن21:16
5ریفکتور کردن پروژه و تبدیل آن به حالت RealTime9:22
6ارسال Put Request به فایربیس و آپدیت اطلاعات کاربر دلخواه20:09
7نمایش اطلاعات فعلی کاربر در Modal برای آپدیت12:56
8معرفی چند پروژه باحال و قابل قبول بازار کار برای پیاده سازی و استفاده بعنوان نمونه کار در رزومه7:51
پروژه Dashboard Admin حرفه ای با ریاکت
2پیاده سازی Routing پروژه14:28
3پیاده سازی قسمت TopBar پروژه24:18
4پیاده سازی کامپوننت Sidebar28:16
5Fix Sidebar12:18
6پیاده سازی کامپوننت Features از صفحه Home24:03
7نصب پکیج reCharts و نحوه استفاده از آن برای پیاده سازی نمودار13:10
8پیاده سازی کامپوننت Chart.jsx و نمایش آمار فروش ماهانه در صفحه Home21:50
9Fix Chart00:5:38
10پیاده سازی کامپوننت WidgetSm از صفحه Home26:32
11پیاده سازی کامپوننت WidgetLg از صفحه Home28:25
12کدنویسی کامپوننت UsersList برای نمایش لیست کاربران و عملیات حذف آنها35:24
13کدنویسی کامپوننت Products برای نمایش لیست محصولات و عملیات حذف آنها12:16
14کد نویسی کامپوننت Product برای نمایش جزئیات محصول – قسمت 111:02
15کد نویسی کامپوننت Product برای نمایش جزئیات محصول – قسمت 219:10
16کد نویسی کامپوننت Product برای نمایش جزئیات محصول – قسمت 322:03
Custom Hook چیست و چطور ازش استفاده کنیم؟ + چندین مثال کاربردی و پراستفاده
1Custom Hook چیست؟ – پیاده سازی useLogger00:15:43
2ریفکتور هوک useLogger00:06:45
3پیاده سازی کاستوم هوک useCounter00:09:56
4پیاده سازی کاستوم هوک useFetch00:19:24
5پیاده سازی کاستوم هوک useLocalStorage00:15:40
6پیاده سازی کاستوم هوک useInput00:16:48
یادگیری عمیق مطالب مربوط به Memoize در ریاکت
1مفهوم Memoize چیه؟ – آشنایی با هوک useMemo00:20:15
2پیاده سازی مینی پروژه برای درک عمیق useMemo00:20:03
3استفاده از useMemo در کامپوننت های Child00:11:45
4هوک useCallback چیه و کجاها استفاده میشه؟00:26:51
5memo چیست و چه فرقی با useMemo دارد؟00:12:48
6تفاوت useMemo و useCallback چیه؟ (سردرگمی اکثر توسعه دهندگان ریاکت)00:09:21
هوک useRef
1هوک useRef چیه و چه کاربردایی داره؟ – مثال عملی00:18:23
2پیاده سازی مثال عملی برای درک کاربرد دوم useRef00:10:25
3پیاده سازی تمرین rendersCount با useRef برای درک عمیق کاربرد useRef00:12:12
پروژه Pagination با ریاکت
1توسعه Template پروژه Pagination و ارسال ریکوئست به Api00:15:41
2محاسبه تعداد صفحات لازم برای نمایش Data00:22:22
3پیاده سازی منطق نهایی Pagination00:12:23
4setState یه عملکرد Async هست. حواست بهش باشه!00:11:26
5ریفکتور پروژه Pagination00:04:34
مفهوم HOC چیست؟ – پیاده سازی پروژه
1مفهوم Pure Function در جاوا اسکریپت چیست؟00:14:31
2مفهوم Higher Order Function در جاوا اسکریپت چیست؟00:11:40
3مفهوم HOC در ریاکت چیست؟ + مثال00:21:50
4پیاده سازی قابلیت toggle با HOC00:16:56
5پروژه Accordion با HOC – نحوه پیاده سازی00:06:27
6پیاده سازی پروژه Accordion00:10:33
7ریفکتور پروژه Accordion با HOC00:10:24
هوک useLayoutEffect
1هوک useLayoutEffect چیه و چه فرقی با useEffect داره؟ + مثال عملی00:17:31
کانسپت پیشرفتهای به اسم Profiler در ریاکت
1چطور از قابلیت Profiler ریاکت استفاده کنیم؟00:12:31
2استفاده راحتتر از Profiler به کمک React DevTools00:20:31
پروژه Restaurant Menu با قابلیت Filtering
1تشریح نحوه پیاده سازی پروژه00:10:44
2پیاده سازی کامپوننت Categories00:12:53
3پیاده سازی کامپوننت Menus00:08:55
4پیاده سازی قابلیت فیلترینگ منوها طبق Categories00:09:11
پکیج uuid + هوک useId (ریاکت 18)
1پکیج uuid چیه و چطور میشه ازش استفاده کرد؟00:12:19
2هوک useId چیه و چه مواقعی بهش نیاز داریم؟00:11:56
کار با Context Api
1مفهوم Context چیه؟00:5:55

محمد امین سعیدی راد
Front End & Back End Developerاول از همه برنامه نویسی اندروید رو شروع کردم و نزدیک به 2 سال با زبان جاوا اندروید کار میکردم .بعد تصمیم گرفتم در زمینه وب فعالیت داشته باشم.و...
نظرات
قوانین ثبت دیدگاه
- اگر نیاز به پشتیبانی دوره دارید از قسمت پرسش سوال در قسمت نمایش انلاین استفاده نمایید و سوالات مربوط به رفع اشکال تایید نخواهند شد
- دیدگاه های نامرتبط به دوره تایید نخواهد شد.
- سوالات مرتبط با رفع اشکال در این بخش تایید نخواهد شد.
- از درج دیدگاه های تکراری پرهیز نمایید.
سرفصل های دوره
برای مشاهده و یا دانلود دوره روی کلمه لینک کلیک کنید!
Mamalrz( خریدار محصول )
سلام چرا پروژه های این دوره با دوره js یکیه؟فرقشون چیه
محمدامین سعیدی راد(مدرس)
سلام عزیز.
به نکته خوبی اشاره کردین. یکی از سوالاتی خیلی پرسیده میشه اینه که “برای شروع ریاکت چقدر باید JS رو بلد باشیم؟”
و یکی از پاسخ هایی که میشه به این سوال داد اینه که “به قدری باید JS رو بلد باشین که هر پروژهای که با ریاکت میخواین بزنین رو، بتونید با JS خام هم بزنید.”
یعنی شما هر پروژهای که با کتابخونه یا فریمورک X میزنین، باید بتونید با زبان خام هم بزنین و این یعنی تسلط. اگه دقت کرده باشین، پروژه هایی که در سطح متوسط دوره JS انجام دادیم رو تو سطح مقدماتی دوره ریاکت انجام دادیم.
البته پروژه هایی که فعلا برای دوره انجام دادیم و مشاهده میکنین، در اصل مینی پروژه هستن تا دانشجوهای عزیز بتونن با مباحث مقدماتی ریاکت آشنا بشن و یجورایی دستگرمی هستن.
بعد از این که Main Concept های ریاکت رو طبق داکیومنتش به اتمام رسوندیم، یه داشبورد خفن و کامل با ریاکت میزنیم و در آینده پروژه های واقعی با Api های واقعی هم خواهیم داشت💪
mahdicoder( خریدار محصول )
سلام ،وقتتون بخیر من از کاربرای جدید سایتتون هستم و
و میخواستم این دوره رو تهیه کنم ،و چنتا سوال داشتم
ازتون،۱-جاوااسکریپت باید در چه حد بلد باشیم؟
۲-تو دوره فقط دررابطه با استخدام بیشتر صحبت میکنید یا در مورد پروژه گرفتن به صورت فریلنسری هم صحبت میشه؟
۳-من جاوااسکریپت رو دارم یاد میگیرم و پشتیبانی این دوره همیشگی که بعد که جاوااسکریپت رو یاد گرفتم بیام سراغ این دوره؟
ممنون ازتون🙏
محمدامین سعیدی راد(مدرس)
سلام مهدی جان.
1. یکی از عواملی که باعث شکست و موفق نشدن میشه، همین شکستن و تیکه تیکه کردن پیش نیازا هست.
جاوا اسکریپت پیش نیاز ریاکت هست و اگه بلد نباشین نمیتونین ری اکت رو اونطور که باید یاد بگیرید و هر چقدر که JS رو بیشتر بلد باشین، همونقدر دستتون تو یادگیری و استفاده از ری اکت بازتره.
اما اگه عجله داشته باشید و بخواید سریع عمل کنید، بعد از تموم کردن سطح متوسط دوره JS و پیاده سازی حداقل 10 نمونه کار و پروژه قابل قبول با JS، میتونید ری اکت رو از همین دوره شروع کنید. چون در این دوره قبل از ورود به خود مباحث ری اکت، پیش نیاز های ضروری و اساسیش هم تدریس شده 💗
2. نه، علاوه بر بحث استخدام، در مورد رزومه، نمونه کار، فریلنسری، پرسونال برندینگ و … نیز صحبت خواهیم کرد.
3. بله، پشتیبانی این دوره به صورت مادام العمر هست و بعد از این که وارد بازار کار شدید هم میتونید از پشتیبانی دوره استفاده کنید.
AliTitan0508( خریدار محصول )
استاد من دانشجو دوره js خودتون هستم و همین جور که خودتون گفتین باید js خوب یاد بگیریم که بتونم بیام سمت react و چون هنوز دوره js رو تا سطح متوسط بلدم میتونم دوره رو خریداری کنم یا صبر کنم دوره js به اتمام برسه بعد بیام دوره react رو خریداری کنم /؟؟
محمدامین سعیدی راد(مدرس)
سلام علی جان.
شما در اوایل سطح پیشرفته دوره JS میتونید این دوره رو کم کم شروع کنید. چون در این دوره قبل از ورود به مباحث خود ری اکت، پیش نیاز های ضروری و اصلی ری اکت گفته شده.
بنا به تخفیف فعلی دوره و افزایش قیمتی که در آینده خواهد داشت، پیشنهاد می کنم از الان در دوره ثبت نام کرده و هنگام شروع سطح پیشرفته ری اکت، کم کم این دوره رو هم پر قدرت شروع کنید 💪💗
morteza-a( خریدار محصول )
سلام استاد سعیدی راد عزیز امیدوارم حالتون خوب باشه
استاد یه عرضی داشتم اینکه اگه امکانش هست سورس کد های تمام جلسه ها رو حتی اگه کم باشه هم بزارید ممنون میشم🙏😊
محمدامین سعیدی راد(مدرس)
سلام مرتضی جان، چشم.
علت این که براتون سورسکد قرار نمیدادم این بود که هنوز پروژه خاصی انجام ندادیم که سورس کدش ضرورتی داشته باشه.
اما از این به بعد سورس کد تمام جلسات رو براتون قرار میدم تا بتونید داشته باشید ✌💗
morteza-a( خریدار محصول )
بله استاد لطف میکنید چون اینطوری بهتر میشه که سورس کد های همه جلسات رو داشته باشیم که اگه مبحثی یادمون رفت به کدش سر بزنیم و ببینیم به چه شکلی هست👌👌
Reza
سلام و عرض خسته نباشید به مدرس عزیز و سایت سبز لرن
ممنونم از آموزش خوبتون
من این دوره رو هنوز تهیه نکردم ولی به هر حال من رو به فکر برده
یجورایی bookmark کردن در مرورگرم هرچند
مثلا تو جواب یکی از کامنت ها گفتین که یکی از پروژه cms
هستش
سطح پروژه هاتون در چه حد هستش مثلا سطح دسترسی کاربران داخلش بررسی میشه یانه
فقط یه سیستم معمولی هستش؟
و دست اخر این این دوره آموزشی مدت زمانش چقدره ؟
محمدامین سعیدی راد(مدرس)
سلام رضا جان.
سطح پروژهها در سطحی هستن که اگه شما Js رو خوب بلد باشین، بتونین وارد بازار کار بشین.
سطح دسترسی یه موضوعی هست که فرانتاند به تنهایی نمیشه پیاده سازیش بکنه و نیازمند بک اند و دیتابیس هم هست که برای این موضوع تو داخل دوره از فایربیس به عنوان دیتابیس استفاده می کنیم 💪
مدت زمان دوره یک مقدار ثابت نیست، چون دوره دانشجو محور پیش میره و اگه یکی از دانشجوهای عزیز پروژه ای درخواست بکنن، داخل دوره پیاده سازیش می کنیم که این موضوع باعث افزایش مدت زمان دوره میشه.
اما اگه بخوام یک تایم حداقل بهتون بگم، حداقل 40 ساعت رو در نظر بگیرید.
shahrzad_arib( خریدار محصول )
بهترین استاد دنیایی استاد جان
محمدامین سعیدی راد(مدرس)
ممنونم از نظر لطفتون. خوشحالم که تونستم براتون مفید واقع بشم.
پر قدرت ادامه بدین ✌💪
AliTitan0508( خریدار محصول )
ممنون بخاطر گذاشتن جلسات رایگان خیلی بهم کمک کرد مرسی
morteza-a( خریدار محصول )
سلام آقای سعیدی راد خسته نباشید
واقعا ممنون که از همین ابتدای کار شروع به زدن پروژه و مینی پروژه کردین و اینطوری پروسه یادگیری خیلی راحت و عالی میشه و اگر اینطور بشه یه دوره عالی در کنار شما خواهیم داشت.
فقط آقای سعیدی راد اگه امکانش هست تو جلسه های بعدی تمریناتی هم بهمون بدین که بتونیم انجامشون بدیم ممنون میشم🙏🙏😊😊
Ehsan_khormehr( خریدار محصول )
سلام وقت بخیر اقای سعیدی راد
برای ریکت باید به تایپ اسکریپت مسلط باشیم؟؟؟؟
محمدامین سعیدی راد(مدرس)
سلام عزیز
برای شروع ریاکت نه، نیازی به یادگیری TS نیست.
اما در سطوح پیشرفته و پروژه های بزرگ مقیاس، یادگیری تایپ اسکریپت میتونه خیلی بهتون کمک کنه.
shahrzad_arib( خریدار محصول )
آقای سعیدی راد سلام ، شما بهترین استادی هستید که تا به حال داشتم، دوره npm هم مثل بقیه دوره هاتون عالی بود، ممنون ازتون
محمدامین سعیدی راد(مدرس)
سلام عزیز.
ممنونم از لطفتون. خیلی خوشحالم که دوره براتون مفید بوده.
پر قدرت ادامه بدید😍💪
m-all( خریدار محصول )
سلام و خسته نباشید خدمت آقای سعیدی راد و تیم سبزلرن
خواستم نظرم رو درباره دوره ریکت بیان کنم اینکه با توجه به دوره js جناب سعیدی راد که واقعا مهارتشون رو در تدریس js نشون دادند من تصمیم گرفتم که تو دوره ریکتشون هم شرکت کنم و از این انتخاب تا الان راضی بودم و عالی بوده و پشتیبانی هم که بسیار عالی هست. امیدوارم تجربه بسیار خوبی از این دوره در کنار استاد سعیدی راد داشته باشم. باتشکر🙏🙏😊✔✔
m-all( خریدار محصول )
سلام و خسته نباشید
ببخشید خواستم اطلاع بدم من نتونستم ویدیوی object destructuring رو ببینم و باز نمیشه.
قدیر(مدیریت)
سلام خدمت شما. خیلی خیلی ازتون ممنونم بابت این گزارشی ک دادید
متوجه شدیم که ویدیو در منبع اصلی به درستی پردازش نشده و این مورد رو حل کردیم
جهت قدردانی از شما. ۲۰ هزار تومان به عنوان هدیه. به کیف پولتون اضافه شد🙏❤️
m-all( خریدار محصول )
خواهش میکنم وظیفه بود.
خیلی ممنونم لطف کردین نیازی به این کار نبود😊🙏
قدیر(مدیریت)
قربان شما (:
موفق باشید برادر
m-all( خریدار محصول )
سلام آقای سعیدی راد وقتتون بخیر
ببخشید در این دوره آموزش استفاده از فریمورک های مختلف مانند bootstrap , tailwind ,… رو هم در ریکت آموزش خواهید داد؟
محمدامین سعیدی راد(مدرس)
سلام عزیز.
بله. برای هر کدوم از فریمورک ها و تکنولوژیهای پر استفاده در ری اکت یه فصل جداگانه خواهیم داشت که به طور پروژه محور آموزش داده خواهند شد.
m-all( خریدار محصول )
ببخشید در صورت امکان میشه دانشجویان دوره هم بتونن درخواست سرفصل کنند و بتونید مثلا اون مبحث رو در ریکت به درخواست دانشجو انجام بدید؟
محمدامین سعیدی راد(مدرس)
بله دوره همچین استراتژی رو داره و برای همین خیلی از پروژه های دوره با مشارکت و مشورت دانشجو ها انجام خواهد شد.
دانشجوهای دوره میتونن سرفصل های مورد نظرشون رو درخواست کنن و در صورت مرتبط بودن با ری اکت و دوره، به دوره اضافه بشن.
m-all( خریدار محصول )
سلام آقای سعیدی راد خسته نباشید ببخشید سوالم اینه که در پشتیبانی گروهی هم در تلگرام یا واتساپ برای دانشجو ها خواهد بود یا نه؟
محمدامین سعیدی راد(مدرس)
سلام عزیز.
خیر. پشتیبانی به طور کلی در قسمت پرسش و پاسخ وب سایت سبزلرن انجام میشه و در صورت نیاز جلساتی در گوگلمیت هم خواهیم داشت.
ramin.m( خریدار محصول )
سلام و عرض ادب
تخمین تاریخ اتمام دوره و بازه زمانی آپلود شدن مباحث جدید رو میشه بفرمایید؟
متشکرم
محمدامین سعیدی راد(مدرس)
سلام عزیز.
به طور تقریبی دوره حداکثر تا اواخر فروردین سال 1401 تموم خواهد شد.
m-all( خریدار محصول )
سلام آقای سعیدی راد خسته نباشید
ببخشید جلسه های این دوره چند وقت یه بار بارگذاری میشه؟
محمدامین سعیدی راد(مدرس)
سلام عزیز.
این دوره مثل دوره Js سرعت بالایی خواهد داشت که از روز دوشنبه (3 روز دیگه) شروع خواهیم کرد.
هفته ای حداقل 7 جلسه رو خواهیم داشت 💪❤
m-all( خریدار محصول )
اگه اینطور باشه که خیلی فوق العادست خسته نباشید آقای سعیدی راد مطمئنا با کیفیت ترین دوره ریکت حال حاضر خواهد شد
AliAshooriyoon
سلام و عرض ادب خدمت تمام مسئولین سبزلرن
به نظرم دوره خوبیه بیا توجه به مدرس و خود وب سایت سبز لرن
ولی به نظر من تنها چیزی که وب سایت سبزلرن رو از ما بقی وب سایت ها متامیز میکرد قیمت پایین و به صرفه دوره هاش بود
ولی این دوره واقعا قیمت بالایی داره و خب مسلما شرکت کننده های به شدت کم تری داره چون وضعیت مالی مردم الان خیلی خوب نیست
یا لااقل مدرس یه دوره مقدماتی برای افراد با بودجه کمتر تهیه می کردند تا افراد با بودجه پایین تر هم امکان یادگیری داشته باشند
با سپاس از وب سایت خوب سبزلرن🧡💙
قدیر(مدیریت)
درود برشما. دوست عزیزم. با توجه به هزینه های بالای وب سایت. حتی برای دوره های رایگان. قرار نیست دوره های پولی سبزلرن قیمتشون با بقیه جاها یکی باشه
و از سمتی ما میخواستیم این دوره قبلا قیمتش دوربر ۷۰۰ باشه. اما خب با توجه به اینکه این یک دوره منتورشیپه و مدرس همه جوره هواتون رو داره. ما تصمیم گرفتیم که قیمت دوره رو پایین نزاریم و بله. حق با شماست
این دوره رو همه نمیتونن تهیه کنن !
به قول یکی از اساتید “درسته که ما گرونیم (: ولی اکثر مشتریانمون ازمون راضی ان”
alisadeghi27
سلام آقای سعیدی راد.
من دارم با دوره جاوااسکریپت شما پیش میرم و قصد دارم وقتی که جاوااسکریپت تموم شد برم سمت یکی از فریمورک هاش.
شما دوره آموزشی ویو رو هم گذاشتین که خاب اون رایگانه.
خاستم بپرسم شما که هم با ویو کار کردین هم با ریاکت میشه بگید که کدومشمون برای منی که هنوز اول راهم و آماتور هستم بهتره؟(منظورم بازار کار و سختی پیدا کردن شغل و سختی خود فریمورکه)
چون هزینه این دوره هم زیاده و منم یک دانش آموزه پشت کنکوریم دیگه میگم اگه قرار باشه همچین هزینه ای برای یادگیری ریاکت بکنم بیهوده نباشه:)
با تشکر.
محمدامین سعیدی راد(مدرس)
سلام علی جان.
شما برای ورود به بازار کار نیاز دارین که تو یکی از تکنولوژی های ویو، انگیولار یا ری اکت به سطح تخصص برسید.
هیچ شرکت یا تیم برنامه نویسی درست درمونی از شما نمیخواد هم برنامه نویس ری اکت باشین و هم برنامه نویس انگیولار. در کل فقط به یکیشون نیاز دارید، نه دوتا یا بیشتر.
موضوع بعدی انتخاب بین ایناست. انتخاب تکنولوژی یه چیز شخصی و سلیقه ای هست و شما باید بنا به معیار هایی که دارید انتخاب کنید.
منظور از معیار، ویژگی هایی هست که میخواید تکنولوژی مورد نظرتون اونا رو داشته باشه. مثل بازار کار، تعداد منابع آموزشی، سطح سختی تکنولوژی، جامعه آماری (کامیونیتی) تکنولوژی و … .
پیشنهادم اینه که به هیچ وجه عجله نکنید و تمام تمرکزتون رو بذارین رو جاوا اسکریپت. چون همه چی واقعا جاوا اسکریپته و اگه جاوا اسکریپت رو به خوبی یاد بگیرید، ویو یا ری اکت مثل آب خوردن میشه براتون.
پس شما فعلا جاوا اسکریپت رو به خوبی و عالی یاد بگیرین و پروژه هایی رو با خود جاوا اسکریپت پیاده سازی کنید، بعد در مورد انتخاب تکنولوژی هم کمکتون خواهم کرد.
alisadeghi27
ممنون
saalipoor
سلام وقتتون بخیر
ای کاش قیمت دوره رو کاهش میدادید 🙁
قدیر(مدیریت)
سلام. با توجه به منتورشیپ بودن دوره و با توجه به هزینه هایی که برای همین دوره داره میشه و از سمتی پوشش ابعاد بیزنسی توسط مدرس درخود دوره که درنهایت موجب میشه که دانشجو خروجی قابل قبولی رو بدست بیاره. این دوره قرار نیست قیمتش پایین باشه دوست من
و فکرمیکنم گرون ترین دوره بین دوره های موجود ریکت در بازار باشه!
و شما اگر میخواید بدونید نسبت به هزینه ای که میکنید. چه کیفیت و محتوایی رو بدست میارید. میتونید یک نگاه به سرفصل های دوره جاوااسکریپت سبزلرن بندازید تا متوجه بشید که ایا ارزش داره روی این دوره سرمایه گذاری کنید یا خیر
قدیر(مدیریت)
درود برشما (: ما تو سبزلرن کمی بیشتر از قبل با همکارانمون فکر کردیم و قیمت دوره رو به ۱ میلیون و ۷۰۰ کاهش دادیم! که درنوع خودش نسبت به مزایایی که درش ارائه میدیم. قیمت مناسب و پایینی هست
موفق باشید
saalipoor
با سلام و عرض احترام
ممنون از اینکه به نظر مخاطب احترام میزارید
یقینا دوره هایی که تهیه میشه کیفیت بالایی داره، بنده چند دوره از آقای سعیدی راد دیدم و واقعا ایشون مدرس بسیار توانمندی هستند و ارزش دوره ها هم قطعا بسیار بیشتر از این هزینه هاس. بنده صرفا به این دلیل عرض کردم که پرداخت چنین هزینه ای شاید در توان همه دانشجوهایی که از مطالب سایت بهره مند میشن نباشه و اگر قیمتها پایینتر باشه تعداد بیشتری میتونن از آموزشهای بی نظیر سایت بهره مند بشن.
ممنون از شما
قدیر(مدیریت)
ممنونم از توجه تون (:
موفق باشید
Alireza.gh
سلام وقت بخیر
ریداکس هم تدریس میشه تو این دوره؟
محمدامین سعیدی راد(مدرس)
سلام عزیز، بله.
همون طور که تو جلسه معرفی دوره گفته شده، ریداکس هم به طور پروژه محور تدریس میشه.
Alireza.gh
پروژه هایی که تو این دوره میزنید هم میشه بگید
محمدامین سعیدی راد(مدرس)
پروژه های CMS، سبد خرید، فروشگاه اینترنتی، آزمون آنلاین، بازی حدس کلمه و …
همه پروژه ها از قبل تعیین نشدن و دوره عمدتا دانشجو محور پیش میره و علاوه بر پروژه های ذکر شده، پروژه های درخواست شده توسط دانشجوها هم پیاده سازی میشه.