دوره جامع و پیشرفته React و Redux

99,000 تومان

تعداد دانشجوها: 183

 

بعد از ثبت نام در دوره، برای دانلود ویدیوها وارد قسمت “حساب کاربری” شوید.

این دوره در حال برگزاری است.

توضیحات

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

50 پاسخ به “دوره جامع و پیشرفته React و Redux”

  1. 78nbm78 گفت:

    سلام عرض شد استاد، وقت بخیر.
    این دوره با شروع یادگیری Reactjs چه تفاوتی داره؟

  2. Frodo گفت:

    سلام جناب صدری ، این دوره قراره ری اکت را تمام و کمال پوشش بده به همراه پروژه های واقعی ایا ؟
    کاش سر فصل های کلی را تا انتهای دوره مینوشتید تا بدونیم کلیت دوره به چه صورته ؟

    • سلام
      بله، در طول این دوره به صورت جامع تمام مفاهیم React و Redux رو بررسی می‌کنیم.
      دوره همراه با چالش‌های متعدد و پیاده سازی یک پروژه اصلی هست.
      لطفا ویدیوی معرفی دوره و ویدیوی بررسی سرفصل‌ها رو ببینید.
      باز اگر سوالی بود در خدمتم.

  3. Frodo گفت:

    بسیار عالی ، در مورد mobx هم توضیحاتی بفرمایین بیزحمت ؟
    فقط یه نکته ای هم که وجود داره اینه که در دوره ای فارسی زبان در مورد mobx صحبت نشه در حالی که بسیاری اون را بهینه تر میدونن ، سعی کنید حتما در این دوره در مورد استفاده از mobx به عنوان جایگزینی در برخی موارد سبک تر برای ری داکس هم توضیحاتی داده بشه ، ممنون .
    نظرتون در مورد mobx به چه صورته ؟

    • من فکر می‌کنم با توجه به میزان کاربردی بودن و فرصت‌های شغلی بررسی Redux به عنوان یک دوره جامع و پیشرفته منطقی‌تر باشه.
      ولی سعی می‌کنم در مورد MobX هم حتما یک ویدیو یک قسمتی داشته باشم.

  4. amirali گفت:

    کاش حالا که دوره جامع میباشد پروژه را بصورت ssr طراحی میکردید و همینطور تست نویسی هم انجام میدادید.

  5. امین گفت:

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

  6. Morning Star گفت:

    سلام جناب صدری منتظر این دوره خوبتون بودم و خوشحالم که استارتش کردید.
    فقط اگر امکانش باشه SSR رو هم در سرفصل های دوره بزارید خیلی عالی میشه.
    و یک سوال دیگه ای که داشتم این هست که برای Next.js هم در این دوره یا دوره های دیگه برنامه ای دارید؟

  7. a_bahoush گفت:

    سلام
    آخرین مرحله پرداخت خطا داد و هر چی دوباره ثبت نام میکنم پیام میده کد تخفیف منقضی شده
    ممنون میشم رسیدگی کنید

  8. a_bahoush گفت:

    انجام شد ممنون بسیار

  9. الیاس غفوریان گفت:

    استاد موتورهای جستجوی گوگل میگن خیلی با کلا کتاب خانه ها و فریمورک های ری اکت سازگار نیستند( منظور سئو)
    آیا شما از فریمورک next.js هم آموزش میدید یا را حل های دیگه ایم اموزش یا پیشنهتد میدید؟؟؟
    ممنون

    • سلام
      در سطح اینترنت مقاله‌های متعددی هست برای بهتر کردن SEO در نرم افزارهای SPA.
      پیشنهاد می‌کنم در موردش مطالعه کنید چون روش‌های زیادی بررسی شده.
      ولی در مورد SSR با Next.js برای این دوره فعلا برنامه‌ای ندارم. ممکن هست به عنوان یک دوره جداگانه در نظر گرفته بشه.

  10. masood.mehrkesh13777 گفت:

    درود فراوان
    خسته نباشید
    در آخر این دوزه چه پروژه ایی رو میزنید؟

  11. Mohamadreza گفت:

    سلام وقتتون به خیر..خسته نباشید مثل بقیه دوره هاتون تا اینجاش عالی بود..ققط ۲ سوال..؟!!!
    کل دوره چند ساعت است ؟
    و اینکه کی آپدیت میشه؟

  12. امین غلامی گفت:

    میشه شماره کارت بذارین کارت به کارت کنیم؟

  13. Hamidreza گفت:

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

    • سلام
      ممنونم که می‌خواید برای دوره ثبت نام کنید.
      من این دوره رو بهتون پیشنهاد می‌کنم، چون هم جامع هست و هم پیشرفته.
      همین طور Redux رو به شکل پیشرفته شامل می‌شه.

  14. andishe11 گفت:

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

  15. aminda گفت:

    سلام جناب صدری
    مثل بیشتر دوره های سایت برای این دوره هم ثبت نام کردم
    البته با آموزش های قبلی شما و بقیه منابع ری اکت جدید رو بلدم تقریبا
    بیشتر برای حمایت از سایت و زحمات شما و همچنین شنیدن دوباره مفاهیم ریداکس اینبار از ززبان شما ثبت نام کردم در دوره… (باعث افتخاره البته برای من)
    اگه بشه که مفاهیم نکست و ssr رو هم پوشش بدین خیلی بهتره و هم دوره جامع و به روز تره میشه هم ماها هم بیشتر استفاده میکنیم از دوره 🙂
    تشکر از شما

  16. Frodo گفت:

    سلام جناب صدری ، با توجه به گستردگی مباحث ری اکت و از طرفی امکان بروزرسانی های اینده تیم ری اکت لطفا بروز رسانی ها را سریع تر کنید ، و سر فصل ها رو سریع تر و در فاصله زمانی کمتر اضافه کنید ، چرا که به این شکل بسیار طولانی خواهد شد و کارایی خودش را از دست خواهد داد ؟

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

    • سلام
      این دوره انشاالله هر هفته به صورت منظم به روز رسانی می‌شه تا زمانی که تکمیل بشه.
      در صورت اضافه شدن مباحث جدید به React مثل به روز رسانی Hooks در نسخه ۱۶.۸، مباحث جدید به این دوره هم اضافه می‌شن.
      برای دوستانی که قبلا ثبت نام کردن برای دریافت به روز رسانی‌ها نیازی به ثبت نام مجدد نخواهد بود.
      در طول دوره از CSS استفاده می‌شه و تمرکز روی مفاهیم React و Redux هست. شاید برای استفاده از Material یک ویدیو یک قسمتی جدا آماده کنم.
      موفق باشید.

  17. Frodo گفت:

    بله دوره های شما همیشه مرتب بروز میشن ، در اصل منظورم تعداد ویدئو ها و سرعت ارائه سرفصل ها بود که اگر کمی سریعتر بشه و تعداد ویدئو ها و ارائه سرفصل ها بیشتر بشه باعث میشه اعضا بتونن زودتر بتونن برن سر انجام تمرین ها و کسب تجربه های بعد از این دوره . موفق باشید

  18. Masturdating گفت:

    سلام لطفا ویدئوی بیشتری قرار بدید، اینجوری خیلی طول میکشه دوره تموم شه 🙁

    • سلام
      این دوره هر هفته به روز رسانی می‌شه.
      کیفیت ویدیوها و نظم به روز رسانی برای من اولویت اول هست.
      سعی می‌کنم تعداد ویدیوها هم بیشتر باشه تا زودتر دوره تکمیل بشه.

  19. a_bahoush گفت:

    سلام
    فایل شماره ۲۸ تو دانلود مشکل داره
    ممنون

  20. kelinika گفت:

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

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

  21. hesam mirzaee گفت:

    آقا صدری شما فوق العاده اید دوره عالی ای شده فقط خواهشا آخرش یه پروژه بزنید

  22. سارا یحیی زاده گفت:

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

  23. Hamidreza گفت:

    سلام آقای صدری خسته نباشید من توی دوره همون موقع که تخفیف بود شرکت کردم ولی الان که میام توی سایت پنل کاربریم نیستش و یادم نیست با کدوم ایمیل وترد سایت شدم و ثبت نام کردم چیکار کنم

  24. morteza-n گفت:

    سلام میشه لطفا بگید تا اینجا چند درصد دوره رو طی کردید؟

    • سلام
      بعد از تکمیل قسمت کامپوننت‌ها، نسخه اولیه پروژه دوره رو شروع می‌کنیم.
      بعد از اون وارد مبحث API می‌شیم و پروژه اصلی رو این بار با HTTP Request پیش می‌بریم.
      بعد از درک کامل مفاهیم، پروژه نهایی رو یک بار با استفاده از Hookها و بعد از اون با Redux پیاده سازی می‌کنیم.

  25. fateme98 گفت:

    سلام وقتتون بخیراستاد
    ممنون بابت آموزشای خوبتون
    هنوز دوره به آموزشای ریداکس وپروژه ریداکس نرسیده؟

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

برای اطلاع از به روز رسانی دوره‌ها عضو کانال تلگرام فرانت کست شوید