آموزش ری اکت (React) و Redux + پروژه فروشگاه اینترنتی

سرفصل‌ها
مقدمه و معرفی
فصل 1
آموزش جاوا اسکریپت (یادآوری)
فصل 2
جلسه1:آموزش جاوا اسکریپت (ES 6) - قسمت اول
00:23:08
جلسه2:آموزش جاوا اسکریپت (ES 6) - قسمت دوم
00:23:40
جلسه3:آموزش جاوا اسکریپت (ES 6) - قسمت سوم
00:15:17
مفاهیم اولیه
فصل 3
جلسه1:نصب اولین نرم افزار React به همراه Nodejs
00:18:02
جلسه2:بررسی ساختار ری اکت و فولدرها
00:13:55
جلسه3:معرفی jsx و نحوه کدنویسی قالب
00:12:35
کامپوننت ها
فصل 4
جلسه1:ایجاد کامپوننت‌های تو در تو
00:27:27
جلسه2:ارسال پارامتر به کامپوننت ها با props در ری اکت
00:29:37
جلسه3:معرفی state ها و بروزرسانی داده ها در ری اکت
00:19:28
جلسه4:ارسال پارامتر به توابع و ارتباط دو طرفه بین کامپوننت ها
00:21:59
جلسه5:چرخه حیات (Lifecycle) در ری اکت
00:30:45
دستورهای شرطی کنترلی
فصل 5
جلسه1:دستور شرطی if و else در ری اکت
00:16:37
جلسه2:حلقه for و نحوه bind کردن متغییرها به آن
00:26:44
خطایابی در ری اکت (Debugging)
فصل 6
جلسه1:خطایابی (Debugging) در ری اکت
00:17:38
کار با استایل ها (CSS)
فصل 7
جلسه1:معرفی انواع استایل CSS و کلاس های پویا (Dynamic)
00:27:41
ریفکتورینگ و بهینه سازی کدها
فصل 8
جلسه1:بهینه سازی ساختار نرم افزار و طراحی مجدد کامپوننت ها
00:29:30
جلسه2:ایجاد کامپوننت های Wrapper برای بهینه سازی نرم افزار
00:22:14
جلسه3:بروزرسانی State برای داده های غیرهمزمان، کار با ref و اعتبارسنجی props ها
00:24:12
Context API
فصل 9
جلسه1:معرفی و کار با ویژگی جدید Context API در ری اکت
00:24:54
Axios و درخواست های HTTP
فصل 10
جلسه1:HTTP - معرفی Axios و کار با متد GET
00:25:26
جلسه2:HTTP - ارسال پارامتر با متد GET
00:29:14
جلسه3:HTTP - ارسال مطلب با متد POST
00:22:14
جلسه4:HTTP - حذف کردن مطلب با متد DELETE
00:04:49
جلسه5:HTTP - مدیریت خطاها و Interceptor ها در ری اکت
00:21:54
مسیردهی یا Routing
فصل 11
جلسه1:معرفی مسیردهی (Routing) و کار با پکیج react-router
00:56:58
جلسه2:ایجاد قابلیت SPA روی لینک ها در Routing ری اکت
00:19:04
جلسه3:کار با پارامترها در مسیردهی (Routing Params)
00:17:20
جلسه4:مسیرهای تو در تو - Nested Route و ریدایرکت کردن آنها
00:16:38
جلسه5:بهینه سازی کامپوننت ها در مسیردهی (Lazy Loading)
00:13:04
Redux مقدماتی تا پیشرفته
فصل 12
جلسه1:Redux مقدماتی - معرفی کامل و اجرای پروژه ای با Redux
00:28:08
جلسه2:Redux مقدماتی - معرفی پکیج react-redux و اتصال آن به نرم افزار
00:20:15
جلسه3:Redux مقدماتی - تبدیل یک کامپوننت ری اکت به ساختار Redux
00:21:35
جلسه4:Redux مقدماتی - استفاده از چندین Reducer به صورت همزمان
00:25:51
جلسه5:Redux پیشرفته - معرفی و کار با میان افزارها (Middlewares)
00:10:24
جلسه6:Redux پیشرفته - کار با actionCreator ها و ساختاربندی پروژه
00:28:25
پروژه فروشگاه اینترنتی
فصل 13
جلسه1:پروژه - نصب و راه اندازی اولیه فروشگاه
00:20:57
جلسه2:پروژه - ایجاد کامپوننت غذا و مواد غذایی محصولات
00:25:54
جلسه3:پروژه - افزودن داینامیک مواد غذایی به محصولات
00:25:12
جلسه4:پروژه - فعال کردن دکمه های افزایش و کاهش محصولات به سبد
00:20:47
جلسه5:پروژه - نمایش محصولات در سبد خرید با قابلیت Modal
00:43:08
جلسه6:پروژه - افزودن دکمه پرداخت و ادامه خرید به صورت داینامیک
00:15:43
جلسه7:پروژه - طراحی و پیاده سازی کامپوننت هدر و لوگو
00:16:20
جلسه8:پروژه - راه اندازی کامپوننت منو و منوی موبایل در ری اکت
00:47:42
جلسه9:پروژه - بهینه سازی سطح یک فروشگاه اینترنتی با ری اکت
00:14:40
جلسه10:پروژه - افزودن Axios و ارتباط با سرور در ری اکت (Reactjs)
00:21:26
جلسه11:پروژه - مدیریت حرفه ای خطاها به هنگام ارتباط با سرور
00:17:35
جلسه12:پروژه - دریافت اطلاعات از سرور و نمایش آنها در صفحه
00:13:47
جلسه13:پروژه - افزودن صفحه پرداخت به فروشگاه با Routing
00:29:54
جلسه14:پروژه - ارسال اطلاعات به صفحه پرداخت با استفاده از Query Params
00:10:38
جلسه15:پروژه - ثبت سفارش و ارسال اطلاعات به سرور
00:30:00
جلسه16:پروژه - افزودن کامپوننت فرم ثبت اطلاعات مشتری
00:18:49
جلسه17:پروژه - ثبت کردن اطلاعات فرم به صورت داینامیک و ارسال آنها به سرور
00:16:59
جلسه18:پروژه - اعتبارسنجی فرم ها در ری اکت (Reactjs Validation)
00:23:18
جلسه19:پروژه - افزودن Redux به فروشگاه اینترنتی و بازنویسی کامپوننت ها
00:35:53
جلسه20:پروژه - پیاده سازی احراز هویت کاربران (ورود و عضویت) با ری اکت (Reactjs)
00:48:45
جلسه21:پروژه - افزودن قابلیت خروج و ورود کاربران و تغییر وضعیت با Redux
00:28:37
جلسه22:پروژه - محافظت از مسیرها با استفاده از Guard در Reactjs
00:14:05
جلسه23:پروژه - پیاده سازی Testing (تست نرم افزار) در ری اکت
00:23:02
جلسه24:پروژه - بارگذاری سایت ری اکتی روی سرورهای واقعی
00:05:54
کلیه فایل های پروژه
فصل 14
جلسه1:پروژه - کلیه فایل های آموزشی و پروژه دوره ری اکت
بروزرسانی ری اکت و کار کردن با Hooks (قلاب ها)
فصل 15
جلسه1:معرفی بروزرسانی جدید ری اکت ۱۶.۱۳
00:12:07
جلسه2:معرفی هوک های useState و useEffect و useRef
00:22:09
جلسه3:معرفی هوک‌های useLayoutEffect و useCallback و useMemo
00:23:23
توضیحات دوره

