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

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

مقدمه ای بر ایجاد سبد خرید جلویی Introduction to creating a front end shopping cart

• مقدمه ای بر ساخت سبد خرید از ابتدا Introduction to building a shopping cart from scratch

• منابع و پیوندهای دوره Course Resources and Links

مقدمه ای بر ایجاد سبد خرید جلویی Introduction to creating a front end shopping cart

• مقدمه ای بر ساخت سبد خرید از ابتدا Introduction to building a shopping cart from scratch

• منابع و پیوندهای دوره Course Resources and Links

یک سبد خرید جی کوئری بسازید Build a jQuery Shopping cart

• راه اندازی قالب HTML پایه و لینک های منبع Setup Basic HTML template and source links

• کد منبع الگوی پیش فرض HTML Source Code Default HTML template

• شنونده رویداد افزودن محصول ایجاد کنید Create Product add event listener

• از ویژگی های داده برای ارسال مقادیر به jQuery استفاده کنید Use data attributes to pass values to jQuery

• شنوندگان رویداد کد منبع و ویژگی های داده Source Code Event listeners and Data Attributes

• به روز رسانی اضافه کردن محصولات بیشتر Update add more products

• آرایه شی سبد خرید ایجاد کنید Create Shopping cart object array

• حلقه از طریق آیتم ها در آرایه jQuery Loop Through Items in the array jQuery

• اضافه کردن اقلام افزایش تعداد در سبد خرید Add items increase quantity in the shopping cart

• فضای ذخیره‌سازی جلسه را اضافه کنید و JSON را تجزیه کنید Add session storage and parse JSON

• از Session Storage برای به روز رسانی مقادیر شیء آرایه استفاده کنید Use Session Storage to update array object values

• خروجی سبد خرید ایجاد کنید Create Shopping Cart output

• نحوه نمایش اقلام و مجموع سبد خرید How to Display Cart items and totals

• خروجی دلار در قالب ارز Output dollars in currency format

• سبد خرید ذخیره کد منبع Source Code Storage Shopping Cart

یک سبد خرید جی کوئری بسازید Build a jQuery Shopping cart

• راه اندازی قالب HTML پایه و لینک های منبع Setup Basic HTML template and source links

• کد منبع الگوی پیش فرض HTML Source Code Default HTML template

• شنونده رویداد افزودن محصول ایجاد کنید Create Product add event listener

• از ویژگی های داده برای ارسال مقادیر به jQuery استفاده کنید Use data attributes to pass values to jQuery

• شنوندگان رویداد کد منبع و ویژگی های داده Source Code Event listeners and Data Attributes

• به روز رسانی اضافه کردن محصولات بیشتر Update add more products

• آرایه شی سبد خرید ایجاد کنید Create Shopping cart object array

• حلقه از طریق آیتم ها در آرایه jQuery Loop Through Items in the array jQuery

• اضافه کردن اقلام افزایش تعداد در سبد خرید Add items increase quantity in the shopping cart

• فضای ذخیره‌سازی جلسه را اضافه کنید و JSON را تجزیه کنید Add session storage and parse JSON

• از Session Storage برای به روز رسانی مقادیر شیء آرایه استفاده کنید Use Session Storage to update array object values

• خروجی سبد خرید ایجاد کنید Create Shopping Cart output

• نحوه نمایش اقلام و مجموع سبد خرید How to Display Cart items and totals

• خروجی دلار در قالب ارز Output dollars in currency format

• سبد خرید ذخیره کد منبع Source Code Storage Shopping Cart

وب سایت تجارت الکترونیک بوت استرپ را با سبد خرید ایجاد کنید Create Bootstrap Ecommerce Website with shopping cart

• UX کلاس های بوت استرپ را اضافه می کند UX add Bootstrap classes

• بازشو پنجره محاوره ای سبد خرید Shopping cart dialog window popup

• یک جدول بوت استرپ ایجاد کنید Create a bootstrap table

• میز بوت استرپ 4 Bootstrap 4 Tables

• اضافه کردن دکمه های پرداخت Add Checkout Buttons

• Bootstrap Grid را اضافه کنید Add Bootstrap Grid

• اضافه کردن کارت به روز رسانی آیتم های سبک بوت استرپ Add Cards update Bootstrap styled items

• Bootstrap NavBar را اضافه کنید Add Bootstrap NavBar

• استایل بوت استرپ بیشتر More Bootstrap Styling

• ایجاد پاورقی صفحه Create Page Footer

• کد منبع Products.html Source Code Products.html

• ایجاد صفحه پرداخت Create Checkout page

• فرم پرداخت پی پال را ایجاد کنید Create Paypal Checkout Form

• افزودن تعداد به‌روزرسانی شنوندگان رویداد Adding event listeners update quantity

• تغییر مقادیر خروجی Tweaking output quantities

