عنوان دوره :

آموزش ReactJs ورژن 15

مدرس : حسام موسوی
زمان قرارگیری : 23 دی 1395
تعداد قسمت های قرار داده شده : 20

تا زمانی که این دوره رایگان است شما بصورت کامل به این دوره دسترسی دارید

قیمت دوره رایگان
وضعیت دوره تکمیل شده

توضیحات

در این دوره قصد دارم فریمورک React.js که یکی از فریمورک های پیشرفته و کاربردی جاوا اسکریپت محسوب میشه رو در قالب یک پروژه به شما آموزش بدم . در قسمت اول ، که معرفی این فریمورک هست به سوال های مهم از جمله اینکه ، این ابزار چه فرقی با فریمورک های مثل AngularJs و VueJs داره جواب میدم  و میگم که ما چرا اصلا باید اون رو یاد بگیریم ، بعد دلایلی رو مطرح میکنم که به شما میفهمونه که استفاده از ReactJs میتونه کمک زیادی برای ایجاد پروژه های مختلف به شما کنه . +

آموزش ReactJs ورژن 15 زمان کل دوره : 06:30:42
رایگان 12:45
رایگان 18:30
رایگان 19:04
رایگان 15:50
رایگان 30:40
رایگان 30:57
رایگان 13:50
رایگان 07:31
رایگان 21:06
رایگان 15:15
رایگان 11:07
رایگان 16:53
رایگان 14:26
تا زمانی که این دوره رایگان است شما بصورت کامل به این دوره دسترسی دارید

قیمت دوره رایگان
وضعیت دوره تکمیل شده

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

مشاهده همه دوره ها
آموزش پروژه محور Electron درحال برگزاری

الکترون فریمورکی است که توسط آن با استفاده از تکنولوژی های جاوا اسکریپت، CSS و HTML می توانید اپلیکیشن های محلی تحت دسکتاپ بسازید. الکترون در توسعه اپ...

آموزش پروژه محور Vuex تکمیل شده

vuejs به سرعت و به طور باورنکردنی محبوب شده است، به دلیل اینکه بسیار فریم ورک قدرتمندی است و هم فوق العاده ساده برای یاد گیری میباشد.یادگیری فریم ورک ...

آموزش Redux تکمیل شده

شاید تا به حال اسم Redux رو نشنیده باشید اما اگر با جاوااسکریپت یا فریمورک ReactJs کار کردید حتما پیشنهاد میکنم این توضیحات رو مطالعه کنید . ببینید Re...

آموزش کامل Angular تکمیل شده

Angular 4 یکی از پرطرفدارترین فریم‌ ورک‌های Open Source جاوا اسکریپت هست که برای ساخت انواع اپلیکیشن های تحت وب بکار میره. تیم Google که روی این پروژه...

دیدگاه های ارزشمند شما

برای ارسال نظر لازم است ابتدا وارد سایت شوید
Saeed_mn | 2 ماه پیش

سلام...خسته نباشید
من در قسمت نهم وقتی از router استفاده میکنم,در حالی که history={hashHistory} رو هم اضافه کردم ولی در قسمت console ارور TypeError: _this.props.history is undefined رو نمایش میده و صفحه لود نمیشه.باید چیکار کنم؟

حسام موسوی | 2 ماه پیش

این مورد در ورژن گذشته بوده و تغییر کرده در دوره جدید این موضوع رو توضیح میدم

mghhgm | 2 ماه پیش

سلام جناب موسوی

با توجه به اینکه reactjs کمی شیوه کد نویسیش تغییر کرده، چند هفته پیش فرموده بودید دوره تکمیلی روی سایت قرار میگیره. بدلیل اینکه دوره reactjs-native رو خریداری کردم و پیش نیاز این دوره، آموزش reactjs هست، ممنون میشم بفرمایید کی دوره تکمیلی در سایت قرار میگیره.

حسام موسوی | 2 ماه پیش

سلام

