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

مقدمه و معرفی

فصل 1

جلسه1:مقدمه و معرفی

رایگان 00:23:22

آموزش جاوا اسکریپت (یادآوری)

فصل 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) یک کتابخانه جاوا اسکریپتی است که به شما این امکان را می دهد تا صفحات SPA (تک صفحه ای) یا Single Page Application در بستر اینترنت بوجود بیاورید و با استفاده از آن درخواست خود را به سرور ارسال کرده و بدون رفرش کردن صفحه، خروجی را تغییر دهید.

این کتابخانه در سال ۲۰۱۱ توسط شرکت فیس بوک (Facebook) به دنیای توسعه دهنده ها معرفی شد و انقلابی جدید در بین کتابخانه های جاوا اسکریپت بوجود آورد. بد نیست بدانید هم اکنون وب سایت شرکت فیس بوک و همچنین اینستاگرام از کتابخانه 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

425 نفر

شرکت کرده‌اند

81 نظر

ثبت شده است

امتیاز (102 رای)

کد دوره:

479312

آخرین بروزرسانی:

1402-5-9

وضعیت دوره:

تکمیل شده

تعداد جلسات:

مدت زمان:

23:56:48

حجم کل:

4.2 گیگابایت

سازگاری با فریم ورک Javascript:

ReactJS

سطح:

تمام سطوح

مدرس: مسعود صالحی

1725 کارما

مشاهده پروفایل

دیدگاه‌های شما (81 دیدگاه)

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

حسن نوری

09 فروردین 1401

من دوره رو خریداری کردم اما لینک های دانلود کار نمیکنن

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

تیم مدیریت روکسو

15 فروردین 1401

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

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

علی

01 فروردین 1401

سلام این دو ه فانکشنال هست یا کلاس بیس؟

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

تیم مدیریت روکسو

15 فروردین 1401

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

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

reyhane alipour

22 بهمن 1400

سلام چرا لینک های دانلود کار نمیکنند من نمیتونم دانلود کنم فیلم ها رو

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

تیم مدیریت روکسو

16 اسفند 1400

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

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

reza atashpeykar

26 مهر 1400

استادکاش فایل هایی کارمیکنن یه جایی میذاشتین دانلود میکردیم

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

hessam

25 مهر 1400

سلام .ببخشید فیلم اموزشی reac.js مطابق با آخرین مسایل مطرح شده react هست ممنون از تیم شما

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

حسام الدین تبرزین

15 مهر 1400

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

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

تیم مدیریت روکسو

25 مهر 1400

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

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

مرتضی صیفی

15 مهر 1400

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

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

تیم مدیریت روکسو

25 مهر 1400

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

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

محمدجواد احراری

12 مهر 1400

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

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

reza atashpeykar

03 مهر 1400

سلام وقت بخیر فایل های پروژه رو چرا وقتی دانلود میکنیم نیست؟

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

تیم مدیریت روکسو

04 مهر 1400

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

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

علیرضا طهرانی

29 شهریور 1400

سلام. توی این دوره قسمت های مربوط به Backend و API ها با چه زبانی نوشته شده؟ php، ASP.Net یا چیز دیگه ای؟ و اینکه آیا نوشتن کد های Backend هم توضیح داده میشن یا فقط از یک کد آماده استفاده میشه؟

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

تیم مدیریت روکسو

04 مهر 1400

سلام

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

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

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

حسن حسنی

18 خرداد 1400

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

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

تیم مدیریت روکسو

04 مهر 1400

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

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

مصطفی

03 اردیبهشت 1400

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

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

تیم مدیریت روکسو

07 اردیبهشت 1400

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

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

پرناز کاظمی

28 اسفند 1399

ممنون میشم اگه بیشتر راجب ES6 جدا توضیح بیشتری بزارید

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

تیم مدیریت روکسو

01 فروردین 1400

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

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

morteza

17 آذر 1399

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

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

تیم مدیریت روکسو

17 آذر 1399

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

حدود ۲۴ ساعت

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

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 hashemi

20 خرداد 1399

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

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

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

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

تیم مدیریت روکسو

04 شهریور 1399

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

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

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

پیمان بحرینی

05 خرداد 1399

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

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

تیم مدیریت روکسو

07 خرداد 1399

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

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

moein kolivand

03 خرداد 1399

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

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

حمیدرضا روانبخش

02 خرداد 1399

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

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

تیم مدیریت روکسو

03 خرداد 1399

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

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

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

حمیدرضا روانبخش

03 خرداد 1399

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

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

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

حمیدرضا روانبخش

04 خرداد 1399

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

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

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

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

amir ashrafi

01 خرداد 1399

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

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

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