• تسویه حساب سبد خرید را به پی پال کامل کنید Complete Shopping Cart Checkout to Paypal

• پرداخت کد منبع به Paypal checkout.html Source Code Checkout to Paypal checkout.html

وب سایت تجارت الکترونیک بوت استرپ را با سبد خرید ایجاد کنید Create Bootstrap Ecommerce Website with shopping cart

• UX کلاس های بوت استرپ را اضافه می کند UX add Bootstrap classes

• بازشو پنجره محاوره ای سبد خرید Shopping cart dialog window popup

• یک جدول بوت استرپ ایجاد کنید Create a bootstrap table

• میز بوت استرپ 4 Bootstrap 4 Tables

• اضافه کردن دکمه های پرداخت Add Checkout Buttons

• Bootstrap Grid را اضافه کنید Add Bootstrap Grid

• اضافه کردن کارت به روز رسانی آیتم های سبک بوت استرپ Add Cards update Bootstrap styled items

• Bootstrap NavBar را اضافه کنید Add Bootstrap NavBar

• استایل بوت استرپ بیشتر More Bootstrap Styling

• ایجاد پاورقی صفحه Create Page Footer

• کد منبع Products.html Source Code Products.html

• ایجاد صفحه پرداخت Create Checkout page

• فرم پرداخت پی پال را ایجاد کنید Create Paypal Checkout Form

• افزودن تعداد به‌روزرسانی شنوندگان رویداد Adding event listeners update quantity

• تغییر مقادیر خروجی Tweaking output quantities

• تسویه حساب سبد خرید را به پی پال کامل کنید Complete Shopping Cart Checkout to Paypal

• پرداخت کد منبع به Paypal checkout.html Source Code Checkout to Paypal checkout.html

ساخت و طراحی وب سایت بوت استرپ Bootstrap Website Building and styling

• وب سایت چند صفحه ای ایجاد کنید Create Mulitple page website

• صفحه About.html ایجاد کنید Create About.html page

• کد منبع About.html Source Code About.html

• ایجاد Index.html چرخ فلک Create Index.html Carousel

• کد منبع Index.html Source Code Index.html

• بررسی اجمالی products.html Overview products.html

• کد منبع Products.html Source Code Products.html

• کد منبع CSS CSS Source Code

• خلاصه ای از جاوا اسکریپت Summary overview of JavaScript

• کد منبع جاوا اسکریپت Source Code JavaScript

• منابع دوره Course Resources

ساخت و طراحی وب سایت بوت استرپ Bootstrap Website Building and styling

• وب سایت چند صفحه ای ایجاد کنید Create Mulitple page website

• صفحه About.html ایجاد کنید Create About.html page

• کد منبع About.html Source Code About.html

• ایجاد Index.html چرخ فلک Create Index.html Carousel

• کد منبع Index.html Source Code Index.html

• بررسی اجمالی products.html Overview products.html

• کد منبع Products.html Source Code Products.html

• کد منبع CSS CSS Source Code

• خلاصه ای از جاوا اسکریپت Summary overview of JavaScript

• کد منبع جاوا اسکریپت Source Code JavaScript

• منابع دوره Course Resources

ترفندهای کد منبع درخواست شده توسط دانش آموزان Source Code Tweaks asked for by students

• به روز رسانی مقدمه و تشکر Update intro and thanks

• به روز رسانی سبد خرید Shopping Cart Updates

• افزودن دکمه Remove ساخت شنونده رویداد Adding Remove button making event listener

• حذف شی از آرایه remove object from array

• به روز رسانی تسویه حساب سبد خرید Update Checkout of shopping cart

• پرداخت مقدار صفر حذف Checkout Zero Quantity Remove

• کد منبع برای products.html Source Code for products.html

• کد منبع برای checklist.html Source Code for checklist.html

• کد منبع Source Code

ترفندهای کد منبع درخواست شده توسط دانش آموزان Source Code Tweaks asked for by students

• به روز رسانی مقدمه و تشکر Update intro and thanks

• به روز رسانی سبد خرید Shopping Cart Updates

• افزودن دکمه Remove ساخت شنونده رویداد Adding Remove button making event listener

• حذف شی از آرایه remove object from array

• به روز رسانی تسویه حساب سبد خرید Update Checkout of shopping cart

• پرداخت مقدار صفر حذف Checkout Zero Quantity Remove

• کد منبع برای products.html Source Code for products.html

• کد منبع برای checklist.html Source Code for checklist.html

• کد منبع Source Code

بخش پاداش Bonus Section

• نمونه پروتوتایپ جاوا اسکریپت JavaScript ProtoType example

• نمونه اولیه کد جاوا اسکریپت JavaScript Code Prototype example

بخش پاداش Bonus Section

• نمونه پروتوتایپ جاوا اسکریپت JavaScript ProtoType example

• نمونه اولیه کد جاوا اسکریپت JavaScript Code Prototype example