ری اکت (React) اسمی آشنا برای تمام افرادی است که به دنبال یادگیری برنامه نویسی سمت کاربر یا Frontend هستند. در دوره آموزش ری اکت (React) این تضمین را به شما می دهیم که پس از گذراندن دوره به فردی تبدیل شوید که قادر است هرگونه نرم افزاری با کتابخانه ری اکت | React را ایجاد کند.

اما اولین سوالی که برای هر شخص پیش می آید این است:

ری اکت (React) چیست؟

آموزش ری اکت (React)

اگر بخواهیم به صورت خلاصه بگوییم، ری اکت (React) یک کتابخانه جاوا اسکریپتی است که به شما این امکان را می دهد تا صفحات SPA (تک صفحه ای) یا Single Page Application در بستر اینترنت بوجود بیاورید و با استفاده از آن درخواست خود را به سرور ارسال کرده و بدون رفرش کردن صفحه، خروجی را تغییر دهید.

این کتابخانه در سال ۲۰۱۱ توسط شرکت فیس بوک (Facebook) به دنیای توسعه دهنده ها معرفی شد و انقلابی جدید در بین کتابخانه های جاوا اسکریپت بوجود آورد. بد نیست بدانید هم اکنون وب سایت شرکت فیس بوک و همچنین اینستاگرام از کتابخانه React استفاده می کنند.

اینستاگرام و فیس بوک و ری اکت (React)

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

مثلا فرض کنید می خواهید لیستی از کاربران را با استفاده از React نمایش دهید. برای اینکار کافیست یک کامپوننت به نام User ایجاد کرده و سپس خروجی آن را در یک قالب HTML بسته به نیاز خود قرار دهید.

پس از گذراندن دوره آموزش ری اکت (React) چه چیزی یاد می گیرید؟

  • ایجاد یک فروشگاه اینترنتی سفارش آنلاین غذا با React و Redux
  • نحوه ایجاد نرم افزارهای سریع و قدرتمند با رابط کاربری بسیار جذاب با استفاده از React
  • ساخت اپلیکیشن های تحت وب با ساختار SPA
  • استخدام در مراکزی که نیاز به یک برنامه نویس سمت کاربر (Frontend) دارند
  • انجام پروژه های وسیع با کتابخانه React
  • درک مفاهیم اولیه کتابخانه
  • نحوه ساخت نرم افزار های Component Base (مجزا)
  • خطایابی نرم افزارهای React
  • ایجاد فرم ها
  • یادگیری مبحث Redux در React (در سطح مقدماتی و پیشرفته)
  • تست کردن نرم افزارهای طراحی شده با React
  • معرفی هوک های React

پیش نیازهای دوره آموزش ری اکت (React) چیست؟

برای یادگیری بهتر این دوره، آشنایی با مفاهیم زبان جاوا اسکریپت (Javascript) به شما کمک می کند تا روند یادگیری سریع تری داشته باشید.

برای یادگیری جاوا اسکریپت اصلا نگران نباشید. به تازگی یک سری آموزشی متنی رایگان در روکسو پلاس تحت عنوان «سیر تا پیاز جاوا اسکریپت» ارائه شده است که می توانید در حین یادگیری React به آن بپردازید.

توجه به این نکته ضروری است که در دوره آموزش ری اکت (React) نیازی نیست که شما در حد یک توسعه دهنده حرفه ای به زبان جاوا اسکریپت مسلط باشید.

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

دوره آموزش ری اکت (React) مناسب چه کسانی است؟

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

از طرفی در این دوره به یادگیری سایر کتابخانه های وابسته به ری اکت مثل Redux و react-router می پردازیم.

نسخه کتابخانه React

این آموزش در حال حاضر بر اساس نسخه ۱۶.۶ ری اکت (React 16.6) ارائه شده است. به محض بروزرسانی کتابخانه به نسخه های جدیدتر و پایداری آن، این دوره آموزشی نیز بروزرسانی می شود و شما می توانید پس از خرید دوره به صورت رایگان به آنها دسترسی داشته باشید.

سرفصل های دوره آموزش ری اکت (React)

مقدمه و معرفی

  • معرفی دوره و مدرس
  • ری اکت چیست؟
  • معرفی نرم افزارهای SPA
  • نوشتن اولین کد
  • چرا باید ری اکت را انتخاب کنیم؟
  • معرفی روکسو کیو

معرفی اجمالی جاوا اسکریپت

  • معرفی ماژول ها
  • معرفی ثابت ها و متغییر ها
  • تعریف کردن کلاس ها
  • آشنایی با مفاهیم Import و Export
  • درک ویژگی ها و متدها
  • معرفی مخرب ها
  • توضیح آرایه ها و توابع

مقدمه ای بر ری اکت و ویژگی های آن

  • ایجاد محیط نرم افزار
  • ساخت اولین نرم افزار ری اکت (React App)
  • معرفی ساختار و پوشه های نرم افزار
  • مفاهیم مقدماتی درباره کامپوننت ها
  • معرفی پسوند JSX
  • معرفی ابزار Faker.js و استفاده از آن
  • ایجاد کامپوننت های تابع محور
  • کار کردن با کامپوننت ها و استفاده مجدد از آنها
  • نمایش داینامیک خروجی ها
  • کار کردن با ویژگی ها یا Props
  • درک ویژگی های فرزند
  • تمرین پروژه سیستم نظرات در ری اکت (Comments)
  • درک مفاهیم مربوط به موقعیت ها (State) و استفاده از آنها
  • ارتباط بین رویدادها و متدها
  • کنترل وضعیت ها و موقعیت ها (State)
  • استفاده از توابع و کلاس ها
  • ارسال اطلاعات با استفاده از متدها بین دو کامپوننت
  • معرفی ویژگی ارتباط دو طرفه (Two Way Binding)
  • افزودن استایل (Style) به صفحات و المان های HTML

