معرفی پروژه

توضیحات

در این جلسه به معرفی پروژه سبد خرید (redux toolkit) در react.js از دوره آموزش ری اکت (React.js) پروژه محور میپردازیم.

javascript جاوا اسکریپت جاوااسکریپت fetch api asynchronous react ری اکت ری_اکت_جی_اس ری_اکت_جی_اس_ورژن_19 react_js react_js_version_19 ریداکس_جی_اس redux_js ری_اکت_روتر react_router

برای مشاهده آنلاین و دسترسی به ویدیو لطفا ابتدا وارد سایت شوید . صفحه ورود

آموزش react.js (بازتولید کامل دوره)
- آشنایی با react.js شامل 6 قسمت
  
  1
  
  آشنایی با react.js
  
  رایگان 10:27
  
  2
  
  آشنایی با نحوه کار react.js
  
  رایگان 11:10
  
  3
  
  ایجاد پروژه react.js با cdn
  
  رایگان 21:26
  
  4
  
  آشنایی با JSX (javascript XML)
  
  رایگان 25:38
  
  5
  
  ایجاد پروژه react.js با vite.js
  
  نقدی 26:41
  
  6
  
  آشنایی و ایجاد کامپوننت
  
  نقدی 12:22
- کار با style در react.js شامل 6 قسمت
  
  1
  
  افزودن فایل css
  
  نقدی 08:16
  
  2
  
  افزودن فایل sass
  
  نقدی 06:31
  
  3
  
  آشنایی با inline style
  
  نقدی 04:48
  
  4
  
  افزودن فریمورک bootstrap (بوت استرپ)
  
  نقدی 07:18
  
  5
  
  افزودن فریمورک react-bootstrap
  
  نقدی 06:07
  
  6
  
  افزودن فریمورک tailwindcss (تیلویند سی اس اس)
  
  نقدی 07:29
- آشنایی با event و props شامل 3 قسمت
  
  3
  
  آشنایی با event در react.js
  
  نقدی 12:12
  
  1
  
  آشنایی با props
  
  نقدی 07:17
  
  2
  
  ارسال تابع به عنوان prop
  
  نقدی 09:26
- کار با المان های فرم (form) در react.js شامل 3 قسمت
  
  1
  
  کار با input و textarea
  
  نقدی 06:34
  
  2
  
  کار با select box
  
  نقدی 08:27
  
  3
  
  کار با checkbox و radio
  
  نقدی 11:05
- آشنایی با هوک useState شامل 4 قسمت
  
  1
  
  آشنایی با هوک useState
  
  نقدی 17:34
  
  2
  
  مقدار قبلی در useState
  
  نقدی 05:00
  
  3
  
  استفاده از object در useState
  
  نقدی 10:01
  
  4
  
  استفاده از array در useState
  
  نقدی 09:57
- آشنایی با هوک useEffect شامل 5 قسمت
  
  1
  
  آشنایی با هوک useEffect
  
  نقدی 06:24
  
  2
  
  اجرای useEffect بصورت شرطی و یکبار
  
  نقدی 05:49
  
  3
  
  آشنایی با clean up در useEffect
  
  نقدی 11:45
  
  4
  
  data fetching با useEffect (بخش اول)
  
  نقدی 12:37
  
  5
  
  data fetching با useEffect (بخش دوم)
  
  نقدی 09:25
- آشنایی با use و کامپوننت های Suspense و ErrorBoundary شامل 3 قسمت
  
  1
  
  آشنایی با use در react.js
  
  نقدی 12:32
  
  2
  
  آشنایی با کامپوننت Suspense
  
  نقدی 11:31
  
  3
  
  آشنایی با کامپوننت ErrorBoundary
  
  نقدی 12:52
- آشنایی با هوک useContext شامل 2 قسمت
  
  1
  
  آشنایی با context
  
  نقدی 04:23
  
  2
  
  آشنایی با هوک useContext
  
  نقدی 14:47
- آشنایی با هوک useReducer شامل 4 قسمت
  
  1
  
  آشنایی با هوک useReducer (بخش اول)
  
  نقدی 13:57
  
  2
  
  آشنایی با هوک useReducer (بخش دوم)
  
  نقدی 08:18
  
  3
  
  استفاده از چندین reducer
  
  نقدی 05:39
  
  4
  
  ترکیب useContext و useReducer
  
  نقدی 16:11
- آشنایی با هوک useRef و ایجاد هوک (custom hook) شامل 2 قسمت
  
  1
  
  آشنایی با هوک useRef
  
  نقدی 05:47
  
  2
  
  ایجاد هوک (custom hook)
  
  نقدی 07:39
