آموزش React js از صفر تا ورود به بازار کار

جلسه 01 React js - نصب و راه اندازی

جلسه 02 React js - ساختار پوشه ها

جلسه 03 React js - کامپوننت , fragment , defualt & named export

جلسه 04 React js - کلاس های css

جلسه 05 React js - سی اس اس های inline

جلسه 06 React js - سی اس اس module

جلسه 07 React js -پراپس (props) - پارت اول

جلسه 08 React js - پراپس (props) - پارت دوم

جلسه 09 React js - فرزندان (children) - پارت اول

جلسه 10 React js - فرزندان (children) - پارت دوم

جلسه 11 React js - ایونت (event handeling)

جلسه 12 React js - هوک استیت (useState)

جلسه 13 React js - رندر شرطی (conditional rendering)

جلسه 14 React js - چرخه زندگی کامپوننت (life sycle - side effect)

جلسه 15 React js - هوک یوز افکت (useEffect) - پارت اول (mount)

جلسه 16 React js - هوک یوز افکت (useEffect) - پارت دوم (update)

جلسه 17 React js - هوک یوز افکت (useEffect) - پارت سوم (unmount)

جلسه 18 React js - رندر لیست (Rendering Lists & Keys)

جلسه 19 React js - فچ دیتا و رندر لیست

جلسه 20 React js - پاک کردن آیتم از لیست با استفاده از فیلتر

جلسه 21 React js - پراپس پرنت (lifting state up)

جلسه 22 React js - کانتکست (useContext) - پارت اول

جلسه 23 React js - کانتکست (useContext) - پارت دوم

جلسه 24 React js - مسیردهی (react router dom)

جلسه 25 React js - هوک رف (useRef)

جلسه 26 React js - جلوگیری از رندر اضافی (memo - useCallback) - پارت اول

جلسه 27 React js - جلوگیری از رندر اضافی (useMemo) - پارت دوم

جلسه 28 React js - هوک شخصی (custom hook)

جلسه 29 React js - افزایش سرعت بارگذاری - lazy - suspense - پارت اول

جلسه 30 React js - افزایش سرعت بارگذاری - lazy - suspense - پارت دوم

جلسه 31 React js - هوک ردیوسر (useReducer) - پارت اول

جلسه 32 React js - هوک ردیوسر (useReducer) - پارت دوم

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 01

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 02

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 03

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 04

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 05

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 06

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 07

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 08

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 09

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 10

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 11

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 12

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 13

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 14

تمرین تکمیلی React js - پیشنهاد برای قبل شروع پروژه پایانی - 15

جلسه 33 React js - پروژه پنل مدیریت - معرفی پروژه

جلسه 34 React js - پروژه پنل مدیریت - استارت پروژه

جلسه 35 React js - پروژه پنل مدیریت - ساخت کامپوننت Animated Border با استفاده از useRef

جلسه 36 React js - پروژه پنل مدیریت - استفاده از Svg بصورت کامپوننت

جلسه 37 React js - پروژه پنل مدیریت - جابجایی بین فرم ها با useState

جلسه 38 React js - پروژه پنل مدیریت - ساخت فرم لاگین

جلسه 39 React js - پروژه پنل مدیریت - ساخت فرم رجیستر

جلسه 40 React js - پروژه پنل مدیریت - ساخت فوتر صفحه لاگین

جلسه 41 React js - پروژه پنل مدیریت - ساخت layout اصلی پروژه

جلسه 42 React js - پروژه پنل مدیریت - ساخت سایدبار پنل

جلسه 43 React js - پروژه پنل مدیریت - شروع مسیردهی پروژه با نصب react router dom

جلسه 44 React js - پروژه پنل مدیریت - تکمیل سایدبار پنل

جلسه 45 React js - پروژه پنل مدیریت - ریسپانسیو کردن سایدبار

جلسه 46 React js - پروژه پنل مدیریت - ساخت آیتم های سایدبار

جلسه 47 React js - پروژه پنل مدیریت - داینامیک کردن آیتم های سایدبار با map

جلسه 48 React js - پروژه پنل مدیریت - هندل کردن ساب منو در سایدبار با استفاده از state

جلسه 49 React js - پروژه پنل مدیریت - بهبود استایل های سایدبار

جلسه 50 React js - پروژه پنل مدیریت - ایجاد کامپوننت برای ساب منو و داینامیک کردن آیتم ها

جلسه 51 React js - پروژه پنل مدیریت - استفاده از پوشه ثابت ها

جلسه 52 React js - پروژه پنل مدیریت - ایجاد کامپوننت سایدمنو

جلسه 53 React js - پروژه پنل مدیریت ایجاد سکشن پروفایل در سایدبار

جلسه 54 React js - پروژه پنل مدیریت - ایجاد کامپوننت دارک مود و لایت مود

جلسه 55 React js - پروژه پنل مدیریت - ساخت هدر پنل

جلسه 56 React js - پروژه پنل مدیریت- تکمیل هدر و مدیریت سایدبار با استیت در هدر

جلسه 57 React js - پروژه پنل مدیریت - ساخت سکشن تنظیمات کاربر

جلسه 58 React js - پروژه پنل مدیریت - ساخت سکشن تغییر زبان بصورت داینامیک

جلسه 59 React js - پروژه پنل مدیریت - ساخت سکشن تغییر تم در قسمت تنظیمات کاربر

جلسه 60 React js - پروژه پنل مدیریت - تکمیل سکشن تنظیمات کاربر

جلسه 61 React js - پروژه پنل مدیریت - استفاده از context برای مدیریت دکمه دارک مود

