آموزش Next.js React React Development Excommerce Ultimate - آخرین آپدیت

دانلود Next.js React Ultimate Ecommerce Development

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: [با 175 صفحه PDF] دوره Fullstack با Advance Crud Cart Filtering Ration Likes Payments بازپرداخت مالیاتی سفارشات ساخت یک برنامه تجارت الکترونیکی مدرن React React و NextJs توسعه وب توسعه کاربر با استفاده از NextAuth با استفاده از محاسبات مالیاتی استریپ ، حمل و نقل و پرداخت کارت اعتباری پرداخت. .

[شامل یک PDF 175 صفحه ای است که همراه با سخنرانی های ویدیویی]

با استفاده از آخرین فن آوری های برش لبه ، ساخت و نهایی برنامه تجارت الکترونیک را بیاموزید:

  • React 18

  • NextJS 13

  • زمینه واکنش

  • NextJS توسعه API

  • Auth Next

  • سیستم ثبت نام کامل ورود به سیستم

  • ورود اجتماعی

  • دروازه پرداخت نوار

  • ایمیل به کاربران

  • Bootstrap Material CSS

  • Chart.js

  • MongoDB

  • داشبورد برای کاربران و مدیر

  • پیشبرد محصول در جستجوی فیلتر

  • سیستم اظهار نظر رتبه بندی ستاره

  • ویژگی را دوست دارد

  • صفحه بندی

  • قیمت فروش

  • حمل و نقل

  • کوپن ها

  • کارت اعتباری ، Apple Pay ، Google Pay

  • پیوندهای ارجاع/URL تبلیغاتی

  • سئو

  • محاسبه مالیات

  • مدیریت سفارش

  • استقرار

  • شامل 175 صفحه PDF

  • به علاوه 100 نکات

به "برنامه تجارت الکترونیکی تمام پشته با Next.js ، React.js ، NextAuth و NextApi" در این دوره جامع خوش آمدید ، شما می آموزید که چگونه یک برنامه تجارت الکترونیکی مدرن و کاملاً کاربردی را با استفاده از مجموعه ای از قدرتمند و محبوب توسعه دهید فن آوری های موجود در اکوسیستم توسعه وب.

در طول این دوره ، ما به اعماق Next.js ، چارچوب React پیشرو برای ساخت برنامه های ارائه شده توسط سرور ، و React.js ، کتابخانه مشهور JavaScript برای ایجاد رابط های کاربر ، شیرجه خواهیم زد. شما با هر دو چارچوب تجربه دستی کسب می کنید و از ویژگی های قدرتمند آنها برای ایجاد برنامه های وب پویا و با کارایی بالا استفاده می کنید.

ما کل اکو سیستم جاوا اسکریپت را کشف خواهیم کرد تا قدرت ساخت و ساز برنامه کاربردی کامل پشته را از ابتدا از ابتدا تا استقرار تا سرورهای زنده مهار کند.

علاوه بر این ، ما API Next.js را پوشش خواهیم داد ، یک ویژگی مسیر API داخلی که به شما امکان می دهد نقاط پایانی API بدون سرور را با زحمت ایجاد کنید. شما یاد می گیرید که چگونه از این ویژگی استفاده کنید تا منطق پس زمینه ، داده های فرآیند را کنترل کنید و با برنامه تجارت الکترونیک خود ارتباط برقرار کنید.

NextAuth همچنین کانون این دوره خواهد بود. شما می توانید نحوه ادغام NextAuth را در برنامه خود برای ارائه قابلیت تأیید اعتبار و مجوزهای ایمن و کاربر پسند کشف کنید. با NextAuth ، شما قادر خواهید بود ویژگی هایی مانند ثبت نام ، ورود به سیستم ، تنظیم مجدد رمز عبور و موارد دیگر را پیاده سازی کنید.

برای تقویت جذابیت بصری و حفظ یک طراحی پاسخگو ، ما مواد Bootstrap CSS را شامل می شویم ، محبوب ترین و آسان برای استفاده از چارچوب CSS. شما می توانید پایه های Bootstrap CSS را درک کرده و از مجموعه گسترده کلاس های ابزار استفاده کنید تا یک برنامه تجارت الکترونیکی براق و بصری خیره کننده ایجاد کنید.

تا پایان این دوره ، مهارت و دانش خود را برای ساختن یک برنامه تجارت الکترونیکی کامل با استفاده از Next.js ، react.js ، NextAuth ، NextAPI ، Bootstrap Material CSS و Stripe خواهید داشت. در این سفر هیجان انگیز به من بپیوندید و مهارت های توسعه وب خود را به سطح بعدی ببرید!

اکنون ثبت نام کنید و امروز به همراه اصول اصلی React و Next.js!


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

