پنل اختصاصی دوره های حضوری / آنلاین
قوانین سایت
درباره ما
همکاری با ما
فروشگاه
DevMinds.co
devmindco@gmail.com
صفحه اصلی
دوره ها
صفر تا فول استک
مقالات
مهارت های نرم
0
ورود / ثبت نام
پنل اختصاصی دوره های حضوری / آنلاین
قوانین سایت
درباره ما
همکاری با ما
فروشگاه
دسته بندی آموزش ها
دوره ها
صفر تا فول استک
مقالات
مهارت های نرم
لیست دروس
به صفحه تمرینات بروید
دوره جامع متخصص ریکت و ریداکس
بازگشت به صفحه دوره
فصل اول - مقدمه: آماده‌سازی برای ورود به دنیای واقعی React
چجوری دوره رو پیش ببریم + دانلود پیوست دوره
ریکت چی هست ؟ چرا باید از ریکت استفاده کنیم؟
فصل دوم: مرور مبانی جاوااسکریپت
راهنمای جلسات فصل ( کدوم جلسات رو ببینیم؟)
متغیر ها ، Hoisting , scope در جاوااسکریپت
دیتاتایپ ها در جاوااسکریپت
تفاوت داده های Refrence با Primitive
12:28
توابع در جاوااسکریپت
شرط ها در جاوااسکریپت
Truthy & Falsy
Ternary Operator
حلقه ها در جاوااسکریپت
فصل سوم: مروری بر مفاهیم پیشرفته جاوااسکریپت
راهنمای جلسات ( کدوم جلسه رو ببینیم)
Rest & Spread
Array & Object Destructuring
کار با متد های Filter & Map
کار با متد های Reduce & Includes & Find
10:02
Optional Chaining
Import & Export
Promise
Async / Await
فصل چهارم: آشنایی با JSX
نصب نرم افزارهای مورد نیاز + نصب ریکت با Vite
بررسی ساختار پوشه و فایل های ریکت + تنظیمات کانفیگ
آشنایی با سینتکس JSX
آشنایی با قوانین JSX
15:02
پیاده سازی اولین مینی پروژه با JSX
بررسی نحوه کارکرد حلقه ها در JSX
فصل پنجم : کامپوننت‌ها و Props؛ قلب تپنده‌ی React
کامپوننت چیست ؟ چجوری باید کامپوننت ها رو در ریکت جداسازی بکنیم؟
درک مفهوم props در ریکت
رندر شرطی در کامپوننت ها
نحوه تغییر نام پراپ ها در ری اکت
children props
Class Component + دلایل عدم استفاده از آن ها
فصل ششم: اولین پروژه واقعی با React
مروری بر پروژه فصل ششم
جداسازی و سازماندهی کامپوننت های پروژه
پیاده سازی کامپوننت هدر
پیاده سازی کامپوننت Hero
پیاده سازی کامپوننت slider
پیاده سازی کامپوننت creator
جداسازی کامپوننت card
18:00
پیاده سازی کامپوننت Seller
پیاده سازی کامپوننت Footer
فصل هفتم: مدیریت رویدادها (Events) در React
اشنایی با رویداد ها (event) در ریکت
آشنایی با رویداد ها در class component
دسترسی به رویداد ها و عنصر هدف در ریکت
فصل هشتم: مدیریت وضعیت با useState
چرا به state نیاز داریم؟ (پیاده سازی پروژه بدون state و مشکلات آن)
Render , ReRender در ریکت
change State در ریکت
چطوری آرایه ها رو در state مدیریت کنیم ؟
نصب React DevTools
کار با Object ها در State
جمع بندی و مرور کلی state در ریکت
فصل نهم: مدیریت وضعیت در ری‌اکت (State Management)
تفکر ریکتی یعنی چی ؟ چطوری باید فکر کنیم؟
تقسیم بندی UI به کامپوننت های کوچکتر ( نگاه کل به جز )
انواع state و نحوه مدیریت آن ها
18:32
چه زمانی باید یک state ایجاد کنیم؟
ایجاد استیت در کامپوننت والد و اشتراک گذاری با فرزندان
ساخت کامپوننت card و مدیریت داده با state
به روز رسانی state در ریکت
پیاده سازی Toggle Pin در ریکت
نحوه حذف عناصر داخل state در ریکت
پیاده سازی Derived state
پیاده سازی بخش clearAll
فیلتر کردن آیتم های پین شده
پیاده سازی جستجوی زنده ( live Search )
پیاده سازی بخش مرتب سازی (sorting) کارت ها
کار با Local Storage در ریکت
مشکل Prop Drilling و بررسی راهکار های آن
استفاده از component composition
جمع بندی و مرور کلی مباحث state Managment
فصل دهم - فرم ها ، اعتبار سنجی فرم ها ، شرط ها ، لیست ها و....
Conditional Rendering
رندر لیست ها با Map و اهمیت Key
اضافه کردن + ویرایش + حذف آیتم ها در آرایه ی State
مدیریت فرم ها و ورودی ها در ریکت
مدیریت ورودی های Select / options در فرم ها
مدیریت CheckBox / Radio در فرم ها
نمایش داده های ذخیره شده در state
اعتبار سنجی فرم به صورت دستی
اعتبار سنجی فرم ها با ترکیب کتابخونه های React-Hook-Form + Yup+HookForm Resolvers
چجوری قوانین اعتبارسنجی رو باید به وسیله ی Yup بنویسیم؟
کاربرد watch و اعتبارسنجی فرم ها به صورت Live
کاربرد when در قوانین Yup
فصل یازدهم: مدیریت افکت‌ها با useEffect
LifeCycle کامپوننت ها در ریکت ( Mounting-Unmounting-Updating )
Life Cycle کلاس کامپوننت ها
دلیل ایجاد حلقه بی نهایت هنگام Mount شدن کامپوننت
آشنایی با کاربرد useEffect و سینتکس اون
بررسی حالت های مختلف Dependency در useEffect
CleanUp Function در useEffect
جمع بندی و مرور کلی مباحث فصل
فصل دوازدهم: آشنایی با هوک‌ها و ساخت Custom Hooks
Hook چیست ؟ مهمترین قوانین Hook ها!
استفاده از setState به وسیله ی توابع
بررسی Batch در state ها و راهکار های آن
بررسی هوک useRef
دسترسی به عناصر Dom به وسیله ی useRef
ذخیره ی سازی مقادیر در useRef برای جلوگیری از ReRender شدن کامپوننت
بررسی هوک useId
custom Hook ها چی هستن ؟
پیاده سازی کاربرد customHook ها در درخواست های Async
استفاده از customHook ها برای پیاده سازی پروژه copy To ClipBoard
فصل سیزدهم: بهینه‌سازی مدیریت state با useReducer
معرفی هوک useReducer
ساختار هوک useReducer
پیاده سازی پروژه به وسیله ی هوک useReducer
استفاده از switch در action
معرفی پروژه Quiz Of Kings
level بندی پروژه Quiz Of Kings
نمایش دادن سوالات و پاسخ ها
تشخیص درستی پاسخ کاربر و استفاده از Dispatch
تغییر رنگ گزینه ها بر اساس پاسخ درست یا غلط کاربر
نمایش سوالات بعدی به کاربر
پیاده سازی بخش نتیجه ی آزمون
بازنشانی پاسخ ها و شروع دوباره آزمون
جابه جایی کاربر بین سطح های قبلی و فعلی
ذخیره سازی اطلاعات داخل LocalStorage
تبدیل پروژه به کامپوننت های مجزا و ریفاکتور پروژه
ریفاکتور پروژه به وسیله ی useReducer
فصل چهاردهم: مدیریت داده‌ها با Context API
مروری بر مفهوم PropDrilling و کاربرد ContextApi
