دوره آموزش React Js

دوره آموزش React Js

دوره آموزش React Js

دوره آموزشی React Js از مقدماتی تا پیشرفته به همراه پروژه عملی

 

React JS یکی از سریع‌ترین و محبوب‌ترین کتابخانه‌ها (Library) جاوا اسکریپت است که توسط فیسبوک اینستاگرام و یک جامعه مستقل از توسعه دهندگان وب مدیریت و نگهداری می‌شود.

React یک Libarary متن باز و البته رایگان جاوا اسکریپت برای طراحی رابط کاربری است.  

 

جهت آشنایی با دوره و سرفصل ها ، بخش اول آموزش را مشاهده فرمائید .

 

(( این دوره در حال برگزاری می باشد و هر قسمت پس از ضبط منتشر خواهد شد  ))

30% تخفیف پیش خرید این دوره با کد تخفیف  react می باشد .

خرید این دوره

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

مدت زمان دوره: 10:11:00
راهنما! برای دانلود با دانلود منیجر(IDM) بر روی این لینک کلیک کنید.

معرفی دوره React و سرفصل

مفاهیم اولیه React

ابزارهای مورد نیاز برای شروع کار

ساخت اپلیکیشن React

ساخت اپلیکیشن Hello World

معرفی JSX بخش اول

معرفی JSX بخش دوم

رندر کردن المنت ها در React

کامپوننت و Props ها  در Ract بخش اول

کامپوننت و Props ها بخش دوم

استفاده از State ها در React

Lifecycle Hooks در React

استفاده صحیح از State ها

مدیریت رویدادها در react

استفاده از شرط در رندر کردن در React

استفاده از Css در ReactJs

لیست و کلید ها بخش اول در ReactJs

لیست و کلید ها بخش دوم در ReactJs

فرم ها در React

معرفی و استفاده از Reactstrap در React

ترکیب بندی و وراثت در ReactJs

ساخت سبد خرید در ReactJs قسمت اول

ساخت سبد خرید قسمت دوم

ساخت سبد خرید قسمت سوم

ساخت سبد خرید قسمت چهارم

ساخت سبد خرید قسمت پنجم

معرفی Redux

نصب و استفاده از Redux بخش اول

نصب و استفاده از Redux بخش دوم

استفاده از Action Generator ها

Reducer ها در Redux 

رکیب Reducer ها

عملگر Spread

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

استفاده از ریداکس در پروژه سبد خرید بخش اول

استفاده از ریداکس در پروژه سبد خرید بخش دوم

استفاده از ریداکس در پروژه سبد خرید بخش سوم

استفاده از ریداکس در پروژه سبد خرید بخش چهارم

شروع و پیکربندی پروژه وبسایت شخصی

ساخت کامپوننت Navbar در ReactJs

استخراج جستجو به کامپوننت مجزا

ساخت کامپوننت Sidebar بخش اول

ساخت کامپوننت Sidebar بخش دوم

 استخراج اطلاعات کاربر از سایدبار در ReactJs

ساخت کامپوننت Post بخش اول

ساخت کامپوننت Post بخش دوم

داینامیک کردن کامپوننت Post

کامپوننت Like

کامپوننت Footer

کامپوننت صفحه بندی Pagination

داینامیک کردن صفحه بندی بخش اول

داینامیک کردن صفحه بندی بخش دوم

اعتبارسنجی پراپ ها با PropTypes

برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

ilkhanihosein ارسال شده در جمعه ۱۸ آبان ۱۳۹۷

سلام . میشه در ادامه دوره کار با انیمیشن در react  رو هم بهمون یاد بدین؟؟؟

یونس قربانی ارسال شده در شنبه ۱۹ آبان ۱۳۹۷

سلام

چشم بعد از اتمام دوره قرار میدم

arefen ارسال شده در یک شنبه ۱۳ آبان ۱۳۹۷

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

r29taheri ارسال شده در یک شنبه ۱۳ آبان ۱۳۹۷

سلام

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

یونس قربانی ارسال شده در یک شنبه ۱۳ آبان ۱۳۹۷

سلام

متشکرم از نظرتون حتما در اولین فرصت ویرایش میشه.

موفق باشید

amir__developer ارسال شده در سه شنبه ۸ آبان ۱۳۹۷

سلام استاد میشه آموزش بدین که app رو  که با node تو بک نوشتیم رو از local آنلاین کنیم ...

یا اگه میشه یه منبعی رو معرفی کنید که این رو هم یاد بگیریم .ممنون .

یونس قربانی ارسال شده در سه شنبه ۸ آبان ۱۳۹۷

سلام