جلسه 62 React js - پروژه پنل مدیریت - مسیر دهی داخل با react router

جلسه 63 React js - پروژه پنل مدیریت - شرط گذاری روی لینک ها و استفاده از unseNavigate

جلسه 64 React js - پروژه پنل مدیریت - تکمیل مسیردهی ساب منو و ساید منو

جلسه 65 React js - پروژه پنل مدیریت - عنوان صفحات با استفاده از context

جلسه 66 React js - پروژه پنل مدیریت - استفاده از layout store برای مدیریت بهتر استیت ها

جلسه 67 React js - پروژه پنل مدیریت - شروع استفاده از zustand

جلسه 68 React js - پروژه پنل مدیریت - ایجاد صفحه داشبورد

جلسه 69 React js - پروژه پنل مدیریت - ایجاد قسمت خلاصه آمار

جلسه 70 React js - پروژه پنل مدیریت - ادامه تکمیل خلاصه آمار

جلسه 71 React js - پروژه پنل مدیریت - استفاده از chart js برای رسم نمودار

جلسه 72 React js - پروژه پنل مدیریت - لیست کاربران در داشبورد

جلسه 73 React js - پروژه پنل مدیریت - ایجاد قسمت بلاگ در داشبورد

جلسه 74 React js - پروژه پنل مدیریت - رسپانسیو کردن صفحه داشبورد

جلسه 75 React js - پروژه پنل مدیریت - ایجاد صفحه لیست محصولات

جلسه 76 React js - پروژه پنل مدیریت - استفاده از react data table component برای نمایش جدول

جلسه 77 React js - پروژه پنل مدیریت - استایل اختصاصی به کتابخانه جدول

جلسه 78 React js - پروژه پنل مدیریت - ساخت سکشن فیلتر سرچ محصولات

جلسه 79 React js - پروژه پنل مدیریت - ساخت سکشن فیلتر بر اساس وضعیت محصولات

جلسه 80 React js - پروژه پنل مدیریت - استفاده از کتابخانه react multi date picker برای تقویم فارسی

جلسه 81 React js - پروژه پنل مدیریت - شخصی سازی استایل تقویم

جلسه 82 React js - پروژه پنل مدیریت - ذخیره فیلتر ها در state

جلسه 83 React js - پروژه پنل مدیریت - استفاده از useSearchparams برای مدیریت کوئری های داخل آدرس

جلسه 84 React js - پروژه پنل مدیریت - تکمیل اطلاعات جدول

جلسه 85 React js - پروژه پنل مدیریت - ایجاد صفحه افزودن محصول

جلسه 86 React js - پروژه پنل مدیریت - ایجاد فرم افزودن محصول

جلسه 87 React js - پروژه پنل مدیریت - استفاده از react hook form برای مدیریت فرم

جلسه 88 React js - پروژه پنل مدیریت - استفاده از yup برای ولیدیشن فرم

جلسه 89 React js - پروژه پنل مدیریت - ایجاد فیلد داینامیک

جلسه 90 React js - پروژه پنل مدیریت- ریسپانسیو کردن صفحه افزودن محصول

جلسه 91 React js - پروژه پنل مدیریت - پیاده سازی دارک مود و لایت مود

جلسه 92 React js - پروژه پنل مدیریت - ادامه پیاده سازی دارک مود و لایت مود

جلسه 93 React js - پروژه پنل مدیریت - ایجاد هوک اختصاصی برای مدیریت تم

جلسه 94 React js - پروژه پنل مدیریت - تکمیل هوک تغییر تم

جلسه 95 React js - پروژه پنل مدیریت - شروع چند زبانه کردن پنل - مدیریت RTL یا LTR بودن

جلسه 96 React js - پروژه پنل مدیریت - شروع چند زبانه کردن پنل - ادامه مدیریت RTL یا LTR بودن

جلسه 97 React js - پروژه پنل مدیریت - چندزبانه کردن پنل با نصب i18n

جلسه 98 React js - پروژه پنل مدیریت - استفاده از i18n

جلسه 99 React js - پروژه پنل مدیریت - ایجاد هوک اختصاصی برای چندزبانه

جلسه 100 React js - پروژه پنل مدیریت - تغییر direction متناسب با زبان

جلسه 101 React js - پروژه پنل مدیریت - تکمیل چندزبانه کردن

جلسه 102 React js - پروژه پنل مدیریت - توضیحات ابتدایی برای اتصال api

جلسه 103 React js - پروژه پنل مدیریت - معرفی api های پروژه

جلسه 104 React js - پروژه پنل مدیریت - نصب و راه اندازی react-query

جلسه 105 React js - پروژه پنل مدیریت - ارسال اطلاعات فرم لاگین به سرور با api و react query

جلسه 106 React js - پروژه پنل مدیریت - استفاده از کتابخانه toastify

جلسه 107 React js - پروژه پنل مدیریت - استفاده از private route و آدرس های خصوصی

جلسه 108 React js - پروژه پنل مدیریت - ایجاد کاستوم هوک برای لاگین و رجیستر

جلسه 109 React js - پروژه پنل مدیریت - ایجاد baseApi و لودینگ برای دکمه ها

جلسه 110 React js - پروژه پنل مدیریت - دریافت اطلاعات داشبورد از api

جلسه 111 React js - پروژه پنل مدیریت - توضیح ماهیت token و استفاده از httpOnly

جلسه 112 React js - پروژه پنل مدیریت - نمایش اطلاعات داشبورد از api - پارت اول

جلسه 113 React js - پروژه پنل مدیریت - نمایش اطلاعات داشبورد از api - پارت دوم