بببینید شیوه کد نویسی تغییر نکرده یکی دوتا option غیرفعال شدن
یعنی همین دوره شما رو برای یادگیری Reactjs راه میندازه و مشکل خاصی نیست
بعد از اتمام دوره React native هم دوره Reactjs رو برگزار میکنیم

masoud parpanchi | 2 ماه پیش

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

حسام موسوی | 2 ماه پیش

خود ری اکت خیر چون ری اکت یک فریمورک کلاینت هست
اگر هم باشه با nodejs کار میکنه و باید nodejs بلد باشید

حمیدرضا | 3 ماه پیش

آقای موسوی جون میشه بفرمایید چطوری از bootstrap و materialize در پروژه React استفاده بفرماییم

حسام موسوی | 3 ماه پیش

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

ali gholipour | 3 ماه پیش

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

حسام موسوی | 3 ماه پیش

با سلام
اگر فایلی نیاز باشه به همراه فایل فشرده که دانلود میکنید قرار داده میشه

Mohammad Zare Moghadam | 3 ماه پیش

سلام. آموزشش در کل مفید بود ولی به نظرم میشد با کیفیت بهتری مطالب بیان بشه و در طول پروژه خطاهای متعدد رخ نده از سمت آموزش دهنده. امیدوارم این دوره آموزش react.js دوباره بازبینی و با کیفیت بالاتر تولید بشه. تشکر از آموزش های تولید شده و وب سایتتون.

حسام موسوی | 3 ماه پیش

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

سجاد | 3 ماه پیش

سلام

ظاهرا در نسخه جدید react-router تغییراتی رخ داده.
برای مثال وقتی که پکیج رو نصب کردم و در فیلم شماره 10با همون دستورات گالب که در پوشه همراه فیلم هست خروجی گرفتم، مرورگر این خطا رو برمی گردونه:
Uncaught TypeError: (0 , _history.createHistory) is not a function
at Object.983../app/About

نکته مهم این هست که هیچ تغییری در فایل ها ندادم و صرفا با گالب browserify رو اجرا کردم.

ممنون میشم اگر خودتون هم با این موضوع برخوردید، خلاصه بفرمایید که تغییر چی بوده که اعمال کنیم و بتونیم همراه با آموزش پیش بریم.

حسام موسوی | 3 ماه پیش

این نسخه قدیمی تر react-js هست بزودی سری جدید reactjs در سایت قرار داده میشه

سجاد | 3 ماه پیش

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

حسام موسوی | 3 ماه پیش

احتمالا از هفته آینده

سجاد | 3 ماه پیش

سلام

با توجه به اینکه react16 منتشر شده، شاید بد نباشه در یک ویدیو به تفاوت های این نسخه ها بپردازید.

حسام موسوی | 3 ماه پیش

بله در حال آماده سازی مطالب برای تهیه دور جدید reactjs هستیم بزودی در سایت شروع میشه هنوز تاریخ مشخصی نداره

hather | 3 ماه پیش

سلام خدمت شما و وبسایت بسیار عالیتون...
ببخشید یک سردرگمی برای من ایجاد شده بنده تا حدود زیادی با jquery کار کردم نمیگم خبره هستم ولی برای effect های درون سایت بسیار عالی هستش .حالا میخوام بدونم که این فریم ورک رو اگه یاد بگیرم میتونم با jquery ازش استفاده کنم؟
یا اگر نمیتونم این کارهایی که با jquery میشه انجام داد رو میشه با همونم انجام داد.
البته اضافه کنم که من خود javascript رو در حد کمی بلدم.مشکلی پیش نمیاد که فقط کتابخونه هاش رو بلد باشیم؟ اگه این دو سه تا سوال رو جواب بدین خیلی ممنون میشم...خیلی خیلی ممنون..واقعا زحمت میکشین

حسام موسوی | 3 ماه پیش

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

امین | 3 ماه پیش

چه خوب میشه اگه یه دوره پروژه محور با react و لاراول برگزار کنید

حسام موسوی | 3 ماه پیش