بعد از اتمام دوره حتما  ضبط و ارائه میشه

amir__developer ارسال شده در یک شنبه ۶ آبان ۱۳۹۷

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

یونس قربانی ارسال شده در یک شنبه ۶ آبان ۱۳۹۷

سلام

بله چرا نمیشه

قسمت های جدید فردا انتشار داده میشن

موفق باشید

پیام برومند ارسال شده در دو شنبه ۲۳ مهر ۱۳۹۷

با سلام 

بی زحمت لینک فیلم معرفی رو قرار میدین

ایمان مدائنی ارسال شده در دو شنبه ۲۳ مهر ۱۳۹۷

سلام

بخش اوب دوره است که رایگان هست

dell816 ارسال شده در دو شنبه ۲۳ مهر ۱۳۹۷

با سلام 

لطفاً بفرمایید آیا این دوره پیش نیاز داره و اگر بله به چه مباحثی میبایست مسلط بود. 

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

 

با تشکر از سایت بسیار مفید و زحمات شما خصوصاً جناب مدائنی

 

یونس قربانی ارسال شده در دو شنبه ۲۳ مهر ۱۳۹۷

با سلام دوست عزیز

در ویدئو معرفی دوره در مورد پیش نیاز صحبت شده.

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

انشاالله قرار داده خواهد شد.

موفق باشید.

AliRasti ارسال شده در یک شنبه ۲۲ مهر ۱۳۹۷

با سلام و تشکر بابت دوره مفید . آیا SPA هم جزو سرفصل هاتون هست ؟

یونس قربانی ارسال شده در یک شنبه ۲۲ مهر ۱۳۹۷

سلام دوست من

جزو سرفصل نیست اما بعد از اتمام پروژه پایانی به درخواست دانشجویان دوره ضبط و ارائه میشه.

موفق باشید.

proweb1991 ارسال شده در یک شنبه ۱۵ مهر ۱۳۹۷

سلام دوست عزیز ، دوره رو خریدم و امیدوارم همونجوری که فکر میکنم خوب باشه  :)))) 
یک سوال ، تو این دوره کار با rest api و عملیات لازم (crud) رو هم توضیح میدید؟؟

 

این دوره هنوز تکمیل نشده درسته؟؟تا کی طول میکشه؟؟؟

یونس قربانی ارسال شده در سه شنبه ۱۷ مهر ۱۳۹۷

سلام

انشاالله که مورد پسندتون باشه.

بله استفاده میکنیم.

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

proweb1991 ارسال شده در پنج شنبه ۱۹ مهر ۱۳۹۷

من تا قسمت 24 اومدم ، سبد خرید و بحث افزایش و .. از state استفاده کردید ، 

بهتر نبود که از redux استفاده میشد ، یا این مبحثو بعد ریداکس میگفتید ؟؟

و سبد خرید و ... این مباحث این شکلی رو که کلیک در یکجا ، در چندین قسمت تاثیر داره (مثلا همین سبد خرید که چندین جا باید آپدیت بشن) رو با ریداکس هم میگید؟؟ 

یونس قربانی ارسال شده در پنج شنبه ۱۹ مهر ۱۳۹۷

سلام دوست من

خیلی هم عالی (امیدوارم که چیزهای زیادی یاد گرفته باشید)

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

موفق باشید

mahyarfard ارسال شده در شنبه ۱۴ مهر ۱۳۹۷

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

 

یونس قربانی ارسال شده در شنبه ۱۴ مهر ۱۳۹۷
proweb1991 ارسال شده در شنبه ۱۴ مهر ۱۳۹۷

با سلام

کیفیت دوره ، حرفه ای بودن ، تسلط و بیان قوی و قابل فهم برام خیلی مهمه... از کجا مطمئن شم که این دوه این قابلیتها رو داره؟؟

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

و سوال دیگه : در این دوره با ری اکت 16 کار میکنید دیگه؟؟

یونس قربانی ارسال شده در شنبه ۱۴ مهر ۱۳۹۷

با سلام

بعد از تهیه در صورت عدم رضایت شما وجه شما عودت خواهد شد.

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

موفق باشید

proweb1991 ارسال شده در شنبه ۱۴ مهر ۱۳۹۷

الان ویدیوی معرفی رو دیدم ، واقعا برام سواله ، ری اکت چه ربطی به نود داره ؟ چرا پیش نیاز دوره در قسمت فرانت ، یک بحث سروریه؟؟ :|

 

 

یونس قربانی ارسال شده در شنبه ۱۴ مهر ۱۳۹۷

چون در طول دوره از npm برای دانلود و استفاده از کتابخونه ها استفاده میکنیم و همچنین ساخت Back end با node js هست در پروژه پایانی .

