telegram

توضیحات

در این دوره به صورت کاملاً پروژه‌محور یک فروشگاه اینترنتی حرفه‌ای را با استفاده از ری اکت جی اس (React.js) و لاراول (Laravel) پیاده‌سازی می‌کنیم. هدف این دوره صرفاً آموزش React نیست (لینک دوره آموزش ری اکت جی اس)، بلکه یادگیری نحوه توسعه یک پروژه واقعی است. پروژه‌ای که شامل بخش فروشگاه، سبد خرید، احراز هویت کاربران،درگاه پرداخت، پنل مدیریت یا پنل ادمین، مدیریت محصولات، دسته‌بندی‌ها، سفارش‌ها، کدهای تخفیف، deploy یا آپلود پروژه روی سرور و بسیاری امکانات دیگر خواهد بود.

در بخش فرانت اند (front-end) از React 19، React Router، Redux Toolkit و Axios استفاده می‌کنیم و رابط کاربری پروژه را با Tailwind CSS پیاده خواهیم کرد. همچنین در بخش بک اند (back-end) از Laravel به عنوان API استفاده می‌کنیم و ارتباط React با Laravel را به صورت کامل پیاده‌سازی خواهیم کرد و در نهایت پروژه ای ایجاد شده را deploy یا روی سرور آپلود میکنیم.

در طول دوره با ساختاردهی صحیح پروژه، مدیریت وضعیت (State Management) با Redux Toolkit، ایجاد صفحات و جابجای بین آنها با React Router، احراز هویت کاربران با Laravel Sanctum و ایجاد دو روش احراز هویت یکی otp sms (ارسال پیامک کد تایید به کاربر) و دیگری ایمیل و پسورد، مدیریت درخواست‌های API، فرم‌ها، اعتبارسنجی با پکیج React Hook Form، آپلود فایل، صفحه‌بندی، جستجو، فیلتر محصولات و بسیاری از مباحثی که در پروژه‌های واقعی مورد استفاده قرار می‌گیرند آشنا خواهید شد.

در پایان این دوره یک فروشگاه اینترنتی کامل به همراه پنل مدیریت خواهید داشت که می‌تواند پایه بسیار مناسبی برای توسعه پروژه‌های شخصی یا ورود به بازار کار باشد.

برای آشنایی بیشتر با پروژه و امکاناتی که در طول دوره پیاده‌سازی خواهد شد، حتماً ویدئوی معرفی دوره را مشاهده کنید.

همچنین دوره ای نکست جی اس (next.js) و دوره ای آموزش ساخت فروشگاه اینترنتی با نکست جی اس (next.js)  هم توی وبسایت قرار گرفته که نکست جی اس میشه فریمورک ری اکت جی اس و پیشنهاد میشه حتما بعد از این دوره مشاهده کنید.

بخش از مباحثی که در این دوره گفته میشود شامل :

راه‌اندازی پروژه

  • ایجاد پروژه React با Vite
  • راه‌اندازی Laravel API
  • پیکربندی Axios
  • ساختار پوشه‌ها
  • تنظیمات محیط توسعه

احراز هویت کاربران

  • ثبت‌نام، ورود، خروج
  • احراز هویت با Laravel Sanctum
  • روش OTP (ارسال SMS کد ورود یا تایید برای کاربر)
  • روش ایمیل و پسورد
  • محافظت از صفحات
  • مدیریت کاربران مهمان و کاربران وارد شده

طراحی رابط کاربری

  • Tailwind CSS
  • کامپوننت‌های قابل استفاده مجدد
  • Layout
  • Header
  • Footer
  • Sidebar
  • فرم‌ها
  • مودال‌ها
  • اعلان‌ها (Toast) با استفاده ار پکیج SweetAlert

فروشگاه

  • نمایش محصولات
  • صفحه جزئیات محصول
  • دسته‌بندی محصولات
  • جستجو
  • فیلتر محصولات
  • مرتب‌سازی
  • صفحه‌بندی (Pagination)
  • نمایش نقشه (map)

پروفایل کاربری

  • نمایش و ویرایش اطلاعات کاربری
  • ایجاد، ویرایش و نمایش آدرس های کاربر
  • سفارشات و تراکنش های کاربر

سبد خرید

  • Redux Toolkit
  • افزودن محصول
  • حذف محصول
  • تغییر تعداد
  • محاسبه قیمت
  • نگهداری اطلاعات سبد خرید

کد تخفیف و درگاه پرداخت

  • استفاده از کد تخفیف و اعمال آن
  • استفاده از تقویم شمسی در پروژه
  • نحوه استفاده از درگاه پرداخت

پنل مدیریت

  • داشبورد
  • نمایش چارت (chart)
  • مدیریت محصولات
  • مدیریت دسته‌بندی‌ها
  • مدیریت سفارش‌ها
  • مدیریت کدهای تخفیف
  • آپلود تصاویر
  • اعتبارسنجی فرم‌ها

ارتباط با API

  • ارسال درخواست‌ها با Axios
  • مدیریت Loading
  • مدیریت خطاها
  • ساخت Hookهای سفارشی

قرار دادن پروژه در سرور(deploy)

و ...

 

دوره های پیشنهادی، بعد از گذراندن این دوره :

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

 

laravel لاراول api tailwindcss_v4 تیلویند_سی اس اس تیلویند_سی اس اس_ورژن_4 ری_اکت_جی_اس ری_اکت_جی_اس_ورژن_19 react_js react_js_version_19 ریداکس_جی_اس redux_js ری_اکت_روتر react_router

مدرس دوره علی شیخ
مدت دوره 05:40:37
تعداد ویدیو 18
وضعیت دوره : درحال برگزاری
قیمت دوره : 999,000 599,000 تومان
% 40 تخفیف
ابتدا وارد سایت شوید
دسته بندی دوره ها
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 ساس

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

دوره های آموزشی
آموزش آلپاین (alpine.js) پروژه محور
کامل شده
% 35 تخفیف

آموزش آلپاین (alpine.js) پروژه محور

alpine.js یک فریمورک جاوااسکریپت است که میتواند جایگزین بسیار مناسب برای جی کوئری باشد. alpine.js به صورت رسمی برای فریم...

649,000 422,000 تومان
06:52:21
آموزش ناکست جی اس (nuxt.js)
کامل شده
% 40 تخفیف

آموزش ناکست جی اس (nuxt.js)

بلاخره بعد از مدت ها انتظار nuxt.js (ناکست جی اس) ورژن 3 آمد و توی این دوره قصد داریم در مورد این فریموک فوق العاده جاوا...

899,000 539,000 تومان
09:18:11
آموزش HTML5 & CSS3 پروژه محور
کامل شده

آموزش HTML5 & CSS3 پروژه محور

برای اینکه وارد دنیای طراحی وب شوید اولین چیزی که باید با آن آشنا شوید HTML است، HTML یک زبانه نشانگذاری برای ایجاد وبسا...

رایگان
04:51:23
آموزش رایگان javascript (جاوا اسکریپت) پروژه محور
کامل شده

آموزش رایگان javascript (جاوا اسکریپت) پروژه محور

جاوا اسکریپت (javascript) زبانی سطح بالا برای ایجاد صفحات وب پویا و تعاملی است. و هدف این زبان، بهبود تعامل و تجربه کارب...

رایگان
10:20:49

کامنت های ارزشمند شما:

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

  • دانشجو 4293

    سلام استاد وقتتون بخیر و خسته نباشین
    استاد من الان رسیدم به دوره فروشگاهی با next.js ، با توجه به اینکه واسه سئو و .. next رو باید توسعه داد واسه اپلیکیشن ، چه نیازی هست که دوباره فروشگاه رو‌ با ری اکت توسعه بدیم؟ واقعا لازمه که این دوره رو‌ هم تهیه کنم و ری اکت فروشگاهی رو هم توسعه بدم؟

    • علی شیخ

      5 ساعت پیش

      سلام وقت بخیر.
      ببینید این دوره بعد از دوره ای ری اکت و قبل از دوره ای نکست جی اس هست برای کار، تمرین و درک بهتر ری اکت
      اجباری نیست اگه به خوبی با ری اکت آشنا هستید. برای دوستانی که دوره ای ری اکت را دیدن پیشنهاد میشه🙏

    • علی شیخ

      13 ساعت پیش

      سلام وقت بخیر.
      اگه منظورتون next.js (نکست جی اس) هست که فریمورک ری اکت هست، ما هم دوره آموزشی خودش و هم فروشگاهیش را داریم الان توی سایت