کار کردن با لیست ها و قیدها

  • نمایش محتوا بر اساس شرط و قیود
  • کار کردن با مطالب داینامیک و پویا
  • نمایش لیستی محتوا
  • بررسی تفاوت بین List ها و State ها
  • بروزرسانی موقعیت ها
  • بررسی تفاوت بین List‌ ها و Key ها
  • معرفی لیست های منعطف

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

  • افزودن استایل های داینامیک
  • افزودن کلاس های CSS به المان ها به صورت داینامیک
  • استفاده از Radium
  • استفاده از Radium برای کوئری رسانه ها
  • استفاده از سلکتورها

خطایابی نرم افزارهای React

  • معرفی انواع خطا
  • پیدا کردن خطاهای منطقی با استفاده از ابزار Dev Tools و Sourcemaps
  • کار کردن با ابزار Developer Tools ری اکت
  • پیدا کردن خطاهای مرزی یا Error Boundaries (یک ویژگی جدید در ری اکت ۱۶.۶ می باشد)

سطح پیشرفته کامپوننت ها

  • معرفی ساختار هوشمندانه یک پروژه
  • تقسیم بندی نرم افزار به کامپوننت های مجزا
  • مقایسه کامپوننت های Stateless و Stateful
  • درک چرخه حیات (Lifecycle) کامپوننت های ری اکت
  • تبدیل کامپوننت های Stateless به Stateful
  • بروزرسانی وضعیت هوک های چرخه حیات (Lifecycle)
  • درک مفاهیم DOM در React
  • ارائه و معرفی کامپوننت های رده بالا یا HOC
  • ارسال ویژگی های ناشناخته به کامپوننت ها
  • استفاده از setState
  • اعتبارسنجی ویژگی ها
  • استفاده از مراجع یا ref

پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش اول)

  • طراحی ساختار پروژه
  • تقسیم بندی کامپوننت ها
  • طراحی نمودار درختی از پروژه فروشگاه
  • برنامه ریزی برای موقعیت ها
  • راه اندازی پروژه
  • ایجاد کامپوننت ها
  • ایجاد یک بخش برای مواد غذای هر منو به صورت داینامیک
  • اضافه کردن انواع اعتبارسنجی روی فیلدها
  • شروع کار با کامپوننت منوی غذا
  • نمایش خروجی دستورهای غذا به صورت داینامیک
  • اضافه کردن کامپوننت کنترلی
  • اتصال موقعیت ها به کامپوننت های کنترلی
  • حذف مواد موجود در دستور غذا
  • نمایش و بروزرسانی قیمت غذا
  • ایجاد یک کامپوننت مودال (Modal)
  • نمایش و حذف کامپوننت مودال به همراه انیمیشن
  • پیاده سازی کامپوننت های Backdrop
  • اضافه کردن دکمه های دلخواه به کامپوننت
  • افزودن قیمت به سبد سفارش
  • افزودن تولبار
  • استفاده از لوگو در نرم افزار
  • افزودن منوها
  • ایجاد محیط رسپانسیو در نرم افزار
  • افزودن آیکون همبرگر به عنوان یک غذا
  • بهبود ویژگی ها و اعتبارسنجی آنها
  • استفاده از کامپوننت ها و متدهای چرخه حیات آن

کار با درخواست های HTTP و Ajax در ری اکت

  • درک مفاهیم انواع درخواست های HTTP
  • درک مفاهیم مربوط به بک اند و معرفی Axios
  • ایجاد یک درخواست HTTP برای متد GET
  • رندر کردن (نمایش) داده های بدست آمده و نمایش آنها در صفحه
  • تبادل اطلاعات بین فرانتند و بک اند
  • ارسال داده ها بر اساس متد POST در یک درخواست HTTP
  • ارسال یک درخواست DELETE در HTTP
  • کار کردن با خطاها و پاسخ های منفی یک درخواست
  • افزودن میان افزارها یا Interceptor ها به کدهای خروجی
  • ایجاد یک تنظیمات پیشفرض برای کتابخانه Axios

پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش دوم)

  • تست درخواست های HTTP روی پروژه
  • نمایش یک اسپینر (حالت لودینگ) تا زمان دریافت اطلاعات
  • کار کردن با خطاها
  • دریافت اطلاعات از یک Backend خارجی (مانند JsonPlaceHolder)

ایجاد نرم افزارهای تک صفحه ای با استفاده از Routing یا مسیردهی

  • معرفی مسیردهی یا Routing در نرم افزارهای SPA
  • راه اندازی لینک ها
  • معرفی پکیج های Router ری اکت (react-router)
  • آماده سازی پروژه برای مسیردهی
  • ایجاد مسیرها و نمایش آنها
  • ایجاد یک مسیر به ازای یک کامپوننت
  • تغییر صفحات (بدون رفرش شدن)
  • استفاده از لینک ها برای تغییر صفحات
  • استفاده از Routing-Related Props
  • معرفی withRouter و ویژگی های هر مسیر
  • تعریف مسیرهای مطلق و نسبی
  • استایل دادن به مسیرهای فعال (فعال بودن یک منو)
  • ارسال پارامترها به هر مسیر
  • استخراج پارامترها از هر مسیر
  • مسیریابی خودکار
  • درک مسیرهای تو در تو
  • ایجاد مسیرهای تو در تو به صورت داینامیک و پویا
  • ریدایرکت کردن درخواست ها
  • کار کردن با Guard ها برای محافظت از یک مسیر
  • نمایش صفحه ۴۰۴ برای مسیرهای ناشناخته
  • لود تنبل (Lazy Loading) کامپوننت ها برای بهینه سازی نرم افزارها

پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش سوم)

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

فرم ها و اعتبارسنجی آنها

  • آنالیز نرم افزار و بررسی اهمیت فرم ها در اپلیکیشن ها
  • ایجاد ورودی های داینامیک (پویا)
  • نصب و کانفیگ فرم ها
  • افزودن یک کامپوننت آبشاری (Dropdown)
  • کار کردن با ورودی ها (Input Box)
  • ثبت اطلاعات یک فرم
  • افزودن اعتبارسنجی های دلخواه برای فرم ها
  • نمایش خطاهای اعتبارسنجی

کار با Redux در React

  • معرفی موقعیت ها
  • بررسی موقعیت های پیچیده در یک نرم افزار
  • معرفی کتابخانه Redux
  • نصب و راه اندازی Redux
  • معرفی Reducer
  • معرفی Action ها
  • افزودن یک Subscription
  • اتصال React به Redux
  • ارسال و دریافت داده ها با استفاده از Action ها
  • بررسی تغییر وضعیت درون یک Reducer
  • بروزرسانی موقعیت ها
  • بروزرسانی آرایه ها
  • ترکیب چندین Reducer با یکدیگر
  • درک مفاهیم مربوط به انوع موقعیت ها یا State Types
  • ترکیب UI State ها و Redux

پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش چهارم)

  • نصب Redux و React Redux در پروژه
  • افزودن Reducer به مواد غذایی
  • محاسبه قیمت یک غذا بر اساس مواد غذایی آن
  • برقراری ارتباط بین Redux و UI State
  • افزودن صفحه پرداخت و دریافت اطلاعات با Redux

سطح پیشرفته Redux

  • افزودن میان افزارها (Middleware)
  • استفاده از ابزار Redux DevTools
  • معرفی سازنده های Action ها
  • معرفی سازنده ها و کدها غیرهمزمان (Async Code)
  • کار کردن با کدها و خروجی های غیر همزمان
  • بازنویسی Action ها
  • استفاده از Action Creator ها و دریافت موقعیت ها
  • استفاده از توابع کمکی