مقدمه Introduction

  • دانلود کتابچه PDF Download PDF Booklet

  • بارگیری کد منبع Download Source Code

  • پروژه NextJS را ایجاد کنید Create NextJs Project

  • با استفاده از مواد bootstrap css Using Bootstrap Material CSS

  • ناوبری ایجاد کنید Create Navigation

NextJs API و MongoDB NextJs API and MongoDB

  • مسیرهای API NEXTJS NextJs API Routes

  • رشته اتصال Atlas Mongo Mongo Atlas Connection String

  • متغیرهای env ENV Variables

  • به MongoDB متصل شوید Connect to MongoDB

ثبت کاربر User Registration

  • ایجاد مدل کاربر Create User Model

  • ثبت مسیر API Register API Route

  • صفحه ثبت نام Register Page

  • فرم ثبت نام Register Form

  • درخواست API را ثبت کنید Register API Request

ورود به سیستم Nextauth NextAuth Sign In

  • ورود به سیستم Nextauth NextAuth Sign In

  • پیکربندی NextAuth NextAuth Configuration

  • ارائه دهنده جلسه Session Provider

  • در اطلاعات کاربر و ورود به سیستم وارد شده است Logged In User Info and Logout

صفحات (بارگیری ، 404 ، محافظت شده و تغییر مسیر) Pages (Loading, 404, Protected and Redirects)

  • صفحه و وضعیت بارگیری Loading Page and Status

  • 404 صفحه یافت نشد 404 Page Not Found

  • محافظت از صفحات و میان افزار Protecting Pages and Middleware

  • دوباره به صفحه مورد نظر تغییر مکان دهید Redirect Back to Intended Page

ورود و جلسه اجتماعی Social Login and Session

  • با Google وارد شوید Login With Google

  • کاربر ورود اجتماعی در پایگاه داده Social Login User in Database

  • نقش کاربر در جلسه User Role in Session

صفحات محافظت شده و استقرار به Vercel Protected Pages & Deployment to Vercel

  • طرح و صفحه سرپرست Admin Layout and Page

  • محافظت از صفحه مبتنی بر نقش برای مدیر Role Based Page Protection for Admin

  • استقرار به Vercel Deploy to Vercel

دسته های تجارت الکترونیک CRUD API Ecommerce Categories CRUD API

  • برنامه ریزی پروژه تجارت الکترونیک Planning Ecommerce Project

  • API دسته بندی ایجاد کنید Create Category API

  • لیست دسته های API List Categories API

  • دسته بندی به روزرسانی Updating Category

  • رده حذف Category Delete

زمینه های تجارت الکترونیک Ecommerce Categories Context

  • زمینه طبقه بندی Category Context

  • دسته بندی ایجاد تابع Category Create Function

  • عملکرد دسته بندی ها List Categories Function

  • عملکرد دسته بندی Update Category Function

  • عملکرد حذف دسته Category Delete Function

  • دسته بندی Category Provider

دسته های تجارت الکترونیک crud توسط مدیر Ecommerce Categories CRUD by Admin

  • صفحه دسته بندی سرپرست Admin Category Page

  • دسته ایجاد فرم Category Create Form

  • دسته بندی درخواست API را ایجاد کنید Category Create API Request

  • دسته بندی پیام خطا ایجاد کنید Category Create Error Message

  • به روزرسانی لیست دسته بندی ها پاک و حذف می شود Category List Update Clear and Delete

برچسب های تجارت الکترونیک API Ecommerce Tags API

  • مدل برچسب Tag Model

  • برچسب ایجاد و لیست API Tag Create and List API

  • برچسب ایجاد و حذف API Tag Create and Delete API

زمینه برچسب های تجارت الکترونیک Ecommerce Tags Context

  • متن برچسب Tag Context

  • برچسب ایجاد تابع Tag Create Function

  • تابع لیست برچسب Tag List Function

  • تابع به روزرسانی برچسب Tag Update Function

  • عملکرد حذف برچسب Tag Delete Function

  • ارائه دهنده برچسب و صفحه برچسب مدیر Tag Provider and Admin Tag Page

برچسب های تجارت الکترونیک CRUD Ecommerce Tags CRUD

  • برچسب ایجاد مؤلفه Tag Create Component

  • به روزرسانی لیست برچسب حذف و پاک کردن Tag List Update Delete and Clear

محصول تجارت الکترونیک CRUD API Ecommerce Product CRUD API

  • مدل محصول با طرح های لایک و رتبه بندی Product Model with Likes and Ratings Schema

  • محصول ایجاد API Product Create API

  • لیست محصولات با API صفحه بندی Products List with Pagination API

  • API تک محصول را دریافت کنید Get Single Product API

  • به روزرسانی محصول و حذف API Product Update and Delete API

