آموزش ساخت 25 پروژه با ReactJS

آموزش ساخت 25 پروژه با ReactJS

سلام دوستان خوبمامیدوارم حالتون خوب باشه ما در این دوره آموزشی به ساخت 25 پروژه کاربردی برای کتابخانه react js میپردازیم.دوستان عزیز در دموی دوره به ص

تریلر دوره

توضیحات کامل دوره

آموزش ساخت 25 پروژه با ReactJSسلام دوستان خوبمامیدوارم حالتون خوب باشه ما در این دوره آموزشی به ساخت 25 پروژه کاربردی برای کتابخانه react js میپردازیم.دوستان عزیز در دموی دوره به صورت کامل راجع به همه...

آموزش ساخت 25 پروژه با ReactJS

سلام دوستان خوبم

امیدوارم حالتون خوب باشه ما در این دوره آموزشی به ساخت 25 پروژه کاربردی برای کتابخانه react js میپردازیم.

دوستان عزیز در دموی دوره به صورت کامل راجع به همه چیز توضیح دادم پس خوشحال میشم اول دمو رو ببینید بعد اقدام به تهیه دوره کنید.

مواردی که از react js باقی میمونه قطعا در آپدیت های دوره اضافه میشه

 

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

فصل اول دوره      

راه اندازی پیش نیازها و توضیحات دوره

دموی دوره 

توضیحات دوره 

بررسی ری اکت 

نصب نود جی اس

نصب ری اکت و ادیتور 

تغییر ورژن 18 به 17 و بالعکس

تنظیم قالب اصلی پروژها 

 

فصل دوم دوره

ساخت پروژه های ابتدایی

نمایش و مخفی سازی پسوورد 

ساخت accordion

ساخت لورم ساز

ساخت navbar

ساخت اسلایدشو

ساخت scroll indicator

جستجوی عکس unsplash

 ساخت فرم تماس

ساخت لایت و دارک مود

ساخت سایدبار

ساخت لیست کتاب ها

ساخت generator رنگ

ساخت بخش فیلتر محصولات

ساخت لیست کارها

ساخت آپلودر عکس

ساخت اسلایدر

ساخت password stronger

ساخت فروشگاه

دانلود جدول pdf

smooth scroll

 

فصل سوم

 ساخت پروژه های متوسطه

 ساخت لندینگ پیج

ساخت سرچ لیست

ساخت شاپ با Redux

ساخت شاب با Context Api

