حالت مطالعه
به دوره redux خوش اومدی
معرفی و مقدمه
برای مشاهده سرفصل ها کلیک کنید
ریداکس چیست؟
معرفی داکیومنت رسمی ریداکس
state چیست؟
ارتباط بین react و redux
کی (توی چه پروژه ای) از ریداکس استفاده کنیم؟
مفاهیم پایه ی ریداکس
برای مشاهده سرفصل ها کلیک کنید
سه بخش اصلی تشکیل دهنده ریداکس
store چیست؟
action چیست؟
reducer چیست؟
آشنایی با جزئیات و قوانین reducer
برای مشاهده سرفصل ها کلیک کنید
قوانین reducer ها
مفهوم predictable function
مفهوم side effect
تفاوت داده های primitive و reference
مفهوم mutable و immutable
اپدیت کردن state به صورت immutable
سخن پایانی فصل
پروژه counter با redux
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
ساخت شمارنده با js خام
نصب redux
ساخت reducer
ساخت store
ساخت action ها
dispatch کردن action
متد subscribe
مرور و جمع بندی ویدئو های قبلی
ساخت فایل actionCreators
ساخت فایل actionTypes
پروژه todo list با redux
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
توضیح ساختار html و css پروژه
ساخت action و reducer
ساخت فایل actionTypes
ساخت فایل actionCreators
کد نویسی reducer
کد نویسی کیس addTodo
کد نویسی کیس addTodo
کد نویسی کیس addTodo
تولید عنصر todo توی dom
کد نویسی کیس doTodo
کد نویسی کیس doTodo
کد نویسی کیس removeTodo
پروژه counter در ریکت با useReducer
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
ساخت شمارنده با useState
ساخت شمارنده با useState
ساخت شمارنده با useReducer
درک عمیق تر useReducer
کی باید از useReducer استفاده کنیم؟
پروژه سبد خرید (روش lifting state up)
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
مفهوم lifting state up در ریکت
مثال عملی از lifting state up
مثال عملی از lifting state up
یادآوری و توضیح مفهوم context
بازنویسی مثال عملی lifting state up با useContext
شروع پروژه سبد خرید
کدنویسی کامپوننت navbar
تکمیل کردن کامپوننت navbar
ساخت route های پروژه
کدنویسی کامپوننت ProductItem
کدنویسی کامپوننت ProductList
ادامه کدنویسی کامپوننت ProductLis
شروع کدنویسی دکمه add to cart
ادامه کدنویسی دکمه add to cart
ادامه کدنویسی دکمه add to cart
فیکس کردم باگ add to cart
ادامه فیکس کردم باگ add to cart
کدنویسی کامپوننت Cart
کدنویسی کامپوننت ProductItemInCart
ادامه کدنویسی کامپوننت ProductItemInCart
ادامه کدنویسی کامپوننت ProductItemInCart
ادامه کدنویسی کامپوننت ProductItemInCart
ادامه کدنویسی کامپوننت ProductItemInCart
ادامه کدنویسی کامپوننت ProductItemInCart
پروژه سبد خرید با context
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
ساخت context
بازنویسی کامپوننت ProductItem
بازنویسی کامپوننت ProductItemInCart
حرفه ای تر کد بزن
سخن پایانی این فصل
پروژه سبد خرید با ترکیب context و useReducer
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
ساخت reducer
بررسی action type های پروژه
پیاده سازی ADD_TO_CART
ادامه پیاده سازی ADD_TO_CART
ادامه پیاده سازی ADD_TO_CART
ادامه پیاده سازی ADD_TO_CART
تغییر در کامپوننت Cart
پیاده سازی اکشن INCREASE_IN_CART
پیاده سازی اکشن DECREASE_IN_CART
پیاده سازی اکشن REMOVE_FROM_CART
پروژه سبد خرید با پکیج react-redux
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
نصب کردن پکیج react-redux
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ساخت store و آشنایی با Provider
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
آشنایی با useSelectore و useDispatch
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ریفکتور کردن کامپوننت Navbar
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ریفکتور کردن کامپوننت ProductItem
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ریفکتور کردن کامپوننت Cart
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
re-render نشدن کامپوننت Cart ، چرا؟
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تفاوت deep copy و shallow copy
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
یه کم بیشتر در مورد deep copy بدون
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ریکفتور کردن reducer
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
سخن پایانی فصل
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه سبد خرید با redux toolkit
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ساحت store با configureStore
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
اکستنشن redux devtools
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
آشنایی با createSlice
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تکمیل کردن کد های slice
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
تکمیل کردن کد های slice
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
سخن پایانی این فصل
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه dark mode
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
folder structure پروژه
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
افزودن font و css reset
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت Navbar
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت Navbar - دارک مود
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت App
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت Card
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
داینامیک کردن کامپوننت Card
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
بالاخره کی از redux استفاده کنیم؟
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
استفاده از context در پروژه
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پروژه سایت آموزشی + بک اند واقعی
برای مشاهده سرفصل ها کلیک کنید
معرفی فصل
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
folder structure پروژه
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ایجاد store
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ایجاد cartSlice
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ایجاد coursesSlice
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ایجاد globalSlice
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
متد combineSlices
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
ایجاد route های پروژه
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
پیاده سازی Navbar
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Navbar - dark mode
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
Navbar - dark mode
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
body - dark mode
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت CoursesIcons
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت Feature
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
کامپوننت FeatureList
خصوصی
این بخش خصوصی می باشد. برای دسترسی کامل به دروس این دوره باید این دوره را خریداری نمایید.
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
- نظر واقعیت رو در مورد دوره بنویس ، تا بقیه با خوندن کامنت ها بهتر بتونن واسه شرکت توی دوره ها تصمیم بگیرن
قیمت :
1,399,000 تومان
درصد پیشرفت دوره: %90
7.82k بازدید 20 دیدگاه
میلاد بهرامی
برنامه نویس و توسعه دهنده وب
دسته: طراحی سایت
سعید سودی( دانشجوی دوره )
سلام اقای بهرامی من کلی منتظر این دوره بودم خیلی ممنونم از زحمات شما واقعا عالی هستید❤️
میلاد بهرامی(مدیریت)
مرسی از همراهیتون سعید جان
arya azimi( دانشجوی دوره )
بالاخره پخش شد این دوره به به
خسته نباشی استاد مرسی بابت زحماتت
میلاد بهرامی(مدیریت)
مرسی از همراهیتون
یونس شیخلر( دانشجوی دوره )
دورود استاد گرامی, ممنون برای این دوره بسیار کاربردی و البته دلپذیر.
خیلی مشتاق بودم تا این دوره رو برگذار کنید.
همیشه تندرست باشید .
میلاد بهرامی(مدیریت)
زنده باشی اقا یونس عزیز
رضا بابایی( دانشجوی دوره )
با عرض سلام و خسته نباشید امکان قرار دادن لینک ها به صورت دانلودی وجود نداره؟
میلاد بهرامی(مدیریت)
دوره توی اسپات پلیر قابل دیدن هست
رضا نیکخواه
با سلام و احترام خدمت استاد عزیزم
استاد برای دوره های پیش‌فروش لطفا سرفصل‌های دوره رو درج کنین تا برای خرید دوره بتونیم راحت‌تر تصمیم بگیریم.
البته تمام دوره های شما خوب هستند و این مورد برای دانشجویان جدید میتونه کمک کننده باشه.
محدثه ابراهیمی ابراهیمی( دانشجوی دوره )
عالی هستید استاد بهرامی ممنون بابت آموزش های خوبتون
میلاد بهرامی(مدیریت)
مرسی از همراهیتون
mohammad ghiasi( دانشجوی دوره )
سلام
هنوز ویدیو ها آپلود نشده؟
mohammad ghiasi( دانشجوی دوره )
لطفا نحوه دانلود ویدیو ها رو بگید, ممنون
ابوالفضل بهرامی خواه( دانشجوی دوره )
سلام یک لایسنس داره که بعد از خرید توی ناحیه کاربریتون قرار میگیره. کافیه لایسنس رو در بخش + https://app.spotplayer.ir/ در این لینک وارد کنید و تماشا کنید.
serj serj( دانشجوی دوره )
فایل هایی که تو ویدیو ها گفته میشه کجا آپلود شده
من نتونستم پیدا کنم؟
میلاد بهرامی(مدیریت)
به ایدی پشتیبامی دوره ریکت پیام بدین واستون میفرستم
serj serj( دانشجوی دوره )
ادامه کی منتشر میشه؟
خیلی وقته خبری نیست
امیرحسین
استاد دوره هارو چطوری تماشا کنیم دکمه ای چیزی نیست که کلیک کنیم فیلم آموزشی بالا بیاد لطفاراهنمایی کنید ممنون