mahyarfrd ارسال شده در شنبه ۱۴ مهر ۱۳۹۷

سلام . 

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

ممنون

ایمان مدائنی ارسال شده در شنبه ۱۴ مهر ۱۳۹۷

سلام 

بعد از تهیه در صورت عدم رضایت شما وجه شما عودت خواهد شد 

mahyarfrd ارسال شده در شنبه ۱۴ مهر ۱۳۹۷

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

یونس قربانی ارسال شده در دو شنبه ۹ مهر ۱۳۹۷

با سلام خدمت دوستان عزیز

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

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

موفق باشید.

abolfazl930 ارسال شده در دو شنبه ۱۹ شهریور ۱۳۹۷

سلام
فکر نمیکنید ارائه قسمت های جدید تاخیر زیادی داره؟

mehrdad86 ارسال شده در چهار شنبه ۱۴ شهریور ۱۳۹۷

با سلام
آقای قربانی این ویدئو 19رو نمیشه دانلود کرد
error 404 میده

 

ایمان مدائنی ارسال شده در چهار شنبه ۱۴ شهریور ۱۳۹۷

سلام 

مشکل برطرف شد

مهرداد ارسال شده در دو شنبه ۱۲ شهریور ۱۳۹۷

با سلام

آیا آموزش react Native هم در سایت میذارید؟؟

یونس قربانی ارسال شده در دو شنبه ۱۲ شهریور ۱۳۹۷

سلام

بله , بعد از اتمام این دوره شروع میشه دوره React Native

rezatoops ارسال شده در یک شنبه ۲۸ مرداد ۱۳۹۷

سلام. بنده تصمیم دارم از reactjs در mvc استفاده کنم؟ آیا این آموزش به درد من میخوره؟

یونس قربانی ارسال شده در یک شنبه ۲۸ مرداد ۱۳۹۷

با سلام

اگر منظورتون استفاده از ری اکت در ASP.NET MVC هست بله میشه میتونید برای اطلاعات بیشتر به سایت reactjs.net مراجعه کنید.

موفق باشید

mahdyranaee ارسال شده در جمعه ۱۸ آبان ۱۳۹۷

شما موفق شدین در ASP.NET به کار ببرید؟

 

mehrdad86 ارسال شده در یک شنبه ۲۸ مرداد ۱۳۹۷

سلام
خیلی وقته ویدئو جدید ندادین!
چرا آپدیت نمیکنید؟
ما منتظریم!

یونس قربانی ارسال شده در یک شنبه ۲۸ مرداد ۱۳۹۷

سلام

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

mahjoob ارسال شده در شنبه ۲۰ مرداد ۱۳۹۷

سلام 

این دوره چقدر زمان میبره تا تکمیل بشه ؟

و اینکه آپدیت ها چند وقته ست؟

روزانه یا هفتگی ..

یونس قربانی ارسال شده در شنبه ۲۰ مرداد ۱۳۹۷

سلام

تقریبا  ۲۰ الی ۳۰ روز دیگه تکمیل میشه.

هر ۲ یا ۳ روز آپدیت میشه.

MeysamHadeli ارسال شده در جمعه ۱۹ مرداد ۱۳۹۷

سلام. وقت بخیر. 

می خواستم بپرسم به همراه web api از redux هم استفاده می کنید؟ 

 

یونس قربانی ارسال شده در شنبه ۲۰ مرداد ۱۳۹۷

سلام

بله از Redux هم استفاده خواهد شد در طول دوره و مثالی رو هم با Web Api ها خواهیم داشت.

موفق باشید.

MinaArab ارسال شده در جمعه ۱۹ مرداد ۱۳۹۷

با سلام

لطفا بفرمایید پیش نیازهای این دوره چی هستند؟

یونس قربانی ارسال شده در شنبه ۲۰ مرداد ۱۳۹۷

سلام

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

موفق باشید.

محسن نیک زاده ارسال شده در پنج شنبه ۱۸ مرداد ۱۳۹۷

با سلام و احترام

خیلی خوب شد که فایل ها رو شماره گذاری کردید ، چون بعضی از آموزش ها فایل ها شماره گذاری نبود و مجبور بودم خودم یکی یکی دانلود کنم و شماره بزنم ، اما اینطوری پیگیریش خیلی بهتره

من این دوره رو خریدم ، چون آموزش زامارین واقعا مفید بود برام ممنون، لطفا ادامه بدین

باز هم تشکر

 

maziar_rooney ارسال شده در پنج شنبه ۱۸ مرداد ۱۳۹۷

با سلام خدمت استاد محترم