ایجاد محصول با دسته ها و برچسب ها Creating Product with Categories & Tags

  • درخواست API محصول را ایجاد کنید Create Product API Request

  • درخواست API محصولات Fetch Products API Request

  • درخواست API محصول را به روز کنید Update Product API Request

  • درخواست API محصول را حذف کنید Delete Product API Request

  • ارائه دهنده زمینه محصول Product Context Provider

  • صفحه ایجاد محصول Product Create Page

  • محصول ایجاد مؤلفه Product Create Component

  • زمینه های ورودی محصول را اضافه کنید Add Product Input Fields

  • دسته بندی ها را در محصول ایجاد و به روز کنید Categories Select on Product Create and Update

  • برچسب ها برای هر گروه Tags for Each Category

  • برچسب های بررسی نشده را بررسی کرد Checked Unchecked Tags

بارگذاری چندین تصویر Multiple Image Uploads

  • بارگذاری تصویر Image Uploads

  • چندین تصویر درخواست بارگذاری از مشتری Multiple Images Upload Request from Client

  • حذف تصویر Delete Image

  • نام ابر ، کلید API و راز Cloudinary Name, API Key and Secret

  • آپلود و حذف API Image Upload and Delete API

  • چندین تصویر بارگذاری در محصول ایجاد می شود Multiple Images Uploads on Product Create

محصولات CRUD Products CRUD

  • ایجاد یک محصول Creating a Product

  • صفحه لیست محصولات برای مدیر Products List Page for Admin

  • لیست محصول برای مدیر Product List for Admin

  • قیمت محصول و توضیحات کوتاه Product Price and Short Description

  • به روزرسانی محصول و حذف توسط Admin Product Update and Delete by Admin

نمایش محصولات با صفحه بندی Display Products with Pagination

  • پیوندهای صفحه بندی Pagination Links

  • واکشی سمت سرور محصولات Fetch Products Server Side

  • اجزای صفحه بندی Pagination Component

  • کارت محصول با تصویر بعدی Product Card with Next Image

  • اطلاعات بیشتر در مورد کارت محصول More Product Info on Product Card

  • تاریخ و نام تجاری در پاورقی کارت Date and Brand Name on Card Footer

  • فضای افقی کارت محصول Product Card Horizontal Space

نمای محصول واحد با معین برای پیش نمایش تصویر Single Product View with Modal for Image Preview

  • صفحه نمای محصول واحد Single Product View Page

  • جزئیات محصول واحد Single Product Details

  • تصاویر محصول نمایش داده می شود Product Images Display

  • پیش نمایش معین Preview Modal

  • تصویر در پیش نمایش معین Image on Preview Modal

  • بستن معین در لینک صفحه Close Modal on Page Link

  • توضیحات محصول قابل خواندن Readable Product Description

محصولاتی مانند و برخلاف Products Like & Unlike

  • کاربر فعلی از جلسه سرور برای API مانند Current User from Server Session for Like API

  • کاربر محصولات را دوست داشت و برخلاف API User Liked Products and Unlike API

  • محصول مانند و برخلاف مؤلفه Product Like and Unlike Component

  • مانند و برخلاف درخواست API Like and Unlike API Request

رتبه بندی ستاره ها و بررسی برای محصول Star Ratings & Reviews for Product

  • مؤلفه معین قابل استفاده مجدد Reusable Modal Component

  • مؤلفه رتبه بندی ستاره Star Rating Component

  • عملکرد میانگین رتبه بندی را محاسبه کنید Calculate Average Rating Function

  • مؤلفه رتبه بندی محصول Product Rating Component

  • در حال حاضر رتبه بندی شده و میانگین امتیاز Already Rated and Average Rating

  • نشان دادن رتبه بندی پنهان Show Hide Rating Modal

  • یک مدال رتبه بندی بگذارید Leave a Rating Modal

  • درخواست API رتبه بندی محصول Product Rating API Request

  • API بررسی محصول Product Review API

  • تلاش برای بررسی محصول Trying Product Review

  • رتبه بندی ستاره ها در کارت های محصول Stars Rating in Product Cards

فیلتر کردن محصولات بر اساس قیمت ، دسته ها ، برچسب ها و موارد دیگر Filtering Products by Price, Categories, Tags & more

  • محدوده قیمت گزینه فیلتر Filter Option Price Range

  • کلاس فعال فیلتر قیمت Price Filtering Active Class

  • فیلترهای پاک Clear Filters

  • گزینه فیلتر رتبه بندی ستاره Star Ratings Filter Option

  • لیست دسته بندی ها برای گزینه فیلتر Categories List for Filter Option

  • لیست برچسب ها برای گزینه فیلتر Tags List for Filter Option

  • مارک های لیست API از جمع آوری محصول Brands List API from Product Collection

  • لیست مارک ها برای گزینه فیلتر Brands List for Filter Option