- آشنایی با react router شامل 8 قسمت
  
  1
  
  آشنایی با spa(single page aplication)
  
  نقدی 05:37
  
  2
  
  نصب و آشنایی با react router
  
  نقدی 13:01
  
  3
  
  آشنایی با کامپوننت های Link و NavLink
  
  نقدی 13:11
  
  4
  
  آشنایی با basename و صفحه 404
  
  نقدی 05:24
  
  5
  
  آشنایی با هوک useParams
  
  نقدی 07:41
  
  6
  
  آشنایی با هوک useLocation
  
  نقدی 05:17
  
  7
  
  آشنایی با کامپوننت Navigate و هوک useNavigate
  
  نقدی 08:09
  
  8
  
  nested routing (روت های تو در تو)
  
  نقدی 08:19
- پیاده سازی پروژه SPA شامل 15 قسمت
  
  1
  
  معرفی پروژه
  
  رایگان 07:20
  
  2
  
  نصب و ایجاد پروژه
  
  نقدی 08:25
  
  3
  
  ایجاد بخش هدر (header)
  
  نقدی 09:03
  
  4
  
  دریافت و نمایش لیست کاربران
  
  نقدی 20:49
  
  5
  
  آشنایی با اکستنشن react-devtool
  
  نقدی 04:59
  
  6
  
  دریافت و نمایش کاربر
  
  نقدی 12:13
  
  7
  
  دریافت و نمایش لیست پست ها
  
  نقدی 08:37
  
  8
  
  دریافت و نمایش پست
  
  نقدی 06:56
  
  9
  
  ایجاد پست بخش اول
  
  نقدی 12:28
  
  10
  
  ایجاد پست بخش دوم
  
  نقدی 14:26
  
  11
  
  ویرایش پست
  
  نقدی 17:20
  
  12
  
  حذف پست
  
  نقدی 10:04
  
  13
  
  ایجاد هوک برای data fetching بخش اول
  
  نقدی 17:36
  
  14
  
  ایجاد هوک برای data fetching بخش دوم
  
  نقدی 19:13
  
  15
  
  deploy (آپلود پروژه در سرور)
  
  نقدی 15:19
- پیاده سازی پروژه مدیریت تسک ها (Todos) شامل 13 قسمت
  
  1
  
  معرفی پروژه
  
  رایگان 05:57
  
  2
  
  نصب و ایجاد پروژه
  
  نقدی 10:16
  
  3
  
  ایجاد هدر (header)
  
  نقدی 14:52
  
  4
  
  ایجاد context و reducer
  
  نقدی 11:15
  
  5
  
  دریافت تسک ها (بخش اول)
  
  نقدی 13:24
  
  6
  
  دریافت تسک ها (بخش دوم)
  
  نقدی 12:06
  
  7
  
  نمایش لیست تسک ها
  
  نقدی 11:40
  
  8
  
  فیلتر تسک ها
  
  نقدی 15:33
  
  9
  
  ایجاد تسک (بخش اول)
  
  نقدی 06:05
  
  10
  
  ایجاد تسک (بخش دوم)
  
  نقدی 16:07
  
  11
  
  ویرایش تسک
  
  نقدی 20:41
  
  12
  
  حذف تسک
  
  نقدی 12:16
  
  13
  
  deploy (آپلود پروژه در سرور)
  
  نقدی 05:38
- آشنایی با redux و redux toolkit شامل 7 قسمت
  
  1
  
  آشنایی با redux و redux toolkit
  
  نقدی 10:07
  
  2
  
  آشنایی با store
  
  نقدی 10:11
  
  3
  
  آشنایی با slice
  
  نقدی 12:54
  
  4
  
  آشنایی با useSelector و useDispatch
  
  نقدی 10:09
  
  5
  
  استفاده از چندین slice
  
  نقدی 13:29
  
  6
  
  آشنایی با اکستنشن redux-devtool
  
  نقدی 03:57
  
  7
  
  آشنایی با async action
  
  نقدی 21:39
- پروژه سبد خرید (redux toolkit) شامل 10 قسمت
  
  معرفی پروژه
  
  نقدی 04:25
  
  2
  
  نصب و ایجاد پروژه
  
  3
  
  نمایش لیست محصولات
  
  4
  
  نصب redux toolkit
  
  5
  
  افزودن به سبد خرید
  
  6
  
  نمایش سبد خرید
  
  7
  
  ویرایش سبد خرید
  
  8
  
  حذف از سبد خرید
  
  9
  
  ذخیره سبد خرید در localStorage
  
  10
  
  deploy (آپلود پروژه در سرور)
- سخن پایانی و ادامه مسیر شامل 1 قسمت
  
  1
  
  سخن پایانی و ادامه مسیر
آموزش react.js (محتوای قبل از باز تولید)

برای دانلود ابتدا وارد سایت شوید

مدرس دوره علی شیخ

مدت دوره 32:29:27

تعداد ویدیو 198

وضعیت دوره : درحال برگزاری

قیمت دوره : ~~699,000~~ 629,000 تومان

برای دانلود ابتدا وارد سایت شوید

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

HTML CSS طراحی وب FlexBox Bootstrap فریمورک طراحی سایت جاوا اسکریپت اکما اسکریپت پی اچ پی php mysql javascript jquery oop mvc composer laravel emmet npm nodejs webpack vuejs livewire vuex API وب سرویس alpinejs tailwindcss react git github typescript next.js nest.js nuxt.js sass ساس

دوره های پشنهادی

دوره های آموزشی

کامل شده

آموزش بوت استرپ 5 (Bootstrap) پروژه محور

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع ج...

رایگان

12:08:39

کامل شده

آموزش رایگان گیت و گیت هاب (git & github)

گیت (Git) یک سیستم کنترل ورژن است که با آن می‌توانید تغییرات اعمال شده در فایل‌ها را ساده‌تر پیگیری کنید. مثلاً، اگر فای...

رایگان

07:58:20

کامل شده

آموزش oop (شی گرایی) در php (پی اچ پی)

برنامه نویسی شی گرایی (oop) که برگرفته از Object-Oriented Programming هست یک الگو یا روش برنامه نویسی می باشد که اساس ای...

299,000 تومان

03:22:37

کامل شده

آموزش Materialize پروژه محور

آموزش Materialize به همراه 3 پروژه. Materialize مجموعه ای از رابط های کاربری ساخته شده با CSS و HTML و Javascript هست

89,000 تومان

06:38:32

مشاهده تمام دوره های آموزشی

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

معرفی پروژه

توضیحات

سرفصل های دوره

آشنایی با react.js

آشنایی با نحوه کار react.js

ایجاد پروژه react.js با cdn

آشنایی با JSX (javascript XML)

ایجاد پروژه react.js با vite.js

آشنایی و ایجاد کامپوننت

افزودن فایل css

افزودن فایل sass

آشنایی با inline style

افزودن فریمورک bootstrap (بوت استرپ)

افزودن فریمورک react-bootstrap

افزودن فریمورک tailwindcss (تیلویند سی اس اس)

آشنایی با event در react.js

آشنایی با props

ارسال تابع به عنوان prop

کار با input و textarea

کار با select box

کار با checkbox و radio

آشنایی با هوک useState

مقدار قبلی در useState

استفاده از object در useState

استفاده از array در useState

آشنایی با هوک useEffect

اجرای useEffect بصورت شرطی و یکبار

آشنایی با clean up در useEffect

data fetching با useEffect (بخش اول)

data fetching با useEffect (بخش دوم)

آشنایی با use در react.js

آشنایی با کامپوننت Suspense

آشنایی با کامپوننت ErrorBoundary

آشنایی با context

آشنایی با هوک useContext

آشنایی با هوک useReducer (بخش اول)

آشنایی با هوک useReducer (بخش دوم)

استفاده از چندین reducer

ترکیب useContext و useReducer

آشنایی با هوک useRef

ایجاد هوک (custom hook)

آشنایی با spa(single page aplication)

نصب و آشنایی با react router

آشنایی با کامپوننت های Link و NavLink

آشنایی با basename و صفحه 404

آشنایی با هوک useParams

آشنایی با هوک useLocation

آشنایی با کامپوننت Navigate و هوک useNavigate

nested routing (روت های تو در تو)

معرفی پروژه

نصب و ایجاد پروژه

ایجاد بخش هدر (header)

دریافت و نمایش لیست کاربران

آشنایی با اکستنشن react-devtool

دریافت و نمایش کاربر

دریافت و نمایش لیست پست ها

دریافت و نمایش پست

ایجاد پست بخش اول

ایجاد پست بخش دوم

ویرایش پست

حذف پست

ایجاد هوک برای data fetching بخش اول

ایجاد هوک برای data fetching بخش دوم

deploy (آپلود پروژه در سرور)

معرفی پروژه

نصب و ایجاد پروژه

ایجاد هدر (header)

ایجاد context و reducer

دریافت تسک ها (بخش اول)

دریافت تسک ها (بخش دوم)

نمایش لیست تسک ها

فیلتر تسک ها

ایجاد تسک (بخش اول)

ایجاد تسک (بخش دوم)

ویرایش تسک

حذف تسک

deploy (آپلود پروژه در سرور)

آشنایی با redux و redux toolkit

آشنایی با store

آشنایی با slice