برای یادگیری reacjs و بعدش react native نیاز به یادگیری php هست؟اصلا زبان سمت سرور در این کتابخانه و فریمورک چی باید باشه؟

ممنون

یونس قربانی ارسال شده در پنج شنبه ۱۸ مرداد ۱۳۹۷

سلام

نه نیازی به یادگیری PHP نیست شما تنها با یادگیری جاوا اسکریپت میتونی همه چیز رو خودت طراحی کنی ما در اینجا برای طراحی ظاهر یا همون UI از React استفاده میکنیم و برای نوشتن سمت سرور Back End هم از جاوا اسکریپت که از NodeJs بهره میبریم.

پس تنها جاوااسکریپت کفایت میکنه هم میتونی سمت سرور کد بنویسی و هم Front End و هم برای موبایل

موفق باشید.

siamakjalili ارسال شده در سه شنبه ۱۶ مرداد ۱۳۹۷

سلام ، نمونه کد C# برای server side rendering و نحوه ارتباط با پروژه ری اکت رو میخوام کسی داره کمکم کنه ؟

abolfazl930 ارسال شده در شنبه ۱۳ مرداد ۱۳۹۷

سلام

آیا قصد ندارید سرفصل های کامل آموزش رو قرار بدید؟!

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

سرفصل دوره طبق سایت ری اکته؟

یونس قربانی ارسال شده در شنبه ۱۳ مرداد ۱۳۹۷

با سلام

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

بعد وارد پروژه های خودمون میشیم همانطور که در ویدئو اول توضیح داده شد.

موفق باشید 

developer_one ارسال شده در پنج شنبه ۱۱ مرداد ۱۳۹۷

سلام مهندس

لطفا یه آموزش خوب در مورد پیاده سازی Vue js در Asp.net Core به صورت پروژه محور قرار بدین

 با تشکر

jafar388 ارسال شده در چهار شنبه ۱۰ مرداد ۱۳۹۷

با سلام وخسته نباشید

1-ایا دوره react native هم برگزار خواهید نمود ؟ 

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

اشنایی با اندروید  دارم ولی علاقه مندم با react اینکار را انجام دهم...

ایا این دوره میتونه کمک کنه یا منتظر دوره ریکت نیتیو باشم

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

ممنون از تاپ لرن

یونس قربانی ارسال شده در چهار شنبه ۱۰ مرداد ۱۳۹۷

با سلام

دوره React Native بعد از اتمام این دوره برگزار خواهد شد.

React یک کتابخونه جاوااسکریپت هست و برای وب استفاده میشه اما React Native یک فریم ورک هست که برای توسعه برنامه های سمت موبایل استفاده میشه و تفاوت دارن و جایگاهش جداست و باید دوره مجزای خودشو داشته باشه.

موفق باشید

 

مهرداد ارسال شده در دو شنبه ۸ مرداد ۱۳۹۷

سلام استاد قربانی, میشه نمونه وب سایت هایی که در دنیای وب با react js ساخته شده رو معرفی کنید ببینیم؟؟ای کاش خروجی اون چیزی که قراره طراحی کنید توی دوره رو الان نمایش میدادید که ببینیم چه جوره

یونس قربانی ارسال شده در دو شنبه ۸ مرداد ۱۳۹۷

سلام

از وبسایتهای معروف

  • فیسبوک (تا اندازه ایی)
  • reactjs.org (کاملا)
  • اینستاگرام (کاملا)
  • یاهو میل (کاملا)
  • npmjs.com (کاملا)
  • trello.com (تا اندازه ایی)

و خیلی از سایتهای دیگه

amirghasemi ارسال شده در دو شنبه ۸ مرداد ۱۳۹۷

سلام

بیزحمت دوره React Native  برای تولید نرم افزارهای موبایلی را هم مدنظر داشته باشید

با تشکر و احترام

یونس قربانی ارسال شده در دو شنبه ۸ مرداد ۱۳۹۷

با سلام

React Native بعد این دوره آموزش داده میشه توی برنامه ام هست.

موفق باشید.

jafar388 ارسال شده در شنبه ۶ مرداد ۱۳۹۷

با سلام این دوره کی شروع میشود ...

توضیحات کاملی در باره تکنولوژی react و پروژه اموزش بدهید...ایجاد وب سایت خواهد بود یا اپ

یونس قربانی ارسال شده در شنبه ۶ مرداد ۱۳۹۷

با سلام

دوره در حال ضبط هست و ویدئو توضیحات در مورد این دوره به زودی منتشر میشه.

بله برای وب هست وب سایت و برخی چیزهای دیگه رو قرار هست با هم بسازیم.