پروژه فروشگاه اینترنتی سفارش آنلاین غذا (بخش پنجم)

  • افزودن احراز هویت (Authentication) به نرم افزار
  • درک مفاهیم Authentication یا احزار هویت در React و نرم افزارهای تک صفحه ای
  • افزودن فرم احراز هویت
  • افزودن Action های مربوط به آن
  • دریافت توکن (Token) از بک اند
  • افزودن فرم ورود کاربر
  • ذخیره سازی توکن ها
  • افزودن یک اسپینر (لودینگ) قبل از دریافت توکن
  • ایجاد لینک خروج کاربر
  • ایجاد سطح دسترسی برای مسیرهای حفاظت شده
  • بروزرسانی UI نرم افزار بر اساس وضعیت احزار هویت کاربر (Auth)
  • ریدایرکت کردن کاربرانی که عضو سایت نیستند
  • ریدایرکت کردن کاربران به صفحه پرداخت
  • افزایش مدت زمان ورود کاربران به سایت با استفاده از localStorage

تست کردن نرم افزارهای React

  • تست کردن یا Testing چیست؟
  • معرفی ابزارهای مورد نیاز تست یک نرم افزار React
  • نوشتن اولین بلوک تست نرم افزاری
  • تست کردن کامپوننت ها
  • تست کردن کانتینرها
  • تست کردن Redux

بارگذاری یک نرم افزار React در سرور واقعی

  • معرفی انواع سرور ها
  • دریافت خروجی یک نرم افزار برای بارگذاری در سرور واقعی
افزودن به سبد خرید
450000 تومان
گارانتی بازگشت وجه روکسو
این دوره ۱۰۰٪ گارانتی کیفیت و بازگشت وجه دارد. مشاهده شرایط و مراحل
اینترنت نیم بها در روکسو
هزینه حجم اینترنت شما برای دانلود و تماشای ویدئوهای این دوره نیم‌بها محاسبه می‌شود.
کارما در روکسو
شما با شرکت در این دوره 40 کارما دریافت می کنید
استفاده بیش از یک نفر از این محصول غیرقانونی و از لحاظ شرعی حرام می‌باشد.
میزان پیشرفت دوره:
٪100
423 نفر
شرکت کرده‌اند
81 نظر
ثبت شده است
امتیاز (101 رای)
کد دوره:
479312
آخرین بروزرسانی:
1402-5-9
وضعیت دوره:
تکمیل شده
تعداد جلسات:
64
مدت زمان:
23:56:48
حجم کل:
4.2 گیگابایت
سازگاری با فریم ورک Javascript:
ReactJS
سطح:
تمام سطوح
مسعود صالحی
مدرس: مسعود صالحی
1725 کارما
بیش از ۲ سال عضویت در روکسو بیش از ۲ سال عضویت در روکسو
دارای 1000 کارما دارای 1000 کارما
نظرات دریافتی:‌ بیش از 50 نظرات دریافتی:‌ بیش از 50
دارای 25 پاسخ صحیح دارای 25 پاسخ صحیح
ارسال کننده پاسخ با 25 رای ارسال کننده پاسخ با 25 رای
دیدگاه‌های شما (81 دیدگاه)

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

h.nouri1999@gmail.com
حسن نوری
09 فروردین 1401
من دوره رو خریداری کردم اما لینک های دانلود کار نمیکنن

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
15 فروردین 1401

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

www.alimaleki80@gmail.com
علی
01 فروردین 1401
سلام این دو ه فانکشنال هست یا کلاس بیس؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
15 فروردین 1401

کلاس‌بیس هست اما فانکشنال رو هم در انتها توضیح دادیم.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

reyhanehalipour78@gmail.com
reyhane alipour
22 بهمن 1400
سلام چرا لینک های دانلود کار نمیکنند من نمیتونم دانلود کنم فیلم ها رو

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
16 اسفند 1400

سلام. لینک‌ها بررسی شدند و سالم هستند. اگر دوره را خریداری کرده باشید، هیچ مشکلی برای دانلود وجود ندارد. 

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

atashpeykar78@gmail.com
reza atashpeykar
26 مهر 1400
استادکاش فایل هایی کارمیکنن یه جایی میذاشتین دانلود میکردیم

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

hessammodin10@gmail.com
hessam
25 مهر 1400
سلام .ببخشید فیلم اموزشی reac.js مطابق با آخرین مسایل مطرح شده react هست ممنون از تیم شما

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

hessammodin10@gmail.com
حسام الدین تبرزین
15 مهر 1400
سلام الان دوره به طور کامل آپدیت شده هست اگر جایی به غیر از فایل فیلم های دانلود شده هست برای قسمت های آپدیت شده لطفا راهنمایی کنید

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
25 مهر 1400

