آموزش جامع React.js و Redux حضوری 2024

آموزش جامع React.js و Redux دوره حضوری 2024

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

دانشگاه متاورس تمامی دوره‌های آموزشی در حوزه علوم کامپیوتری را ارائه می‌دهد. برای مشاهده این دوره‌ها بر روی لینک کلیک کنید.

ویژگی‌های دوره آموزش جامع React.js و Redux :

• آموزش جامع کار با Redux برای مدیریت State در پروژه‌های React.js بزرگ و پیچیده
• مناسب برای توسعه‌ دهندگان React.js که قصد دارند مفاهیم پیشرفته‌تری از مدیریت State را بیاموزند و با Redux آشنا شوند
• پروژه‌محور با تمرکز بر پیاده‌سازی سیستم مدیریت State مرکزی با استفاده از Redux
• آشنایی با تکنیک‌های مدیریت State، Middlewareها و ابزارهای Redux در سال ۲۰۲۴

پیش‌نیازها:

• آشنایی کامل با React.js و اصول مدیریت State با استفاده از Hooks
• تجربه کار با JavaScript ES6 و پروژه‌های متوسط React.js

برنامه‌ریزی زمانی دوره:

• مدت زمان آموزش: ۵ هفته، هر هفته ۳ روز (هر جلسه ۲ ساعت)
• کل ساعت آموزش: ۳۰ ساعت
• هزینه هر ساعت: ۲۵۰,۰۰۰ تومان
• هزینه کل دوره: ۷,۵۰۰,۰۰۰ تومان

سرفصل‌های دوره آموزش جامع React.js و Redux  :

در ادامه سرفصل‌های این دوره را به طور جامع معرفی می‌کنیم. همراه ما باشید:

اولین هفته: مفاهیم پایه Redux

• جلسه اول (2 ساعت):
  • معرفی Redux و اهمیت آن در مدیریت State اپلیکیشن‌های React.js
  • بررسی معماری Flux و تفاوت آن با سایر روش‌های مدیریت State
  • پروژه عملی: راه‌اندازی یک پروژه ساده و نصب Redux
• جلسه دوم (2 ساعت):
  • مفاهیم پایه Redux: Store، Reducer، و Action
  • پیاده‌سازی اولین Store و ساخت Action و Reducer
  • پروژه عملی: ایجاد یک سیستم مدیریت State ساده با Redux

• جلسه سوم (2 ساعت):
  • کار با dispatch و subscribe برای به‌روزرسانی State و اجرای Action‌ها
  • نحوه اتصال کامپوننت‌ها به Store با استفاده از connect و mapStateToProps
  • پروژه عملی: اتصال یک کامپوننت به Store و مدیریت داده‌ها با Redux

دومین هفته: مدیریت State پیچیده با Redux

• جلسه چهارم (2 ساعت):
  • مدیریت State‌های پیچیده و تقسیم‌بندی State در Redux
  • معرفی Combine Reducers برای مدیریت چندین Reducer در پروژه‌های بزرگ
  • پروژه عملی: پیاده‌سازی چندین Reducer و مدیریت State‌های مختلف در یک پروژه

• جلسه پنجم (2 ساعت):
  • مدیریت State‌های تو در تو و نرمال‌سازی State
  • استفاده از Immutable Data و اهمیت آن در Redux
  • پروژه عملی: بهینه‌سازی State پیچیده و مدیریت داده‌ها به‌صورت Immutable
• جلسه ششم (2 ساعت):
  • آشنایی با ابزار Redux DevTools برای دیباگ کردن State و Action‌ها
  • نحوه استفاده از Time-traveling در Redux DevTools برای بررسی تغییرات State
  • پروژه عملی: بررسی و دیباگ کردن پروژه با استفاده از Redux DevTools

سومین هفته: Middlewareها در Redux

• جلسه هفتم (2 ساعت):
  • معرفی Middlewareها در Redux و کاربرد آن‌ها برای مدیریت Action‌های غیر هم‌زمان
  • استفاده از Middlewareهای معروف مانند Redux Thunk و Redux Saga
  • پروژه عملی: پیاده‌سازی Redux Thunk برای مدیریت درخواست‌های API و Action‌های غیر هم‌زمان
• جلسه هشتم (2 ساعت):
  • مدیریت Action‌های پیچیده با استفاده از Redux Saga
  • بررسی تفاوت‌های بین Thunk و Saga در مدیریت Action‌های غیرهم‌زمان
  • پروژه عملی: پیاده‌سازی یک سیستم مدیریت داده‌های غیرهم‌زمان با استفاده از Redux Saga

• جلسه نهم (2 ساعت):
  • کار با Middleware‌های سفارشی و نحوه ساخت Middleware‌های دلخواه
  • استفاده از Middlewareها برای کنترل و مانیتورینگ Action‌ها و State
  • پروژه عملی: پیاده‌سازی Middleware سفارشی برای مانیتورینگ لاگ‌ها و عملکرد Action‌ها

چهارمین هفته آموزش جامع React.js و Redux : کار با ابزارهای Redux و یکپارچگی با React

• جلسه دهم (2 ساعت):
  • معرفی Redux Toolkit و استفاده از آن برای ساده‌سازی کد نویسی Redux
  • استفاده از createSlice و createAsyncThunk برای مدیریت ساده‌تر State و Action‌ها
  • پروژه عملی: بازنویسی یک پروژه با استفاده از Redux Toolkit
• جلسه یازدهم (2 ساعت):
  • کار با Persisting State در Redux برای ذخیره‌سازی State در LocalStorage
  • پیاده‌سازی سیستم ذخیره‌سازی داده‌ها به‌صورت آفلاین با Redux Persist
  • پروژه عملی: پیاده‌سازی State Persist برای مدیریت داده‌ها در LocalStorage

• جلسه دوازدهم (2 ساعت):
  • یکپارچگی Redux با Context API برای مدیریت State‌های کوچک و استفاده از آن در کنار Redux
  • پروژه عملی: استفاده هم‌زمان از Redux و Context API در پروژه برای مدیریت State‌های مختلف

پنجمین هفته:  پروژه نهایی و جمع‌بندی دوره

• جلسه سیزدهم (2 ساعت):
  • شروع پروژه نهایی: طراحی و پیاده‌سازی یک سیستم پیچیده با استفاده از Redux و Thunk یا Saga
  • پروژه عملی: پیاده‌سازی سیستم مدیریت کاربران با استفاده از Redux و اتصال به API
• جلسه چهاردهم (2 ساعت):
  • بررسی پروژه نهایی و بازخورد روی کدنویسی و ساختار پروژه
  • بهینه‌سازی پروژه و استفاده از تکنیک‌های پیشرفته Redux در مدیریت State

• جلسه پانزدهم (2 ساعت):
  • جمع‌بندی دوره و مرور مفاهیم پیشرفته Redux
  • پیشنهاد ابزارها و منابع برای ادامه یادگیری و بهبود مهارت‌های مدیریت State

ویژگی‌های جدید ۲۰۲۴:

• استفاده از Redux Toolkit: ساده‌سازی و بهینه‌سازی کدنویسی Redux با استفاده از Redux Toolkit و createSlice
• مدیریت داده‌های آفلاین: استفاده از Redux Persist برای مدیریت داده‌ها و حفظ State در محیط‌های آفلاین
• یکپارچگی Redux با Context API: استفاده ترکیبی از Context API و Redux برای مدیریت State‌های کوچک و بزرگ در پروژه‌های React.js