ری اکت (React) اسمی آشنا برای تمام افرادی است که به دنبال یادگیری برنامه نویسی سمت کاربر یا Frontend هستند. در دوره آموزش ری اکت (React) این تضمین را به شما می دهیم که پس از گذراندن دوره به فردی تبدیل شوید که قادر است هرگونه نرم افزاری با کتابخانه ری اکت | React را ایجاد کند.
اما اولین سوالی که برای هر شخص پیش می آید این است:
اگر بخواهیم به صورت خلاصه بگوییم، ری اکت (React) یک کتابخانه جاوا اسکریپتی است که به شما این امکان را می دهد تا صفحات SPA (تک صفحه ای) یا Single Page Application در بستر اینترنت بوجود بیاورید و با استفاده از آن درخواست خود را به سرور ارسال کرده و بدون رفرش کردن صفحه، خروجی را تغییر دهید.
این کتابخانه در سال ۲۰۱۱ توسط شرکت فیس بوک (Facebook) به دنیای توسعه دهنده ها معرفی شد و انقلابی جدید در بین کتابخانه های جاوا اسکریپت بوجود آورد. بد نیست بدانید هم اکنون وب سایت شرکت فیس بوک و همچنین اینستاگرام از کتابخانه React استفاده می کنند.
از طرفی دیگر کتابخانه ری اکت (React) به صورت کامل کامپوننت محور بوده و شما می توانید المان های HTML دلخواه خود را درون هر یک از کامپوننت ها به صورت مجزا تولید کرده و در هر جای برنامه استفاده نمایید.
مثلا فرض کنید می خواهید لیستی از کاربران را با استفاده از React نمایش دهید. برای اینکار کافیست یک کامپوننت به نام User ایجاد کرده و سپس خروجی آن را در یک قالب HTML بسته به نیاز خود قرار دهید.
برای یادگیری بهتر این دوره، آشنایی با مفاهیم زبان جاوا اسکریپت (Javascript) به شما کمک می کند تا روند یادگیری سریع تری داشته باشید.
برای یادگیری جاوا اسکریپت اصلا نگران نباشید. به تازگی یک سری آموزشی متنی رایگان در روکسو پلاس تحت عنوان «سیر تا پیاز جاوا اسکریپت» ارائه شده است که می توانید در حین یادگیری React به آن بپردازید.
توجه به این نکته ضروری است که در دوره آموزش ری اکت (React) نیازی نیست که شما در حد یک توسعه دهنده حرفه ای به زبان جاوا اسکریپت مسلط باشید.
از طرفی درک مفاهیم مربوط به HTML و CSS برای زیباسازی و نمایش خروجی مناسب، حائز اهمیت است.
این دوره برای تمام افرادی که قصد دارند کتابخانه ری اکت (React) را از ابتدایی ترین (صفر) تا پیشرفته ترین مفاهیم (صد) یاد بگیرند، عالیست. این بدین معنی است که ما با مقدماتی ترین بحث ها دوره را شروع می کنیم و تا سطح پیشرفته همراه شما هستیم.
از طرفی در این دوره به یادگیری سایر کتابخانه های وابسته به ری اکت مثل Redux و react-router می پردازیم.
این آموزش در حال حاضر بر اساس نسخه ۱۶.۶ ری اکت (React 16.6) ارائه شده است. به محض بروزرسانی کتابخانه به نسخه های جدیدتر و پایداری آن، این دوره آموزشی نیز بروزرسانی می شود و شما می توانید پس از خرید دوره به صورت رایگان به آنها دسترسی داشته باشید.
پس از خرید این دوره آموزشی، مدرس دوره (مسعود صالحی) از طریق تیکت پشتیبانی (واقع در پروفایل کاربری) همراه شما خواهد بود تا به تمام سوالات شما پیرامون دوره و مفاهیم آموزشی پاسخ دهد.
در صورتیکه نیاز دارید مدت زمان پشتیبانی به یک سال ارتقاء پیدا کند لطفا تیک آن را در باکس قیمت دوره فشار دهید.
مقدمه و معرفی
معرفی اجمالی جاوا اسکریپت
مقدمه ای بر ری اکت و ویژگی های آن
کار کردن با لیست ها و قیدها
زیباسازی کامپوننت های ری اکت و المان ها
خطایابی نرم افزارهای React
سطح پیشرفته کامپوننت ها
پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش اول)
کار با درخواست های HTTP و Ajax در ری اکت
پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش دوم)
ایجاد نرم افزارهای تک صفحه ای با استفاده از Routing یا مسیردهی
پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش سوم)
فرم ها و اعتبارسنجی آنها
کار با Redux در React
پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش چهارم)
سطح پیشرفته Redux
پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش پنجم)
تست کردن نرم افزارهای React
بارگذاری یک نرم افزار React در سرور واقعی
1 ماه پیش
این دوره چند ساعته؟
1 ماه پیش
سلام وقت شما بخیر
حدود ۲۴ ساعت
2 ماه پیش
سلام استاد
من تو قسمت کانکت کردن ری اکت به ریداکس تمام مراحل رو به درستی ادامه دادم ولی مشکلی که هست به ارور ctr is not defiend میخورم . در واقع اصلا state اولیه رو نمیتونه دریافت کنه کامبوننت من.
ایراد از چیه؟
2 ماه پیش
سلام وقت شما بخیر
لطفا سوالات فنی خود را از طریق بخش تیکت های پشتیبانی (واقع در پروفایل کاربری من در بالای صفحه) از مدرس دوره بپرسید.
7 ماه پیش
درود و سپاس از تیم روکسو و استاد مسعود صالحی عزیز ،
با اومدن contex و راحت شدن خیلی از مشکلات و پیچیدگی ها در ریداکس ، لطفا توضیح میدهید که آیا میتوان از این به بعد فقط از contex استفاده کرد ، و ریداس یه جورایی discontinue شده ؟
سپاسگذارم از تیم روکسو اگه پاسخ بنده رو بدید
5 ماه پیش
سلام وقت شما بخیر
توجه داشته باشید که redux یک سیستم قدرتمند برای مدیریت اطلاعات و موقعیت داده ها هست. هنوز جایگزینی برای آن پیدا نشده است. و این بدین معنیست که ریداکس به عنوان یک سیستم قدرتمند می تواند در پروژه های پیشرفته بکار گرفته شود.
8 ماه پیش
چه قسمت هایی آپدیت شدن؟
8 ماه پیش
لطفا بررسی بفرمایید. فصل های انتهایی دوره موارد آپدیت شده را ارائه می دهند.
8 ماه پیش
حالا که دوره اپدیت شده کاشکی مبحث ssr کردن هم نشون میداد!
8 ماه پیش
سلام ببخشید چرا توی این آموزش از ui kit ها استفاده نشده ؟
8 ماه پیش
سلام وقت شما بخیر
ui kit یک پکیج مانند بوت استرپ است که شما می توانید بسته به نیاز خودتون اون رو جایگزین بوت استرپ کنید.
8 ماه پیش
خب اینطوری که نمیشه الان من مثلا بلد نیستم
شما وظیفتونه در قبال پولی که ما دادیم کامل این چیزارو بهمون یاد بدید
8 ماه پیش
خب اگر بخوایم اینطوری به قضیه نگاه کنیم اصلا نیازی نیست ما دوره شما رو بخریم
میریم به جاش همون داکیومت خود سایت رو میخونیم
شما وظیفتونه که آموزشش بدید اینو
8 ماه پیش
مرسی بابت آپدیت دوره یه چیزیم بگم دوستانی که منتظرن دوره مبحث مورد نظرشون آپدیت بشه مثله ری اکت و اینا به نظرم سعی کنین وقتی بیس رو حالا با یه منبع خیلی خوبی مثله همین دوره ری اکت روکسو ری اکت رو یاد میگیرن دیگه بهتره اگه میخوان حرفه ای کار کنن حتما از سایت رسمیه خوده ری اکت یا حالا کتابخونه های دیگه آپدیت هایی که براش میاد رو جویا بشن و منتظر نباشن که یکی بیاد براشون دوباره ویدیو درست کنه و چیزای جدیدو بگه چون ممکنه به دلیل مشغله نتونن اینکارو کنن اونوقت شما عقب میفتین و منتظرین تایم طولانی ای رو صبر کنین تا مدرس مورد نظر وقت کنه و آپدیتشو بده در صورتی که توی همون تایمی که صبر کردین میتونین برید سراغ مباحث جدید اون تکنولوژی مد نظرتون و یادش بگیرین تا وقتتونم هدر نره.
8 ماه پیش
سلام وقت بخیر
برام خیلی جالب من چندبار به دوستام شما رو معرفی کردم پارسال که از شما خرید کنن
برام خیلی جالب چند روز در میون میام سر میزنم تا حالا ندیدم هیچ کدوم از دوره هایی که رکورد کردین رو آپدیت کنین
فکر میکنم این حق خریدار باشه که زمانی که میگین خودتون دوره اپدیت میشه اپدیت رو دریافت کنن
من فروردین با پشتیبانی حرف زدم بابت اپدیت این دوره گفتن تا اخر اردیبهشت اپدیت میشه امروز 30 اردیبهشت !
8 ماه پیش
سلام وقت شما بخیر
متاسفانه بررسی دقیقی رو مباحث آپدیت نداشتید. در حال حاضر دوره های روکسو به آخرین نسخه خودشون آپدیت هستند. و شما باید به فیلد تاریخ بروزرسانی در ستون سمت چپ (کنار تاریخ انتشار) توجه کنید. امروز ۳۰ اردیبهشت ماه می باشد و در حال حاضر دوره ری اکت به نسخه ۱۶.۱۳.۱ بروزرسانی شده و فصل های جدید در حال بارگذاری هستند.
9 ماه پیش
سلام
ممنون از آموزش های خوبتون،من هم دوره انگولار هم ری اکت و هم ویو رو ازتون خریداری کردم و خیلی راضی هستم، اما دوره انگولارتون خیلی کاملتر از دوره های دیگه بود، اگر مبحث server side rendering رو در دوره های ویو و ری اکت هم بگید ممنون میشم در دوره انگولار خیلی به خوبی این موضوع رو توضیح دادین.
ممنون
9 ماه پیش
به نظرم بیشتر مباحث جای اینکه اموزش داده بشه فقط اجرا میشه و ما باید از کد نویسی شما خودمون بفهمیم چی به چیه بخصوص مباحث دیباگ و هوک در پروژه عملی...لطفا پروژه ساخت قالب با ریاکت و یا اتصالش به وردپرس هم بزارید
9 ماه پیش
سلام ممنون بابت دوره خوبتون ،
فقط ای کاش از اول مبحث routing رو میگفتید و بعد ادامه داستان بنظرم اینجوری بهتر میشد
متشکرم
9 ماه پیش
سلام، میخواستم این دوره رو خریداری کنم اما اولین لینکش که معرفی هست مشکل داره و دانلود نمیشه... متاسفانه چند روز هم هست که این ایراد وجود داره ولی برطرف نشده!
9 ماه پیش
سلام وقت شما بخیر
لطفا افزونه Internet Download Manager را از مرورگر خود حذف یا غیر فعال کرده و سپس اقدام به دانلود کنید.
10 ماه پیش
سلام دوره نمیخواد اپدیت بشه ؟
9 ماه پیش
سلام وقت شما بخیر
در حال تدوین آپدیت جدید برای این دوره هستیم.
9 ماه پیش
سلام زمان تقریبی اماده شدن جلسات جدید کیه ؟
9 ماه پیش
سرفصل ها و دسته بندی مطالب در حال اجرا می باشد و تا انتهای اردیبهشت ماه نسخه جدید بروزرسانی شده و در ادامه دوره قرار می گیرد.
10 ماه پیش
سلام دوره بسیار خوبی و مباحث عالی توضیح داده میشن
10 ماه پیش
سلام. روز بخیر
من قبلا انگولار کار میکردم
به تازگی تو یه شرکت مشغول بکار شدم که برای بخشی از پروژه هاشون react کار میکنن و لازمه که یاد بگیرم
اما ساختار پروژه هاشون رو دیدم اونا react با typescript کار کردن بیشتر از مفهوم interface استفاده کردن، این اموزش برای من میتونه کاربردی باشه؟
ممنون میشم زودتر راهنماییم کنین
10 ماه پیش
سلام وقت شما بخیر
در این آموزش صفر تا صد انگولار ارائه شده و تمام سرفصل ها به صورت مشخص در وب سایت قابل مشاهده هستند. لطفا بررسی کرده و سپس دوره را خریداری کنید. مدل های کامل کنترلر،ویو و مدل در این دوره بررسی می شوند و مباحث مربوط به Interceptor ها را به صورت کامل ارائه کردیم.
10 ماه پیش
سلام وقتتون بخیر
دوره react native کی در سایت قرار می گیره
تشکر
10 ماه پیش
سلام وقت بخیر چطور میشه از فایل هایی که گذاشتین یه پروژه جدید ایجاد کرد؟ cd میکن رو فایل و npm install رو میزنم منتهی ارور میگیره
دقت کنید میخوام از فایل هایی که گذاشتین یه پروژه جدید ایجاد کنم
لطفا راهنمایید کنید
در ضمن دوره قوی و خیلی خوبی بود. مچکرم
10 ماه پیش
سلام وقت شما بخیر
لطفا سوالات فنی خود را از طریق بخش تیکت های پشتیبانی با مدرس دوره در میان بگذارید. تیکت های پشتیبانی در بخش پروفایل کاربری من (بالای صفحه) وجود دارد.
10 ماه پیش
با سلام
در مورد خرید این اموزش سوالی داشتم
مدیر پروژه این رابطه رو از من میخاد بین react &laravel
میگه من یعنی از سمت react در خواست فرم ثبت نام رو برای بک اند ارسال میکنم و بک اند فرم رو برام ارسال میکنه شامل اینپوتهای مورد نظر و خصوصیات هر کدام و من باید با توجه به داده دریافتی فرم ثبت نامم بسازم
من قبلا یک فرم پیش فرض می ساختم و تمام بود ولی الان با توجه به داده دریافتی باید اون فرم ساخته بشه یعنی اینپوتها باید با توجه به داده دریافتی تازه ساخته بشن این توی این اموزش هست؟ممکنه بگین در چه قسمتی؟
و این که مدیر پروژه میگه که API باید در یک تگ متا در بالای صفحه گذاشته بشه در حالی که من در axios در متد get یا post استفاده میکنم
اگه لطف کنید راهنمایی بفرمایید اگه مطلب مورد نظرم در این اموزش هست و در چه قسمتی قطعا اموزش تهیه میکنم
با سپاس فراوان
10 ماه پیش
سلام وقت شما بخیر
در این پروژه آموزش پیاده سازی یک سیستم کامل با استفاده از ری اکت را به شما دوست عزیز ارائه می دهیم و حتی به نحوه برقراری ارتباط با سمت سرور هم اشاره می کنیم ولی این مواردی که شما فرمودید (مثل لاگین کردن کاربر) معمولا در سمت سرور اتفاق می افتد و در سمت ری اکت فقط نمایش داده می شود بنابراین نحوه لاگین به شما ارائه شده ولی نحوه مدیریت کردن کاربرانی که لاگین کرده اند در سمت سرور بوده و شما باید منتظر دوره API نویسی لاراول باشید.
1 سال پیش
سلام
آیا برای استفاده از این دوره باید باید بک اند هم بلد باشیم؟ چون اطلاعات کاربران مگه در سرور ذخیره نمیشه خب اگه بک اند ندونیم چطوری اطلاعات کاربران باید فراخونی کنیم یا اصلا از همه مهمتر اطلاعات این فروشگاه اینترنتی مگه نباید در سمت سرور ذخیره بشه خب بدون دانستن یه زبان بک اند مثل php چطوری رو انجام میدین شما؟
اصلا هیچ پیش زمینه ایی در این موراد ندارم ممنون میشم راهنمایی کنید
1 سال پیش
سلام وقت شما بخیر
در این دوره آموزشی همانطور که از عنوان آن مشخص است شما یک کتابخانه به نام ری اکت جی اس را فرا میگیرید که این کتابخانه برای سمت کاربر یا به اصطلاح frontend می باشد. یک فرد که در حوزه فرانتد کار می کند، نیازی ندارد که زبان بک اند هم یاد بگیرد. چون وظیفه این شخص طراحی رابط کاربری آسان و قابل دسترس است. در این دوره ما بخش هایی مانند اطلاعات فروشگاه و غیره را به صورت یک فایل json خارجی (منبع بک اند خارجی) ایجاد می کنیم و شما می توانید از این ساختار به عنوان تست بهره ببرید. لذا احتیاجی نیست که زبان سمت بک اند را یاد بگیرید.
1 سال پیش
از چه زبانی استفاده شده
1 سال پیش
کتابخانه ری اکت با زبان جاوا اسکریپت نوشته شده است، بنابراین ما هم از این زبان استفاده کرده ایم.
1 سال پیش
منظورم زبان سمت backend