محصولات فیلتر شده API Filtered Products API

  • محصولات فیلتر شده درخواست API Filtered Products API Request

  • محصولات فیلتر شده API 1 Filtered Products API 1

  • محصولات فیلتر شده API 2 Filtered Products API 2

محصولات جستجو کنید Search Products

  • وضعیت و عملکردهای موجود در زمینه محصول Search State & Functions in Product Context

  • فرم جستجوی محصول Product Search Form

  • API جستجوی محصول Product Search API

  • صفحه نتایج جستجوی محصول Product Search Results Page

  • درخواست جستجو در بارگیری مجدد صفحه Search Request on Page Reload

توزیع رتبه بندی ، بررسی نظرات و ابرداده Ratings Distribution, Reviews Comments & Metadata

  • نمایش بررسی ها و نظرات کاربر Display User Reviews & Comments

  • میله های پیشرفت توزیع رتبه بندی Rating Distribution Progress Bars

  • محصول ابرداده استاتیک و پویا Product Metadata Static and Dynamic

به سبد خرید اضافه کنید Add to Cart

  • نمای کلی ویژگی های سبد خرید را اضافه کنید Add to Cart Feature Overview

  • متن چرخشی Cart Context

  • توابع به روزرسانی سبد خرید Cart Update Functions

  • به اجزای سبد خرید اضافه کنید Add to Cart Components

  • در کارت محصول به Cart Component اضافه کنید Add to Cart Component in Product Card

  • صفحه سبد Cart Page

فرآیند پرداخت چند مرحله ای Multi Step Checkout Process

  • صفحه سبد خرید چند مرحله ای Multi Step Cart Page

  • 3 سرپرست پرداخت 3 Step Checkout Headings

  • نمایش موارد سبد خرید Display Cart Items

  • لینک بررسی و پرداخت Review and Checkout Link

  • گودال مرحله 2 جزئیات تماس Cart Step 2 Contact Details

  • مرحله 3 مؤلفه پرداخت Step 3 Payment Component

  • درخواست جلسه چک راه راه Stripe Checkout Session Request

  • خلاصه سفارش Order Summary

پرداخت با نوار Checkout with Stripe

  • ثبت نام به نوار Signup to Stripe

  • موارد خط و نرخ مالیات Line Items and Tax Rate

  • گزینه های حمل و نقل و تخفیف Shipping Options and Discounts

  • پرداخت موفقیت آمیز با نوار Successful Checkout with Stripe

Webhooks و سفارشات Webhooks and Orders

  • نوار وب راه راه Stripe Webhook

  • نقطه پایانی API Webhook Stripe Stripe Webhook API Endpoint

  • مدل سفارش Order Model

  • با استفاده از Webhook سفارش ایجاد کنید Create Order Using Webhook

کوپن تخفیف ، پیوندهای ارجاع و قیمت فروش Coupons Discount, Referral Links & Sale Price

  • رسیدگی به کوپن در زمینه سبد Handle Coupon in Cart Context

  • کوپن را اعمال کنید Apply Coupon

  • بررسی اعتبار کوپن تخفیف Discount Coupon Validity Check

  • پیوندهای ارجاع با کد کوپن Referral Links with Coupon Code

  • قیمت تخفیف در URL کد کوپن Discount Price in Coupon Code URL

  • پرداخت با قیمت تخفیف Checkout with Discount Price

  • قیمت فروش Sale Price

داشبورد کاربر ، سفارشات و رسید User Dashboard, Orders & Receipt

  • سفارشات کاربر API User Orders API

  • صفحه موفقیت کاربر User Success Page

  • صفحه سفارشات کاربر User Orders Page

  • نمایشگر را روی میز با URL رسید سفارش دهید Order Display on Table with Receipt URL

  • نمایش جزئیات حمل و نقل سفارش Display Order Shipping Details

  • نمایش اطلاعات محصولات سفارش Display Order Products Info

بازپرداخت و لغو Refunds & Cancellation

  • درخواست سفارش را لغو کنید Cancel the Order Request

  • بازپرداخت API Refund API

  • درخواست API سفارش را لغو کنید Cancel Order API Request

  • موارد چرخ دستی را پاک کنید Clear Cart Items

مدیریت سفارش داشبورد مدیر Admin Dashboard Order Management

  • تمام سفارشات مدیر All Orders for Admin

  • وضعیت تحویل سفارش را به روز کنید Update Order Delivery Status

  • صفحه سفارشات برای مدیر Orders Page for Admin

  • به روزرسانی وضعیت وضعیت توسط مدیر Order Status Update by Admin

امتیاز Bonus

  • دوره های دیگری که ممکن است دوست داشته باشید Other Courses You May Like

نمایش نظرات

آموزش Next.js React React Development Excommerce Ultimate
جزییات دوره
20.5 hours
174
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
660
4.5 از 5
دارد
دارد
دارد
Ryan Dhungel
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar