لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش ساخت ویژگیهای اصلی یک فروشگاه اینترنتی (Ecommerce)
- آخرین آپدیت
دانلود Building Core Ecommerce Features
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره دارای قابلیت Coursera Coach است!
روشی هوشمندتر برای یادگیری با گفتگوهای تعاملی و در لحظه که به شما کمک میکند دانش خود را بسنجید، پیشفرضها را به چالش بکشید و در حین پیشرفت در دوره، درک خود را عمیقتر کنید.
این دوره جامع به شما قدرت میدهد تا یک پلتفرم کامل تجارت الکترونیک را با استفاده از Next.js، Prisma، PostgreSQL و کتابخانههای مدرنی مانند ShadCN UI بسازید. از لیست کردن محصولات گرفته تا احراز هویت کاربر و فرآیند پرداخت، شما تمام پشته تکنولوژی (Stack) را به صورت عملی توسعه خواهید داد و مهارتهای لازم برای ورود به بازار کار در زمینه توسعه Full-Stack را کسب خواهید کرد.
شما کار خود را با ساخت زیربنا آغاز میکنید؛ یعنی ساختاردهی به Layoutها، طراحی کامپوننتهای قابل استفاده مجدد و راهاندازی پایگاه داده PostgreSQL با استفاده از Prisma ORM. سپس، احراز هویت را با NextAuth و Zod برای جریانهای امن کاربری پیادهسازی میکنید، یک سیستم سبد خرید قدرتمند میسازید و صفحات کاملاً واکنشگرا (Responsive) برای محصولات و پرداخت توسعه میدهید.
در ادامه، به سراغ اتصال درگاه پرداخت PayPal، مدیریت پروفایل کاربری و ردیابی لحظهای سفارشها میروید. همچنین یک پنل مدیریت (Admin Dashboard) برای مدیریت محصولات، پردازش سفارشها و نظارت بر فروش از طریق نمودارها و تحلیلها خواهید ساخت؛ یعنی تمام آنچه برای مدیریت یک فروشگاه اینترنتی مدرن نیاز است.
این دوره برای توسعهدهندگان سطح متوسط که با React و JavaScript آشنایی دارند و میخواهند به یک توسعهدهنده Full-Stack تبدیل شوند، ایدهآل است. اگر همیشه میخواستید یک سایت فروشگاهی مقیاسپذیر و امن را از صفر بسازید، این دوره شما را مرحله به مرحله در تمامی ویژگیهای کلیدی راهنمایی میکند.
سرفصل ها و درس ها
صفحات سبد خرید و حمل و نقل
Cart & Shipping Pages
مقدمه بخش
Section Intro
صفحه سبد خرید
Cart Page
جدول ShadCN UI
ShadCN UI Table
جمع کل سبد خرید
Subtotal Cart
طرح Zod برای آدرس حمل و نقل و صفحه مربوطه
Shipping Address Zod Schema & Page
فرم آدرس حمل و نقل
Shipping Address Form
بهروزرسانی آدرس کاربر
Update User Address
کامپوننت مراحل پرداخت
Checkout Steps Component
ماندگاری سبد خرید در نشست (Session)
Persist Session Cart
محافظت از مسیرها
Protecting Paths
صفحات روش پرداخت و سفارش
Payment Method & Order Pages
مقدمه بخش
Section Intro
روش پرداخت و طرحهای Zod
Payment Method & Zod Schemas
صفحه روش پرداخت
Payment Method Page
فرم روش پرداخت و بهروزرسانی
Payment Method Form & Update
مدلهای Prisma برای Order و OrderItem
Order & OrderItem Prisma Models
طرحهای Zod و تایپهای سفارش
Order Zod Schemas & Types
صفحه ثبت سفارش
Place Order Page
اکشن ایجاد سفارش
Create Order Action
فرم ثبت سفارش
Place Order Form
صفحه سفارش و اکشن مربوطه
Order Page & Action
توابع کاربردی فرمتدهی
Format Utility Functions
جدول جزئیات سفارش
Order Details Table
پرداختهای PayPal
PayPal Payments
مقدمه بخش
Section Intro
راهاندازی PayPal Sandbox
PayPal Sandbox Setup
تولید توکن دسترسی
Generate Access Token
تست Jest برای توکن دسترسی
Jest Testing For Access Token
درخواستهای API ایجاد و دریافت سفارش
Create Order & Capture API Requests
تست Jest برای سفارش و پرداخت
Jest Testing For Order & Payment
اکشن ایجاد سفارش PayPal
Create PayPal Order Action
تایید و بهروزرسانی سفارش
Approve & Update Order
پیادهسازی دکمه PayPal
Implement PayPal Button
تاریخچه سفارشات و پروفایل کاربر
Order History & User Profile
مقدمه بخش
Section Intro
طرح کاربری و منو
User Layout & Menu
اکشن دریافت سفارشهای من
Get My Orders Action
صفحه سفارشها
Orders Page
صفحهبندی سفارشها
Orders Pagination
اکشن بهروزرسانی پروفایل
Update Profile Action
فرم بهروزرسانی پروفایل
Update Profile Form
ارسال فرم پروفایل
Profile Form Submission
نمای کلی مدیریت و سفارشها
Admin Overview & Orders
مقدمه بخش
Section Intro
طرح مدیریت و منو
Admin Layout & Menu
دریافت خلاصه سفارشات
Get Order Summary
نمایش دادههای نمای کلی مدیریت
Admin Overview Data Display
نمودار فروش ماهانه
Monthly Sales Chart
صفحه سفارشات مدیریت و اکشن
Admin Orders Page & Action
حذف سفارشها
Delete Orders
اکشنهای بهروزرسانی سفارش (پرداخت در محل)
Update Order Actions (COD)
دکمههای بهروزرسانی سفارش (پرداخت در محل)
Update Order Buttons (COD)
محصولات مدیریت و آپلود تصاویر
Admin Products & Image Uploads
مقدمه بخش
Section Intro
دریافت محصولات برای صفحه مدیریت
Get Products For Admin Page
نمایش محصولات
Display Products
حذف محصولات
Delete Products
اکشنهای ایجاد و بهروزرسانی
Create & Update Actions
صفحه و فرم ایجاد محصول
Create Product Page & Form
فیلدهای فرم و Slugify کردن
Form Fields & Slugify
ارسال فرم ایجاد محصول
Create Product Form Submission
نمایش نظرات