سلام. فایلی برای قسمت‌های آپدیت شده وجود ندارد و ویدئوها کافیست. امیدواریم منظور سوال شما رو به درستی متوجه شده باشیم.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

مرتضی صیفی
مرتضی صیفی
15 مهر 1400
سلام. من دوره رو تهیه کردم و فیلم تمام قسمتها رو دانلود کرد ولی لینک دانلود قسمتهای 14-45-57-60-62-64 عمل نکرد و نمیتونم این قسمتها رو دانلود کنم. لطفا راهنمایی بفرمایید. سپاس.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
25 مهر 1400

سلام. مشکلی در فایل‌ها و فرآیند دانلود از سمت سایت وجود نداره و کاربران به راحتی این فصل‌ها رو دریافت کرده‌اند. اگر چنانچه مشکل شما در دریافت فایل‌ها برطرف نشد، تماس تلفنی بگیرید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

ahrari.eh@gmail.com
محمدجواد احراری
12 مهر 1400
سلام بنده دوره رو تهیه کردم ولی استفاده مفیدی ازش نکردم. نحوه تدریس به نظرم خوب نبود و تعداد زیادی کد به صورت پشت سرم هم نوشته میشه و ادم رو گیج میکنه.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

atashpeykar78@gmail.com
reza atashpeykar
03 مهر 1400
سلام وقت بخیر فایل های پروژه رو چرا وقتی دانلود میکنیم نیست؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
04 مهر 1400
سلام تمام فایل های این دوره در فصل ۶۱ قرار داده شده است.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

s.alireza.t@gmail.com
علیرضا طهرانی
29 شهریور 1400
سلام. توی این دوره قسمت های مربوط به Backend و API ها با چه زبانی نوشته شده؟ php، ASP.Net یا چیز دیگه ای؟ و اینکه آیا نوشتن کد های Backend هم توضیح داده میشن یا فقط از یک کد آماده استفاده میشه؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
04 مهر 1400

سلام

این دوره برای آموزش ری اکت و ریداکس طراحی شده است و زبان برنامه نویسی سمت backend مهم نیست. یعنی ری اکت به تمام این زبان ها دسترسی دارد.

برای ارتباط با API هم یک مدل فرضی ساخته شده که بعدا می توانید آن را با یک زبان دلخواه در سمت بک اند جایگزین کنید. توجه داشته باشید که مباحث مربوط به ارتباط با API و HTTP Client ها به صورت کامل توضیح داده است.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

حسن حسنی
حسن حسنی
18 خرداد 1400
سلام ضمن خسته نباشید می خواستم بدونم که توی دوره از چه قسمتی وارد هوک ها می شوید

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
04 مهر 1400
سلام وقت شما بخیر به فصل های پایانی دقت بفرمایید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

montazer_mk70@yahoo.com
مصطفی
03 اردیبهشت 1400
سلام و خداقوت... ببخشید بنده لاراول خوب کار کردم ولی میخوام کم کم بیام سمت طراحی با node و فرانت هم یا vue یا react راستش نمیدونم واسه فرانت کدومو کارکنم... پروژه زیاد میزنم ولی معمولا کوچیک! میخوام: راحت باشه، بتونم باهاش به موبایل و ویندوزم سر بزنم، به درد لاراولم بخوره... جای من بودین کدومو انتخاب میکردین؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
07 اردیبهشت 1400

سلام. لطفا سوالات خودتون رو در سامانه پرسش و پاسخ یعنی روکسوکیو بپرسید: www.roxo.ir/q

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

kzm.parnaz@gmail.com
پرناز کاظمی
28 اسفند 1399
ممنون میشم اگه بیشتر راجب ES6 جدا توضیح بیشتری بزارید

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
01 فروردین 1400

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

mottaghi.morteza@gmail.com
morteza
17 آذر 1399

این دوره چند ساعته؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
17 آذر 1399

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

حدود ۲۴ ساعت

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

peymanbahrami72@gmail.com
peyman bahrami
30 آبان 1399
import React from "react";
import { connect } from "react-redux";