در پروژه نهایی این دوره لاراول مورد استفاده قرار میگیره
در توضیحات هم هست این موضوع

hrmshamc | 4 ماه پیش

سلام. وقت بخیر.
بنده می خوام react native رو یاد بگیرم میخواستم بدونم نیازی هست که قبل ازون react js رو یاد بگیرم یا اینکه به هم ربطی ندارن ؟
سپاس.

حسام موسوی | 4 ماه پیش

بله قطعا باید reactjs یاد بگیرید و بعد React Native

سجاد | 4 ماه پیش

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

حسام موسوی | 4 ماه پیش

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

محمد | 4 ماه پیش

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

بابت آموزش خوبتون ممنونم .

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

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

حسام موسوی | 3 ماه پیش

سلام در دوره آشنایی با امکانات جدید لاراول ۵.۵ آموزش داده شده این موضوع

nima | 4 ماه پیش

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

حسام موسوی | 4 ماه پیش

بعد از پایان پروژه React
باید build بگیرید از پروژه و اون رو روی هاست قرار بدید همین

mohammad | 4 ماه پیش

سلام وقت بخیر آقا ما نود عوض کردیم هر کاری بگی کردیم ولی دائم با این خطا روبر هستیم هنگام نصب پکیج ها
npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated express@2.5.11: express 2.x series is deprecated
npm WARN deprecated connect@1.9.2: connect 1.x series is deprecated
npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
npm WARN deprecated graceful-fs@1.2.3: graceful-fs v3.0.0 and before will fail on node releases >= v7.0. Please update to

حسام موسوی | 4 ماه پیش

این موارد warning هستن که مشکلی براتون به وجود نمیارن
فقط زمانی باید نگران بشید که تبدیل بشن به error

amirhossein | 4 ماه پیش

سلام من در مرحله نصب packet ها به مشگل خوردم چ جوری میتونم راهنمایی بگیرم

حسام موسوی | 4 ماه پیش

برای نصب راحتر reactjs میتونید از create-react-app استفاده کنید که در هنگام ضبط این ویدیو این ابزار نبود
و اینکه برای رفع مشکل میتونید از مستندات خود Reactjs استفاده کنید

ali | 4 ماه پیش

سلام . خواهشا در دوره react native که قراره برگزار بشه درباره فرمورک ui kitten هم توضیح بدین. ممنون
https://akveo.github.io/react-native-ui-kitten/

حسام موسوی | 4 ماه پیش

مرسی از نظرتون سعی میکنیم چنین کاری انجام بدیم

rana.nematollahi | 5 ماه پیش

سلام
من یک فایل js رو از روی cdn داخل فایل اصلی html لود کردم .
میخوام داخل کامپوننتام از توابع این فایل استفاده کنم این کار درسته؟
برای اینکه یه فایل خارجی رو داخل پروژه استفاده کنم باید چیکار کنم؟

حسام موسوی | 5 ماه پیش

باید بصورت global کتابخونه مورد نظر لود بشه تا بشه در همه جا ازش استفاده کرد برای global کردن هم معمولا میشه با window این کارو انجام داد

احسان فهامی | 6 ماه پیش

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

در قسمت react-router در فایل main.js شما اشاره کردید که برای از بین بردن ( # ) از آدرس بار . ما متدی به نام createHistory را از کتابخانه history دریافت کنیم و در قسمت تگ Router قرار بدهیم .

خب وقتی اینکار انجام میشود . # برداشته میشود ولی برای اجرا شدن index.html ما باید حتما و حتما سرور را ران کنیم . الان اگر ما بخواهیم # برداشته بشود و نیازی به ران کردن سرور نداشته باشیم باید چکاری انجام بدهیم ؟
یعنی وقتی که گالپ کار خود را انجام میدهد . ما بتوانیم با کلیک بر روی index.html . برنامه را مشاهده کنیم . آن # هم وجود نداشته باشد .

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

حسام موسوی | 6 ماه پیش

کاری نمیشه کرد و باید سرور ران کنید چون شما وبسایتتون رو در نهایت بر روی سرور اجرا میکنید پس باید در یک شرایط واقعی در لوکال تست کنید
در غیر اینصورت امکانش نیست

احسان فهامی | 6 ماه پیش

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

saeed boroomand | 6 ماه پیش

سلام
اگر من خواستم از react توی پروژه های Visual Studio استفاده کنم. چیکار باید بکنم.
خود ویژوال تمام کار هایی که توی قسمت دوم توضیح دادید را انجام میدهد، یا باید حتما از NodeJs استفاده کنیم

حسام موسوی | 6 ماه پیش

همونطور که میبینید من با Visual Studio کار نمیکنم باید در گوگل سرچ کنید یا از اونای که با Visual Studio کار میکنن سوال کنید

mojtaba | 7 ماه پیش

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

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

در مواردی که state بکارگرفته میشه با خطای Unexpected token while parsing file مواجه میشم. مثلا کدهای لینک زیر رو که بکار میبرم.

http://www.material-ui.com/#/components/dropdown-menu

همه ی جواب های stackoverflow و ... هم مشکل رو حل نکرد. :(

ممنون

حسام موسوی | 7 ماه پیش

سلام و خسته نباشید
من با material ui در reactjs کار نکردم ولی مشخصا این ارور بخاطر مشکل در syntax شما باید باشه
به‌ دقت تمام کد خودتون رو چک کنید

بهنام | 7 ماه پیش

سلام .اینم مثل انگولار و ویو ورژن 1 و 2 داره و مثل اونا اگه داشته باشه سینتکس کد نویسیش خیلی عوض شد و ... باید بریم سراغ نسخه جدیدش

حسام موسوی | 7 ماه پیش

خرید طریقه نسخه بندی react یمقدار متفاوته برای مثال در هر بار چیزی رو اضافه یا حذف میکنن از کل فریمورک که ممکنه در یک نسخه کار کنه در نسخه بعدی خیر
برای مثال در یک نسخه prop-types بصورت تو کار بود ولی الان شده بصورت پکیج برای همین کلی‌ات کار حفظ میشه در react
در vuejs هم نسخه 1 با 2 فرق چندانی به هیچ وجه نداره
تنها فریمورکی که نسخه 1 و 2 اون فرقشون از آسمون تا زمینه آنگولار هست که از نسخه 2 به بعد دیگه تقریباتش شده مثل مابقی فریمورک ها که با یادگرفتن نسخه های جدید همه نسخه های اینده رو هم میتونید کار کنید

محمود | 7 ماه پیش

سلام خسته نباشید . ممنون از آموزش خوبتون
در جلسه هفتم همچین خطایی رو میبینم و نمیدونم چیه . ممنون میشم راهنمایی کنید
arning: Accessing PropTypes via the main React package is deprecated. Use the prop-types package from npm instead.

حسام موسوی | 7 ماه پیش

بله این ویژگی در نسخه جدید reactjs حذف شده و بصورت پکیج در اومده اگر میخواهید از این ویژگی استفاده کنید پکیج مورد نظر رو نصب کنید حتما

علی | 8 ماه پیش

سلام،
در قسمت Console فایر فاکس این پیغام خطا ظاهر می شود و چیزی نمایش نمی دهد. به نظر می اید مشکل در ورژن می باشد.
Warning: Accessing PropTypes via the main React package is deprecated. Use the prop-types package from npm instead. bundle.js:38772:9
Warning: DropdownMenu: React.createClass is deprecated and will be removed in version 16. Use plain JavaScript classes instead. If you're not yet ready to migrate, create-react-class is available on npm as a drop-in replacement. bundle.js:38772:9
"You are using a whole package of antd, please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size." bundle.js:6412:5
TypeError: _history.createhistory is not a function[Learn More]

حسام موسوی | 8 ماه پیش

بله در ورژن جدید دیگه شما بصورت کامل باید از روش کلاس ها استفاده کنید که در جلسات آینده توضیح دادمش و میتونید اون رو پیاده سازی کنید

sajad | 8 ماه پیش

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

حسام موسوی | 8 ماه پیش

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

علی | 8 ماه پیش

سلام. جناب آقای موسوی بنده React را نصب کردم و وقتی کدهام را وارد کردم و اجرا کردم این پیغام خطا به من نمایش داده می شود
"You are using a whole package of antd,
please use https://www.npmjs.com/package/babel-plugin-import to reduce app bundle size." حال چه کنم؟ با تشکر

حسام موسوی | 8 ماه پیش

اگر دقت کرده باشید در دوره هم گفتم این ارور با رنگ زرد هست و یک warning و متعلق به ابزار antd هستن مشکلی برای شما به وجود نمیاده این warning

علی | 8 ماه پیش

سلام، در مورد سوال گفته شده در فایرفاکس اصلا هیچ چیزی نمایش نمی دهد و در inspect element قسمت Console این پیغام خطا را می دهد. فکر کنم مشکل فایل bundel.js می باشد که نمی تواند اصلاحش کند . چون با هر گونه تغییر در کد این مشکل بوجود می اید.

حسام موسوی | 8 ماه پیش

قطعا شما اروری دارید داخل cmd چک کنید و کامپایل و دنبال ارور بگردید

احسان فهامی | 8 ماه پیش

سلام

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

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

الان من بین ری اکت و ویو2 کدوم یکی رو باید انتخاب کنم ؟

قبلا بخاطر راهنمایی شما بینهایت سپاسگزارم

حسام موسوی | 8 ماه پیش

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

احسان فهامی | 8 ماه پیش

به نام خدا

سلام.

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

بازم بخاطر آموزش هاتون سپاسگزارم

حسام موسوی | 8 ماه پیش

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

arazsalmasi | 9 ماه پیش

سلام استاد خسته نباشید
میخواستم بدونم توی این آموزش یاد میدید که چطور لاراول رو با react با هم استفاده کنیم مثل اموزش vue js 2 یا انگولار2 که با لاراول در سمت سرور استفاده میشن؟

حسام موسوی | 9 ماه پیش

از لاراول در react باید به عنوان یک api استفاده کنید

arazsalmasi | 9 ماه پیش

آموزش استفاده از لاراول با api در react توش یاد میدید؟
توی vue و angular هم با api باید استفاده کرد یا فرق دارن؟

حسام موسوی | 9 ماه پیش

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

arazsalmasi | 9 ماه پیش

توی فیلم معرفی react یه پروژه رو نشون میدید که محصئلی رو به سبد خرید اضافه میکنه اون سمت سرورش با لاراول هست؟

حسام موسوی | 9 ماه پیش

بله از لاراول هم استفاده شده

محمد حسین طاهری | 9 ماه پیش

سلام وقت بخیر.
من برای پروژم از Material Ui استفاده کردم و ار راهی که شما در آموزش بخش فرم گفته بودین جلو رفتم ولی به مشکل خوردم value های AutoComplete و DatePicker رو نمیتونم ببینم تو log.ممنون میشم راهنماییم کنید

حسام موسوی | 9 ماه پیش

من با material Ui برای React کار نکردم
ولی این گرفتم Value ها اگر با Material Ui داره انجام میشه چک کنید که روند خاصی نداشته باشه

madadi | 10 ماه پیش

درود
با سپاس فراوان
استاد پیش نیاز این دوره یادگیری کدام دوره می باشد ؟

لطفا یه مقدار نظم بهتری بدین برای پیش نیاز دوره ها
اگر ممکن باشه بطور مثال یه فلوچارت کلی ایجاد کنید بسیار عالی میشه

باتشکر

حسام موسوی | 10 ماه پیش

در ورژن جدید راکت این کار رو انجام میدیم
پیش نیاز این دوره یادگیری Javascript و ES6 هست که هر دو دوره در سایت موجوده