توضیحات
React و Redux یکی از محبوب‌ترین و پرکاربردترین ابزارهای توسعه نرم افزار هستند. این دو کتابخانه با زبان برنامه نویسی جاوااسکریپت ساخته شده‌اند و برای توسعه فرانت‌اند استفاده می‌شوند.
قسمت رابط کاربری یک نرم افزار می‌تواند پیچیدگی‌های زیادی داشته باشد. به عنوان مثال، ممکن است المنت‌های زیادی بعد از درخواست‌های HTTP به سرور دچار تغییر شوند. در چنین مواردی کتابخانه React به عنوان یک راه حل در نظر گرفته می‌شود.
معماری این کتابخانه به گونه‌ای توسعه داده شده که بتواند تغییرات قسمت فرانت‌اند را با سرعت بیشتری پیاده سازی کند. به همین دلیل React به یکی از ابزارهای محبوب توسعه فرانت‌اند برای بسیاری از شرکت‌های نرم افزاری تبدیل شده است.
در کنار React از Redux می‌توان به عنوان یکی از ابزارهای مکمل نام برد. این کتابخانه زمانی استفاده می‌شود که رابط کاربری با پیچیدگی‌های بیشتری مواجه باشد. به این صورت این دو ابزار در کنار هم باعث می‌شوند تا فرآیند توسعه و نگهداری نرم افزارهای سطح متوسط و بزرگ بسیار ساده‌تر و منطقی‌تر انجام شود.
دوره جامع و پیشرفته React و Redux فرانت کست برای یادگیری بهتر و درک دقیق این دو کتابخانه طراحی شده است. در طول این دوره با بررسی جامع مفاهیم React و Redux تلاش میکنیم تا یک نرم افزار را به صورت کامل پیاده سازی کنیم.
همین طور این دوره از چالش‌های متعدد تشکیل شده تا فرآیند یادگیری برای دانشجو دقیق‌تر پیش رود.
مهم‌ترین پیش‌نیاز این دوره، درک مفاهیم زبان برنامه نویسی جاوااسکریپت است. به این دلیل که React و Redux هر دو با این زبان توسعه داده شده‌اند. برای یادگیری دقیق جاوااسکریپت، دوره جامع و پیشرفته جاوااسکریپت فرانت کست را پیشنهاد میکنیم.
این دوره در حال برگزاری است و در طول هفته ویدیوهای جدید اضافه خواهند شد. برای اطلاع از به روز رسانی‌ها کانال تلگرام فرانت کست را دنبال کنید.
یک ساعت از دوره جامع و پیشرفته React و Redux را در کانال یوتوب می‌توانید ببینید.
سرفصل‌ها:
معرفی دوره. بررسی دوره جامع و پیشرفته React و Redux – مشاهده ویدیو
۱. پیش نیازهای دوره – مشاهده ویدیو
۲. یادگیری دقیق‌تر مفاهیم و پشتیبانی دوره – مشاهده ویدیو
۳. سرفصل‌های دوره و مسیر یادگیری – مشاهده ویدیو
۴. بررسی کتابخانه React – مشاهده ویدیو
۵. دلایل استفاده از Redux در پروژه – مشاهده ویدیو
۶. ابزارهای مورد نیاز برای توسعه نرم افزار با React
۷. راه اندازی محیط توسعه
۸. نصب و بررسی بسته نرم افزاری Create React App
۹. توسعه اولین کد React
۱۰. درک مفهوم کامپوننت در React
۱۱. استفاده از دستورات JSX
۱۲. استفاده از کامپوننتها
۱۳. بررسی انواع کامپوننتها
۱۴. کار با مقادیر داینامیک
۱۵. استفاده از Props
۱۶. استفاده از props.children
۱۷. مفهوم State در React
۱۸. استفاده از توابع برای مدیریت Eventها
۱۹. مدیریت State در کامپوننت
۲۰. استفاده از useState برای مدیریت State
۲۱. بررسی کامپوننت‌های Stateful و Stateless
۲۲. افزودن فایل‌های استایل
۲۳. ارسال متدها در کامپوننتها
۲۴. استفاده از متد bind
۲۵. بررسی استایل‌های Inline در React
۲۶. نمایش المنت‌ها بر اساس شرط
۲۷. مدیریت مقادیر داینامیک
۲۸. نمایش لیست‌ها
۲۹. حذف مقادیر لیست
۳۰. بهینه سازی آپدیت State
۳۱. بررسی Key در لیست‌ها
۳۲. توسعه لیست‌های داینامیک
۳۳. بهینه سازی ساختار فایل‌های پروژه
۳۴. توسعه کد در کامپوننت‌های مختلف
۳۵. بررسی Lifecycle در کامپوننتها
۳۶. استفاده از متدهای Lifecycle در پروژه
۳۷. بررسی متدهای Lifecycle برای آپدیت
۳۸. استفاده از متدهای Lifecycle برای تغییر Props
۳۹. استفاده از متدهای Lifecycle برای تغییر State
۴۰. بررسی useEffect در فانکشنال کامپوننتها
۴۱. مدیریت اجرای useEffect
۴۲. تابع Cleanup در useEffect
۴۳. استفاده از HOC برای المنت‌های JSX
۴۴. استفاده از React.Fragment
۴۵. درک بهتر Higher Order Component
۴۶. توسعه HOC به صورت داینامیک
۴۷. ارسال مقادیر Props در HOC
۴۸. استفاده از Ref در کلاس کامپوننتها
۴۹. استفاده از Ref در فانکشنال کامپوننتها
۵۰. ارسال مقادیر Props در کامپوننتها
۵۱. استفاده از Context API
۵۲. بررسی مقدار contextType
۵۳. استفاده از useContext در فانکشنال کامپوننتها
۵۴. جمع بندی مفاهیم قسمت کامپوننتها
۵۵. طراحی ساختار پروژه اصلی – کامپوننتها
۵۶. طراحی ساختار پروژه اصلی – Stateها
۵۷. توسعه کامپوننت Layout
۵۸. افزودن فونت به برنامه
۵۹. شروع توسعه کامپوننت Shopping
۶۰. توسعه کامپوننت Controls
۶۱. توسعه کامپوننت Builder
۶۲. تابع افزودن محصول
۶۳. تابع حذف محصول
۶۴. محاسبه مجموع قیمت محصولات
۶۵. توسعه Modal برای لیست سفارش‌ها
۶۶. نمایش سفارش‌ها در Modal
۶۷. نمایش Modal بر اساس Click
۶۸. توسعه کامپوننت Backdrop
۶۹. توسعه کامپوننت Button
۷۰. استفاده از کامپوننت Button
۷۱. افزودن مجموع قیمت به لیست سفارش‌ها
۷۲. توسعه کامپوننت Navigation
۷۳. توسعه آیتم‌های Navigation
۷۴. بررسی نسخه اول پروژه اصلی
۷۵. بررسی درخواست‌های HTTP
۷۶. استفاده از پکیج Axios
۷۷. ارسال درخواست GET
۷۸. دریافت اطلاعات از API
۷۹. آپدیت اطلاعات دریافت شده
۸۰. انتخاب یک پست در برنامه
۸۱. آپدیت اطلاعات یک پست
۸۲. ارسال درخواست POST
۸۳. ارسال درخواست DELETE
۸۴. مدیریت خطاها
۸۵. تنظیمات Default در Axios
۸۶. استفاده از Instance در Axios
۸۷. بررسی پروژه API
۸۸. ذخیره اطلاعات در پایگاه داده
۸۹. استفاده از پایگاه داده
۹۰. ساختن پروژه Firebase
۹۱. افزودن Axios به پروژه اصلی
۹۲. ارسال اطلاعات سفارش به سرور
۹۳. نمایش Loading
۹۴. دریافت اطلاعات محصولات از سرور
۹۵. جمع بندی مفاهیم قسمت API
۹۶. بررسی نرم افزارهای SPA
۹۷. افزودن لینک‌ها به برنامه
۹۸. نصب و راه اندازی React Router
۹۹. تغییر ساختار فایل‌های برنامه
۱۰۰. افزودن Routeها
۱۰۱. نمایش کامپوننتها در Route
۱۰۲. استفاده از کامپوننت Link
۱۰۳. بررسی Props در Routing
ویدیوهای اضافه شده:
۱۰۴. مقادیر متغیر در Routeها
۱۰۵. استفاده از کامپوننت Switch
۱۰۶. استفاده از آبجکت History
۱۰۷. بررسی کامپوننت Redirect
۱۰۸. ریدایرکت Routeها بر اساس شرط
۱۰۹. مدیریت صفحات ۴۰۴
88 پاسخ به “دوره جامع و پیشرفته React و Redux”
سلام روز به خیر ممنونم از تدریس خیلی خوب و قابل فهمتون. یه سوالی دارم اگه دوره ریاکت رو خریداری کنیم بعد با اضافه شدن سرفصل های جدید مربوط به این دوره بازم باید اونها رو جدا خریداری کنیم؟
سلام
خیلی ممنونم از لطفتون.
تمام به روز رسانی‌های دوره‌های فرانت کست برای دانشجوهای دوره به صورت رایگان هستند.
شما فقط یک بار برای دوره ثبت نام میکنید.
سلام خسته نباشید.
اگه امکانش هست یک ویدیو در مورد اضافه کردن font awesome و همچنین استفاده از آیکون های solid و regular و brand و… به ویدیو های دوره اضافه کنید. ممنون
سلام
خیلی ممنونم از پیشنهادتون.
حتما استفاده از Font Awesome رو بررسی میکنیم.
سلام آقای صدری خسته نباشید .
لطفا مورد reselect و immer هم صحبت کنید ممنون میشم.
سلام
خیلی ممنونم از پیشنهادتون.
برای سرفصل‌ها در نظر نگرفتم، یا به دوره اضافه میکنم و یا یک ویدیوی توی کانال یوتوب براش آماده میکنم.
دورد بر شما تازه با سایت شما اشنا شدم . می تونم بپرسم که تا الان حدودا چند در صد از آموزشی که مد نظرتون هست رو پیش بردین؟
سلام
واقعیتش با درصد نمی‌تونم دقیق بگم خدمتتون.
این هفته مفاهیم React Router رو شروع میکنیم، بعد بحث اعتبار سنجی فرم‌ها.
بعد مفاهیم Redux رو بررسی میکنیم و Redux پیشرفته.
در نهایت پروژه اصلی دوره رو یک بار به صورت کامل با استفاده از Hookها پیاده سازی میکنیم.
آخرین قسمت هم مربوط به بررسی مفاهیم Next.js هست.
استاد جان سالم وقت بخیر امیدوارم حالتون خوب باشه
استاد میشه در این دوره درباره redux thunk , و redux saga صحبت کنیم
سلام
بله حتما، جز سرفصل‌ها هست.
با سلام و احترام فراوان استاد عزیز و دسو داشتنی
استاد در این دربراه هوک ها و کاربرد هاشون صحبت میشه ؟۱
سلام
بله حتما.
پروژه اصلی دوره رو یک بار به صورت کامل با هوک‌ها پیاده سازی میکنیم.
سلام استاد ببخشید چند جلسه دیگه مونده تا مبحث ریداکس ؟
سلام
بعد از پیاده سازی پروژه اصلی با API و کار با React Router، مفاهیم Redux رو شروع میکنیم.
سلام وقتتون بخیر آیا این دوره پروژه محوره؟
سلام
بله، یک پروژه اصلی داریم که فروشگاه هست. این پروژه رو با روش‌های متنوع پیاده سازی میکنیم.
اولین نسخه پیاده سازه با کلاس کامپوننتها هست، بعد از اون با استفاده از API و در نهایت به کمک Redux و Hookها.
البته تمام دوره‌های فرانت کست بعد از تکمیل شدن با پروژه‌های جدید به روز رسانی میشن.
سلام جناب صدری ، چند پیشنهاد داشتم خدمتتون ، خوایتم بگم سعی کنید در کنار تدریس کامل مطالبی که در دوره های سایر سایت ها هست برای اینکه دوره واقعا جامع باشه مطالب حرفه ای تر را هم حتما با توضیح و تفسیر مفصل بیان کنید حالا که دوره تا اینجا رسیده نزارید مثل ده ها دوره ای باشه که فقط مطالب داک ری اکت را فقط پوشش میدن ، بلکه به سمتی بریم که واقعا فراتر از فقط داک ری اکت مسایل بیشتری بیان بشه و من طی کامنت ها اگر نکاتی به نظرم رسید بیان میکنم تا در دوره مطرح بشن و دوره کامل تر بشه به عنوان مثال
۱٫ در مورد اینکه تفاوت و کاربرد اینکه فرمت کامپوننت ها js باشه یا jsx لطفا توضیح بدین و استاندار هر کدوم را.
۲٫ در مورد اینکه دقیقا useEffect کدوم لایف سایکل ها را چطور و به چه شکل پوشش میده و پشت صحنه چه رخ میده را لطفا توضیح بدین و اگر بشه ساختار سایکل کامپوننت ها و تاثیر چرخه کامپوننت های والد و فرزند را بر فراخوانی متد های لایف سایکل از طریق تصویر یا دیاگرام توضح بدین تا جا بیفته عالی میشه.
ممنون و امیدوارم مفید باشه این کامنت .
سلام
خیلی ممنونم از پیشنهادتون.
تلاش من این هست که دوره جامع و با مثال‌های متنوع باشه.
مواردی که گفتید رو حتما در نظر می‌گیرم.
موفق باشید.
سلام و درود استاد چرا تو دوره مون router نیست ؟
سلام
این دوره در حال برگزاری هست.
قسمت React Router رو بعد از بررسی درخواست‌های HTTP خواهیم داشت.
سلام اقای صدری در پروژه این دوره از route ها و api ها ه استفاده میشه؟ منظورم اینه که api ها اماده باشه ما صرفا درخواست بدیم دقیقا شبیه یک تیم واقعی که api رو یکی زده باشه ما فقط به اون api درخواست بدیم و پروژرو بسازیم این طوری خیلی طبیعی تر و بهتره
سلام
بله حتما.
بعد از پیاده سازی نسخه اولیه پروژه، مرحله بعدی از API استفاده میکنیم و همین طور React Router.
در کنار این موارد قسمت احراز هویت رو هم خواهیم داشت.
قطعا هدف اصلی پیاده سازی یک پروژه کامل هست.
استاد خسته نباشید پروژه ی فروشگاه رو کی شروع میکنید
سلام
پروژه اصلی دوره از قسمت ۵۵ شروع شده.
ممنون ، در مجموع ری اکت به سمتی داره میره که استفاده از کلاس ها را به دلایل مختلف از جمله حجم کد خروجی و پرفورمنس در اینده کم و کمتر کنه ، و الان در بیشتر اموزش های لاتین هم از فانکشن ها استفاده میشه ، تا کاملا فانکشن ها جا بیفتن ، در صورت صلاحدید پیشنهاد میکنم در کنار پیاده سازی با کلاس ها یکبار هم بصورت جامع با فانکشن کامپوننت ها را پیاده سازی کنید تا از حیث جامعیت دوره تمام حالات را پوشش بده و هر دو حالت در یک پروژه واقعی در دسترس دانشجو ها قرار بگیره و با مقایسه دو حالت تفاوت ها و نکات هر دو حالت براشون در عمل بیشتر قابل لمس باشه ، امیدوارم دوره مدام به سمت کامل شدن و جامعیت بیشتر پیش بره ، باز هم سپاس
همون طور که عرض کردم خدمتتون پروژه اصلی دوره یک بار به صورت کامل با استفاده از Hookها (توابع) پیاده سازی میشه.
البته تا همین جا هم چندین مقایسه بین توابع و کلاس‌ها انجام شده.
چون هدف جامع بودن دوره هست.
موفق باشید.
سلام استاد ، دلیل خاصی داره که به روش کلاس کامپوننت قراره پروژه دوره پیاده سازی بشه ؟
اگر اشتباه نکنم بست پرکتیس خود داک ری اکت استفاده حداکثری از فانکشن کامپوننت ها باشه ؟ استفاده از فانکشن کامپوننت بهینه تر نیست ؟ ممنون میشم در این مورد هم توضیح بفرمایید
سلام
همون طور که در جریان هستید ریاکت هنوز کلاس کامپوننتها رو پشتیبانی میکنه و مثال‌های اصلی داکیومنتیشن وب‌سایت ریاکت با کلاس کامپوننتها پیاده سازی شده.
هوک در نسخه ۱۶.۸ به عنوان یکی از آپدیت‌های مهم در نظر گرفته شده و میتونه یک جایگزین باشه.
با توجه به این که در دوره جامع ریاکت و ریداکس هدف اصلی بررسی تمام مفاهیم ریاکت هست، ما پروژه اصلی رو یک بار با کلاس کامپوننتها پیاده سازی میکنیم، یک بار با استفاده از ریداکس و در نهایت با استفاده از Hookها.
از طرفی شما به عنوان توسعه دهنده ریاکت، باید تمام مفاهیم این کتابخانه رو مسلط باشید. چون ممکنه وارد شرکت یا پروژه‌ای بشید که قسمتی از پروژه با کلاس کامپوننتها توسعه داده شده.
اگر می‌خواید فقط قسمت توسعه کامپوننت با توابع رو مسلط بشید، دوره جامع MERN Stack رو بهتون پیشنهاد میکنم.
پیشنهاد میکنم اینجا رو هم بررسی کنید: https://reactjs.org/docs/thinking-in-react.html
اگر سوالی بود در خدمتم.
سلام استاد درباره پروژه این دوره توضیح میدید؟
سلام
پروژه دوره یک فروشگاه اینترنتی هست.
نسخه اولیه رو با کلاس کامپوننتها پیاده سازی میکنیم.
بعد دیتای پروژه رو به صورت داینامیک با استفاده از API مدیریت می‌کینم.
مرحله بعدی Redux رو اضافه میکنیم به پروژه.
در نهایت یک بار هم با Hookها پیاده سازی میکنیم.
عذرخواهی میکنم مشکل رو متوجه شدم. تو خط اکسپورت اشتباهی یک پرانتز گذاشته شده بود.
اما در مورد اسم کامپوننتها، جسارتا اگر نکات ریز اینچنینی رو توی جلسات بفرمایید، کمک خوبی میشه. چون من چند دقیقه کلی بررسی کردم تا به ذهنم رسید که حرف اول رو بزرگ کنم شاید درست شه که دیدم مشکل از همونجا بود.
ممنون
خواهش میکنم، موفق باشید.
وقت بخیر. من جلسه ده رو مشاهده کردم. یک سوال این که نام کامپوننتها باید با حرف بزرگ شروع بشن؟ چون من یه کامپوننت با حرف کوچک ساختم و ارور داد ولی همون رو حرف اولش رو بزرگ کردم عمل کرد!
سوال دوم این که من عینا مثل شما یک فایل جدید ساختم و کامپوننت رو داخل اون قرار دادم. اکسپورت و ایمپورت هم کردم اما ارور میده. و ارورها رو متوجه هم نمیشم. امکانش هست کدهام رو بفرستم زحمت بکشید چک کنید؟
سلام
بله ابتدای اسم کامپوننت رو باید با حرف بزرگ بنویسید.
لطفا از کد و اروری که دارید یک اسکرین شات در واتس‌اپ یا تلگرام بفرستید تا بررسی کنیم.
درود. وقت بخیر.
برای نرم افزار ادیتور کدها، phpStorm جزو گزینه هاتون نبود. آیا دلیل خاصی داره؟ یا vs code نکته مثبتی بجز سبک بودن به نسبت phpStorm داره؟
سلام
بیشتر به خاطر سرعت بالای VS Code انتخابم این نرم افزار هست.
البته به نظرم برای توسعه فرانت‌اند WebStorm باید بهتر باشه نسبت به phpStorm.
در کل فرق چندانی باهم ندارن، به نظرم با هر کدوم که راحت هستید کار کنید.
سلام وقت بخیر دوست عزیز
موارد زیادی هست که این کار رو برات انجام میده و یکی دوتا لینک برات میزارم و یه بررسی بکن
https://mdbootstrap.com/docs/react/tables/datatables/
https://www.npmjs.com/package/react-data-table-component
امیدوارم کمکت کرده باشه و با سرچ ساده هم میتونی بیشتر از اینا پیدا کنی و اگه از material ui استفاده کردی تو پروژه خودش میتونه برات هندل کنه این بخش رو
سلام استاد
من می خوام تو پروژه ام از Grid Table استفاده کنم .قبل از شیفت به ریکت از datatables js استفاده می کردم و کارمو راه مینداخت اما الان با ریکت از چه کامپونتی استفاده کنم ؟
(دارای paging , sort , search و … بوسیله Api و تعداد زیادی رکورد هم پاسوخگو باشه)
باز هم از زحمات بی دریغ شما کمال تشکر را دارم
سلام وقتتون بخیراستاد
ممنون بابت آموزشای خوبتون
هنوز دوره به آموزشای ریداکس وپروژه ریداکس نرسیده؟
سلام
ممنون از شما.
ریداکس آخرین قسمت دوره هست و هنوز نرسیدم بهش.
سلام میشه لطفا بگید تا اینجا چند درصد دوره رو طی کردید؟
سلام
بعد از تکمیل قسمت کامپوننتها، نسخه اولیه پروژه دوره رو شروع میکنیم.
بعد از اون وارد مبحث API می‌شیم و پروژه اصلی رو این بار با HTTP Request پیش می‌بریم.
بعد از درک کامل مفاهیم، پروژه نهایی رو یک بار با استفاده از Hookها و بعد از اون با Redux پیاده سازی میکنیم.
سلام آقای صدری خسته نباشید من توی دوره همون موقع که تخفیف بود شرکت کردم ولی الان که میام توی سایت پنل کاربریم نیستش و یادم نیست با کدوم ایمیل وترد سایت شدم و ثبت نام کردم چیکار کنم
سلام
لطفا توی تلگرام یا واتس‌اپ پیام بدین تا بررسی کنیم.
سلام خسته نباشید
این دوره چند قسمت خواهد بود؟
سلام
فعلا مشخص نیست.
با توجه به جامع بودن دوره قطعا تعداد قسمت‌ها زیاد قرار هست باشه.
آقا صدری شما فوق العاده اید دوره عالی ای شده فقط خواهشا آخرش یه پروژه بزنید
سلام
خیلی ممنونم از لطفتون.
بله این دوره همراه با چالش‌های متعدد و یک پروژه اصلی هست.
سلام وقت بخیر
آیا میشه این دوره رو خرید یا اینکه حتما دوره قبلیو بگذرونم بعد بیام سراغ این دوره ؟؟؟
تخفیف ندارید ؟ چون میخوام بخرم من دوره جاوا اسکریپت و نود جی رو خریدم واقعا عالیه خیلی
سلام
این دوره به صورت جامع هست و از مفاهیم اولیه ریاکت تا مباحث پیشرفته ادامه داره.
در نتیجه نیازی به دوره قبلی نیست.
فعلا تخفیف نداریم، برای اطلاع از کدهای تخفیف لطفا کانال تلگرام فرانت کست رو دنبال کنید.
سلام
فایل شماره ۲۸ تو دانلود مشکل داره
ممنون
سلام
بررسی کردم مشکلی نبود.
اگر نتونستید دانلود کنید توی واتس‌اپ یا تلگرام پیام بدین تا فایل رو بفرستم خدمتتون.
سلام لطفا ویدئوی بیشتری قرار بدید، اینجوری خیلی طول میکشه دوره تموم شه 🙁
سلام
این دوره هر هفته به روز رسانی میشه.
کیفیت ویدیوها و نظم به روز رسانی برای من اولویت اول هست.
سعی میکنم تعداد ویدیوها هم بیشتر باشه تا زودتر دوره تکمیل بشه.
بله دوره های شما همیشه مرتب بروز میشن ، در اصل منظورم تعداد ویدئو ها و سرعت ارائه سرفصل ها بود که اگر کمی سریعتر بشه و تعداد ویدئو ها و ارائه سرفصل ها بیشتر بشه باعث میشه اعضا بتونن زودتر بتونن برن سر انجام تمرین ها و کسب تجربه های بعد از این دوره . موفق باشید
حتما، سعی میکنم هرچه زودتر این دوره تکمیل بشه.
سلام جناب صدری ، با توجه به گستردگی مباحث ری اکت و از طرفی امکان بروزرسانی های اینده تیم ری اکت لطفا بروز رسانی ها را سریع تر کنید ، و سر فصل ها رو سریع تر و در فاصله زمانی کمتر اضافه کنید ، چرا که به این شکل بسیار طولانی خواهد شد و کارایی خودش را از دست خواهد داد ؟
و نکته دوم اینکه بیزحمت در مورد متریال ui هم به عنوان یکی از ملزومات حال حاضر ری اکت هم چند قسمت صحبت کنید و بهش بپردازین ؟ ممنون
سلام
این دوره انشاالله هر هفته به صورت منظم به روز رسانی میشه تا زمانی که تکمیل بشه.
در صورت اضافه شدن مباحث جدید به React مثل به روز رسانی Hooks در نسخه ۱۶.۸، مباحث جدید به این دوره هم اضافه میشن.
برای دوستانی که قبلا ثبت نام کردن برای دریافت به روز رسانی‌ها نیازی به ثبت نام مجدد نخواهد بود.
در طول دوره از CSS استفاده میشه و تمرکز روی مفاهیم React و Redux هست. شاید برای استفاده از Material یک ویدیو یک قسمتی جدا آماده کنم.
موفق باشید.
سلام جناب صدری
مثل بیشتر دوره های سایت برای این دوره هم ثبت نام کردم
البته با آموزش های قبلی شما و بقیه منابع ری اکت جدید رو بلدم تقریبا
بیشتر برای حمایت از سایت و زحمات شما و همچنین شنیدن دوباره مفاهیم ریداکس اینبار از ززبان شما ثبت نام کردم در دوره… (باعث افتخاره البته برای من)
اگه بشه که مفاهیم نکست و ssr رو هم پوشش بدین خیلی بهتره و هم دوره جامع و به روز تره میشه هم ماها هم بیشتر استفاده میکنیم از دوره 🙂
تشکر از شما
سلام
خیلی ممنونم از لطف شما.
قطعا این حمایت برای من خیلی ارزش داره.
امیدوارم دوره براتون مفید باشه و ممنونم از پیشنهادتون.
سلام.
دوره رو میخوام تهیه کنم. وقتی دکمه ثبت سفارش رو میزنم به صفحه بانک هدایت نمیشه و توی لود شدن گیر میکنه.
سلام
بله مشکل از درگاه هست.
از طریق پشتیبانی دارم پیگیری میکنم.
اگر موفق به ثبت نام نشدید تخفیف رو برای فردا هم نگه می‌دارم.
سلام خسته نباشین من میخوام آموزش ری اکت رو بخرم این دوره رو بخرم یا دوره ری اکت قبلی؟
سلام
ممنونم که می‌خواید برای دوره ثبت نام کنید.
من این دوره رو بهتون پیشنهاد میکنم، چون هم جامع هست و هم پیشرفته.
همین طور Redux رو به شکل پیشرفته شامل میشه.
میشه شماره کارت بذارین کارت به کارت کنیم؟
سلام
لطفا اگر برای ثبت نام در دوره مشکلی دارید، در تلگرام یا واتس‌اپ پیام بدین تا مشکل رو بررسی کنیم.
خیلی ممنون.
سلام وقتتون به خیر..خسته نباشید مثل بقیه دوره هاتون تا اینجاش عالی بود..ققط ۲ سوال..؟!!!
کل دوره چند ساعت است ؟
و اینکه کی آپدیت میشه؟
سلام
خیلی ممنون از لطفتون.
چند ساعت هست رو فعلا نمی‌تونم دقیق بگم ولی انشاالله هر هفته به روز رسانی میشه.
درود فراوان
خسته نباشید
در آخر این دوزه چه پروژه ایی رو میزنید؟
سلام
خیلی ممنون.
یک فروشگاه اینترنتی، البته سعی میکنم پیچیدگی‌های بیشتری داشته باشه تا چالش‌های متنوع‌تری رو بتونیم انجام بدیم.
استاد موتورهای جستجوی گوگل میگن خیلی با کلا کتاب خانه ها و فریمورک های ری اکت سازگار نیستند( منظور سئو)
آیا شما از فریمورک next.js هم آموزش میدید یا را حل های دیگه ایم اموزش یا پیشنهتد میدید؟؟؟
ممنون
سلام
در سطح اینترنت مقاله‌های متعددی هست برای بهتر کردن SEO در نرم افزارهای SPA.
پیشنهاد میکنم در موردش مطالعه کنید چون روش‌های زیادی بررسی شده.
ولی در مورد SSR با Next.js برای این دوره فعلا برنامه‌ای ندارم. ممکن هست به عنوان یک دوره جداگانه در نظر گرفته بشه.
انجام شد ممنون بسیار
ممنون از شما.
اگر سوالی بود در خدمتم.
سلام
آخرین مرحله پرداخت خطا داد و هر چی دوباره ثبت نام میکنم پیام میده کد تخفیف منقضی شده
ممنون میشم رسیدگی کنید
سلام
مشکل حل شد، لطفا دوباره امتحان کنید.
سلام جناب صدری منتظر این دوره خوبتون بودم و خوشحالم که استارتش کردید.
فقط اگر امکانش باشه SSR رو هم در سرفصل های دوره بزارید خیلی عالی میشه.
و یک سوال دیگه ای که داشتم این هست که برای Next.js هم در این دوره یا دوره های دیگه برنامه ای دارید؟
سلام
خیلی ممنونم از لطف شما.
حقیقتش برای SSR فعلا برنامه ریزی نکردم.
اگر SSR رو برای یک دوره جداگانه بررسی کنیم از Next.js استفاده میکنیم.
من ایران نیستم و دسترسی به کارت ایران هم ندارم
راه دیگه ای هست برای خرید این پکیج در خارج از کشور؟
سلام
نه متاسفانه.
کاش حالا که دوره جامع میباشد پروژه را بصورت ssr طراحی میکردید و همینطور تست نویسی هم انجام میدادید.
سلام
قسمت تست رو خواهیم داشت.
در مورد SSR فعلا تصمیم نگرفتم.
بسیار عالی ، در مورد mobx هم توضیحاتی بفرمایین بیزحمت ؟
فقط یه نکته ای هم که وجود داره اینه که در دوره ای فارسی زبان در مورد mobx صحبت نشه در حالی که بسیاری اون را بهینه تر میدونن ، سعی کنید حتما در این دوره در مورد استفاده از mobx به عنوان جایگزینی در برخی موارد سبک تر برای ری داکس هم توضیحاتی داده بشه ، ممنون .
نظرتون در مورد mobx به چه صورته ؟
من فکر میکنم با توجه به میزان کاربردی بودن و فرصت‌های شغلی بررسی Redux به عنوان یک دوره جامع و پیشرفته منطقی‌تر باشه.
ولی سعی میکنم در مورد MobX هم حتما یک ویدیو یک قسمتی داشته باشم.
سلام جناب صدری ، این دوره قراره ری اکت را تمام و کمال پوشش بده به همراه پروژه های واقعی ایا ؟
کاش سر فصل های کلی را تا انتهای دوره مینوشتید تا بدونیم کلیت دوره به چه صورته ؟
سلام
بله، در طول این دوره به صورت جامع تمام مفاهیم React و Redux رو بررسی میکنیم.
دوره همراه با چالش‌های متعدد و پیاده سازی یک پروژه اصلی هست.
لطفا ویدیوی معرفی دوره و ویدیوی بررسی سرفصل‌ها رو ببینید.
باز اگر سوالی بود در خدمتم.
سلام عرض شد استاد، وقت بخیر.
این دوره با شروع یادگیری Reactjs چه تفاوتی داره؟
سلام
این دوره به صورت جامع و پیشرفته طراحی شده و ریداکس رو هم شامل میشه.