class Rdx extends React.Component {
  constructor(props) {
    super(props);
    this.state = { counter: 0 };
  }
  change = (act, val) => {
    switch (act) {
      case "inc":
        this.setState((prvS) => {
          return { counter: prvS.counter + val };
        });
        break;
      case "dec":
        this.setState((prvS) => {
          return { counter: prvS.counter - val };
        });
        break;
      default:
        return { counter: this.state.counter };
    }
  };
  render() {
    return (
      <div>
        <p>Count - {this.props.ctr}</p>
        <button type="button" onClick={this.props.inc}>
          INC
        </button>
        <button type="button" onClick={this.props.dec}>
          DEC
        </button>
        <button type="button" onClick={this.props.inc}>
          INC 5X
        </button>
        <button type="button" onClick={this.props.dec}>
          DEC 5X
        </button>
      </div>
    );
  }
}


const ms = (state) => {
  return { ctr: state.counter };
};

const disAction = (dispatch) => {
  return {
    inc: () => {
      dispatch({ type: "inc", value: 1 });
    },
    dec: () => {
      dispatch({ type: "dec", value: 1 });
    },
  };
};

export default connect(ms, disAction)(Rdx);

---------------------------------------------------------------------------

const st = {
  counter: 0,
};
const reducer = (state = st, action) => {
  switch (action.type) {
    case "inc":
      return { ...state, ctr: state.counter + action.value };
    case "dec":
      return { ...state, ctr: state.counter - action.value };
  }
};

export default reducer;

----------------------------------------------------------------------------

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
import { createStore } from "redux";
import { Provider } from "react-redux";
import reducer from "./Redux/reducer";

const str = createStore(reducer);

ReactDOM.render(
  <Provider store={str}>
    <App />
  </Provider>,
  document.getElementById("root")
);
------------------------------------------------------------------

سلام استاد

من تو قسمت کانکت کردن ری اکت به ریداکس تمام مراحل رو به درستی ادامه دادم ولی مشکلی که هست به ارور ctr is not defiend میخورم . در واقع اصلا state اولیه رو نمیتونه دریافت کنه کامبوننت من.

ایراد از چیه؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
01 آذر 1399

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

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

reza.hashemi19@gmail.com
reza hashemi
20 خرداد 1399

درود و سپاس از تیم روکسو و استاد مسعود صالحی عزیز ،

با اومدن contex و راحت شدن خیلی از مشکلات و پیچیدگی ها در ریداکس ، لطفا توضیح میدهید که آیا میتوان از این به بعد فقط از contex استفاده کرد ، و ریداس یه جورایی discontinue  شده ؟

سپاسگذارم از تیم روکسو اگه پاسخ بنده رو بدید

 

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
04 شهریور 1399

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

توجه داشته باشید که redux یک سیستم قدرتمند برای مدیریت اطلاعات و موقعیت داده ها هست. هنوز جایگزینی برای آن پیدا نشده است. و این بدین معنیست که ریداکس به عنوان یک سیستم قدرتمند می تواند در پروژه های پیشرفته بکار گرفته شود.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

peyman.bahreini68@gmail.com
پیمان بحرینی
05 خرداد 1399

چه قسمت هایی آپدیت شدن؟

 

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
07 خرداد 1399

لطفا بررسی بفرمایید. فصل های انتهایی دوره موارد آپدیت شده را ارائه می دهند.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

moeinupset@gmail.com
moein kolivand
03 خرداد 1399

حالا که دوره  اپدیت شده کاشکی مبحث ssr کردن هم نشون میداد!

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

admin1404@gmail.com
حمیدرضا روانبخش
02 خرداد 1399

سلام ببخشید چرا توی این آموزش از ui kit ها استفاده نشده ؟

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

تیم مدیریت روکسو
تیم مدیریت روکسو
03 خرداد 1399

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

ui kit یک پکیج مانند بوت استرپ است که شما می توانید بسته به نیاز خودتون اون رو جایگزین بوت استرپ کنید.

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

admin1404@gmail.com
حمیدرضا روانبخش
03 خرداد 1399

خب اینطوری که نمیشه الان من مثلا بلد نیستم

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

admin1404@gmail.com
حمیدرضا روانبخش
04 خرداد 1399

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

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

شما وظیفتونه که آموزشش بدید اینو

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

aa090818@yahoo.com
amir ashrafi
01 خرداد 1399

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

در این قسمت، به پرسش‌های تخصصی شما درباره‌ی محتوای دوره پاسخ داده نمی‌شود. سوالات خود را اینجا بپرسید.

پیگیری مطالب جذاب و تخفیف‌ها
اینستاگرام روکسو تلگرام روکسو ایمیل و خبرنامه روکسو