ساخت بلاگ فول استک

 

 


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

  • دموی دوره
    رایگان 00:26:51
  • توضیحات دوره
    رایگان 00:02:27
  • بررسی وب سایت react و توضیحات راجب اون
    رایگان 00:08:42
  • نصب node js
    رایگان 00:06:33
  • نصب react js و vscode و اکستنشن ها
    رایگان 00:06:13
  • تغییر ورژن 18 به 17 در react و بالعکس
    رایگان 00:12:13
  • تنظیم template اصلی پروژه ها
    رایگان 00:11:50
  • تکمیل template پروژه های دوره
    رایگان 00:07:49
  • پروژه اول (نمایش و مخفی سازی پسوورد) - طراحی ابتدایی پروژه
    رایگان 00:07:23
  • پروژه اول - طراحی ابتدایی پروژه
    رایگان 00:09:30
  • پایان پروژه اول - پویا سازی
    00:08:44
  • پروژه دوم (ساخت accordion) - راه اندازی پروژه
    00:09:48
  • پروژه دوم - طراحی پروژه
    00:10:42
  • پروژه دوم - تکمیل پروژه
    00:13:31
  • پروژه سوم - (ساخت لورم ساز) - طراحی ابتدایی
    00:09:26
  • پروژه سوم - هندل فرم و نمایش اطلاعات
    00:10:02
  • پروژه سوم - تکمیل پروژه
    رایگان 00:06:39
  • پروژه چهارم (ساخت navbar) شروع به طراحی
    00:11:57
  • پروژه چهارم - استایل دهی
    00:11:54
  • پروژه چهارم - ادامه طراحی کار
    00:10:41
  • پروژه چهارم - تکمیل پروژه
    00:15:31
  • پروژه پنجم (ساخت اسلایدشو) - طراحی پروژه
    رایگان 00:12:50
  • پروژه پنجم - پویا سازی اسلایدشو
    00:09:38
  • پروژه پنجم - حل مشکل اسلایدشو و تکمیل پروژه
    00:09:40
  • پروژه ششم (ساخت scroll indicator) - طراحی پروژه
    00:09:18
  • پروژه ششم - تکمیل پروژه
    00:12:00
  • پروژه هفتم (جستجو عکس unsplash) - طراحی پروژه
    00:09:37
  • پروژه هفتم - استفاده از api
    00:12:25
  • پروژه هفتم - تکمیل پروژه
    00:12:47
  • پروژه هشتم (فرم تماس) - طراحی پروژه
    00:12:35
  • پروژه هشتم - تنظیمات ارسال پیام
    00:12:52
  • پروژه هشتم - تنظیمات پاسخ - پایان پروژه
    00:13:47
  • پروژه نهم (لایت و دارک مود) - شروع به طراحی
    00:09:29
  • پروژه نهم - ادامه طراحی کار
    00:12:01
  • پروژه نهم - تکمیل لایت و دارک مود
    00:10:58
  • پروژه نهم - ذخیره سازی در localstorage - تکمیل پروژه
    00:15:56
  • پروژه دهم (ساخت سایدبار) - شروع به طراحی
    00:10:12
  • پروژه دهم - طراحی پروژه
    00:10:35
  • پروژه دهم - راه اندازی context
    00:11:37
  • پروژه دهم - تکمیل پروژه
    00:13:56
  • پروژه یازدهم (لیست کتاب ها) - شروع به طراحی
    رایگان 00:13:58
  • پروژه یازدهم - ذخیره کتاب در لیست
    00:14:59
  • پروژه یازدهم - نمایش اطلاعات در لیست کتاب ها
    00:11:57
  • پروژه یازدهم - حذف کتاب از لیست و localstorage - تکمیل پروژه
    00:14:58
  • پروژه دوازدهم (ساخت generator رنگ) - طراحی پروژه
    00:11:03
  • پروژه دوازدهم - تکمیل پروژه
    00:13:46
  • پروژه سیزدهم (فیلتر محصولات) - شروع به طراحی
    00:12:47
  • پروژه سیزدهم - ساخت بخش فیلتر محصولات
    00:10:20
  • پروژه سیزدهم - داینامیک سازی فیلترها - تکمیل پروژه
    00:15:22
  • پروژه چهاردهم (لیست کارها) - طراحی پروژه
    00:12:22
  • پروژه چهاردهم - ادامه طراحی و مدیریت input
    00:15:05
  • پروژه چهاردهم - ادامه طراحی کار
    00:13:57
  • پروژه چهاردهم - حذف و تایید یک کار
    00:14:31
  • پروژه چهاردهم - ادامه ساخت بخش حذف و تایید کار
    00:14:15
  • پروژه چهاردهم - اعتبارسنجی
    00:09:33
  • پروژه چهاردهم - تکمیل پروژه
    رایگان 00:09:04
  • پروژه پانزدهم (ساخت آپلودر عکس) - شروع به نصب لاراول
    00:16:27
  • پروژه پانزدهم - طراحی progressbar
    00:09:58
  • پروژه پانزدهم - مدیریت ورودی
    00:11:26
  • پروژه پانزدهم - آپلود عکس
    رایگان 00:12:23
  • پروژه پانزدهم - پویا سازی progressbar
    00:12:27
  • پروژه پانزدهم - پویا سازی progressbar
    رایگان 00:12:58
  • پروژه پانزدهم - مسیر دهی - تکمیل پروژه
    00:12:04
  • پروژه شانزدهم (ساخت اسلایدر ) - طراحی پروژه
    00:09:51
  • پروژه شانزدهم - طراحی پروژه
    00:11:58
  • پروژه شانزدهم - ادامه ساخت پروژه
    00:14:18
  • پروژه شانزدهم - تکمیل دکمه بعدی و قبلی
    00:10:20
  • پروژه شانزدهم - تکمیل پروژه
    00:05:03
  • پروژه هفدهم (password stronger) - شروع به طراحی
    00:08:46
  • پروژه هفدهم - ادامه ساخت پروژه
    رایگان 00:12:50
  • پروژه هفدهم - تکمیل پروژه
    00:04:35
  • پروژه هجدهم (ساخت فروشگاه) - شروع به طراحی
    00:10:24
  • پروژه هجدهم - ادامه طراحی کار
    00:09:26
  • پروژه هجدهم - استایل دهی پروژه
    00:11:11
  • پروژه هجدهم - ادامه استایل دهی
    00:13:36
  • پروژه هجدهم - نمایش محصولات به صورت پویا
    00:10:10
  • پروژه هجدهم -ساخت فیلتر جدیدترین و قدیمی ترین محصولات
    00:13:56
  • پروژه هجدهم - ساخت فیلتر برندها
    00:12:12
  • پروژه هجدهم - افزودن محصول به سبد خرید
    00:11:10
  • پروژه هجدهم - تکمیل افزودن به سبد خرید
    رایگان 00:10:17
  • پروژه هجدهم - نمایش محصولات سبد خرید
    00:11:21
  • پروژه هجدهم - نمایش قیمت و سه رقم کردن قیمت
    00:15:39
  • پروژه هجدهم - انیمیشن پروژه - تکمیل پروژه
    00:09:17
  • پروژه نوزدهم (دانلود جدول pdf) - شروع به طراحی
    00:10:12
  • پروژه نوزدهم - تکمیل پروژه
    00:09:06
  • پروژه بیستم (smooth scroll) - طراحی پروژه
    00:10:31
  • پروژه بیستم - تکمیل پروژه
    00:08:05
  • پروژه بیست و یکم (landing page) - آماده سازی پیش نیازهای قالب
    00:13:49
  • پروژه بیست و یکم - آماده سازی پیش نیازهای قالب
    00:10:19
  • پروژه بیست و یکم - طراحی navbar
    رایگان 00:10:55
  • پروژه بیست و یکم - طراحی navbar
    00:12:30
  • پروژه بیست و یکم - طراحی navbar
    00:10:48
  • پروژه بیست و یکم - تکمیل navbar
    00:07:20
  • پروژه بیست و یکم - طراحی هدر
    00:11:39
  • پروژه بیست و یکم - طراحی هدر
    00:11:05
  • پروژه بیست و یکم - تکمیل بخش هدر
    00:12:27
  • پروژه بیست و یکم - طراحی feature
    00:13:15
  • پروژه بیست و یکم - طراحی feature
    00:11:25
  • پروژه بیست و یکم - تکمیل feature و طراحی download
    00:12:01
  • پروژه بیست و یکم - تکمیل download و طراحی subscribe
    رایگان 00:09:12
  • پروژه بیست و یکم - طراحی بخش subscribe
    00:10:06
  • پروژه بیست و یکم - تکمیل subscribe و طراحی faq
    00:12:08
  • پروژه بیست و یکم - طراحی faq
    00:12:15
  • پروژه بیست و یکم - تکمیل faq
    00:09:07
  • پروژه بیست و یکم - طراحی فوتر
    00:09:49
  • پروژه بیست و یکم - تکمیل فوتر
    00:06:37
  • پروژه بیست و یکم - انیمیشن پروژه و تکمیل پروژه
    00:11:53
  • پروژه بیست و دوم - ساخت جستجوی لیست - راه اندازی کار
    00:10:37
  • پروژه بیست و دوم - تکمیل بخش ابتدایی
    00:09:42
  • پروژه بیست و دوم - بهینه سازی جستجو
    رایگان 00:09:29
  • پروژه بیست و دوم - اتصال به api
    00:13:26
  • پروژه بیست و دوم - جستجو از api
    00:07:59
  • پروژه بیست و سوم - طراحی پروژه
    00:13:20
  • پروژه بیست و سوم - راه اندازی ریداکس
    00:09:34
  • پروژه بیست و سوم - افزودن به سبد خرید
    00:10:51
  • پروژه بیست و سوم - نمایش و حذف محصول در سبد خرید
    00:10:50
  • پروژه بیست و سوم - افزایش و کاهش تعداد محصول
    00:12:02
  • پروژه بیست و سوم - نمایش مجموع قیمت
    00:15:05
  • پروژه بیست و چهارم - طراحی هدر
    00:16:19
  • پروژه بیست و چهارم - راه اندازی کانتکس
    رایگان 00:11:03
  • پروژه بیست و چهارم - نمایش محصولات
    00:12:17
  • پروژه بیست و چهارم - ساخت صفحه جزئیات محصول
    00:12:01
  • پروژه بیست و چهارم - طراحی صفحه جزئیات محصول
    00:12:12
  • پروژه بیست و چهارم - افزودن محصول به سبد خرید
    00:10:37
  • پروژه بیست و چهارم - نمایش محصولات سبد خرید
    00:12:14
  • پروژه بیست و چهارم - ادامه ساخت سبد خرید
    00:16:46
  • پروژه بیست و چهارم - حذف محصول و نمایش مجموع قیمت
    00:13:10
  • پروژه بیست و چهارم - ذخیره سازی سبد خرید در localstorage
    00:14:49
  • پروژه بیست و چهارم - تمیز کاری پروژه
    00:06:01
  • پروژه بیست و پنجم - راه اندازی پروژه
    رایگان 00:09:19
  • پروژه بیست و پنجم - ساخت navbar
    00:11:01
  • پروژه بیست و پنجم - روت بندی و طراحی صفحه ثبت نام
    00:11:06
  • پروژه بیست و پنجم - طراحی صفحات ثبت نام و ورود کاربران
    00:14:27
  • پروژه بیست و پنجم - مدیریت inputها و راه اندازی بک اند
    00:14:00
  • پروژه بیست و پنجم - ساخت ثبت نام کاربری
    00:10:51
  • پروژه بیست و پنجم - ادامه ساخت ثبت نام کاربری
    00:13:34
  • پروژه بیست و پنجم- تکمیل بخش ثبت نام
    00:12:44
  • پروژه بیست و پنجم - ساخت بخش ورود کاربری
    00:11:47
  • پروژه بیست و پنجم - تکمیل بخش ورود
    00:13:03
  • پروژه بیست و پنجم - ساخت بخش خروج
    رایگان 00:13:27
  • پروژه بیست و پنجم - نمایش خطاها
    00:12:39
  • پروژه بیست و پنجم - ساخت صفحه ارسال بلاگ
    00:12:56
  • پروژه بیست و پنجم - ادامه ساخت ارسال بلاگ
    00:12:45
  • پروژه بیست و پنجم - تکمیل ارسال بلاگ
    00:12:59
  • پروژه بیست و پنجم - نمایش بلاگ ها
    00:11:21
  • پروژه بیست و پنجم - تکمیل نمایش بلاگ ها
    00:12:38
  • پروژه بیست و پنجم - تکمیل صفحه جزئیات بلاگ
    00:11:02
  • پروژه بیست و پنجم - نمایش پست های کاربر
    00:10:54
  • پروژه بیست و پنجم - تکمیل نمایش پست های کاربر و حذف پست
    00:13:52
  • پروژه بیست و پنجم - ویرایش بلاگ
    00:10:08
  • پروژه بیست و پنجم - ویرایش بلاگ
    00:13:18
  • پروژه بیست و پنجم - ادامه ویرایش بلاگ
    00:11:29
  • پروژه بیست و پنجم - راه اندازی بخش نظرات
    00:13:19
  • پروژه بیست و پنجم - ادامه ساخت بخش نظرات
    00:10:50
  • پروژه بیست و پنجم - تکمیل بخش نظرات
    00:11:53
  • پروژه بیست و پنجم - ساخت جستجو
    00:10:41
  • پروژه بیست و پنجم - تکمیل بخش جستجو
    00:12:13
  • پروژه بیست و پنجم - ساخت بخش نمایش بیشتر بلاگ ها
    00:08:27
  • پروژه بیست و پنجم - ساخت لودینگ
    00:10:08
  • پروژه بیست و پنجم - ادامه ساخت لودینگ
    00:09:52
  • پروژه بیست و پنجم - ادامه ساخت لودینگ
    00:10:19
  • پروژه بیست و پنجم - محدود سازی روت ها - پایان دوره
    00:13:16
  • آپدیت پروژه 25
    00:03:20
  • آپدیت پروژه 15
    00:08:23
  • ادامه آپدیت پروژه 15
    00:12:11
  • آپدیت پروژه 15 (قسمت آخر)
    00:08:55
  • آپدیت پروژه 25
    00:11:57
  • آپدیت پروژه 25 - ایجاد بخش ثبت نام کاربری
    00:11:48
  • تکمیل بخش ثبت نام
    00:11:42
  • ساخت بخش ورود
    00:10:12
  • ساخت بخش خروج و ارسال پست
    00:11:36
  • ادامه ساخت بخش ارسال پست
    00:11:28
  • نمایش پست ها و ساخت بخش جزئیات پست
    00:06:43
  • نمایش پست های کاربر و ساخت بخش ویرایش پست
    00:11:13
  • ادامه ساخت بخش ویرایش پست
    00:08:51
  • ساخت بخش نظرات
    00:09:11

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

299,000 تومان
149,500 تومان
50% تخفیف

این دوره شامل:
33:19:00 ساعت آموزش
دسترسی مادام‌العمر
سطح: مبتدی
گواهی پایان دوره: ندارد
تاریخ انتشار: 1403/12/06
آخرین به‌روزرسانی: 2026-11-01 00:09:37
تعداد امتیازها: 0
تعداد دانشجو:
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: