کانال تلگرام پشتیبانی تلگرام شماره تماس پشتیبانی: 0930 395 3766
ورود ثبت نام

آموزش ساخت وب‌سایت سبد خرید از صفر برای فروشگاه اینترنتی - آخرین آپدیت

دانلود Shopping Cart Website from Scratch Ecommerce

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

ساخت سبد خرید فروشگاهی با ذخیره‌سازی وب و ادغام با پی‌پال

آموزش گام به گام ساخت سبد خرید فروشگاهی کاملاً کاربردی که با پی‌پال (PayPal) ادغام می‌شود. این دوره برای توسعه‌دهندگان وب (WebDev) طراحی شده است.

  • ساخت وب‌سایت سفارشی با سبد خرید
  • ایجاد وب‌سایت‌های چند صفحه‌ای با قابلیت ذخیره محصولات در سبد خرید

پیش‌نیازها

  • آشنایی پایه با HTML و JavaScript
  • اشتیاق به یادگیری

درباره این دوره

این دوره آموزشی به شما نشان می‌دهد که چگونه یک سبد خرید سفارشی با کدنویسی فرانت‌اند از ابتدا بسازید. کاربران قادر خواهند بود اقلام مورد نظر خود را از صفحات مختلف به سبد خرید اضافه کنند. همچنین، سبد خریدی با دکمه پرداخت برای خرید اقلام از طریق پی‌پال (PayPal) در اختیار خواهند داشت. شگفت‌زده خواهید شد که راه‌اندازی و پیاده‌سازی این قابلیت در وب‌سایت شما چقدر آسان است. این دوره یکی از پرطرفدارترین و پرتکرارترین پروژه‌هایی است که توسعه‌دهندگان وب انجام می‌دهند. بیاموزید چگونه با استفاده از HTML و jQuery یک سیستم تجارت الکترونیک ساده ایجاد کنید. این دوره همچنین استفاده از Bootstrap را برای ساخت وب‌سایت پوشش می‌دهد، اما Bootstrap برای عملکرد اصلی کد الزامی نیست.

HTML

با استفاده از HTML برای ساختار صفحات، می‌توانید محصولات را در صفحات وب مختلف تنظیم کنید. هنگامی که بازدیدکنندگان روی دکمه‌های مربوط به محصولات کلیک می‌کنند، اطلاعات محصول به سبد خرید اضافه می‌شود. در هر زمان که بخواهید می‌توانید تسویه حساب کنید یا برای به‌روزرسانی سبد خرید، محصولات بیشتری را مشاهده نمایید. این یک راه حل ساده اما کاربردی برای هر کسی است که می‌خواهد تجربه خرید ساده‌ای را برای بازدیدکنندگان صفحات وب HTML فراهم کند.

CSS و Bootstrap

در این دوره از Bootstrap برای اعمال استایل و ساختار به وب‌سایت استفاده می‌شود. Bootstrap برای توسعه سریع وب به کار می‌رود تا بتوانیم بیشتر بر روی مکانیک برنامه و نحوه عملکرد آن تمرکز کنیم. برخی از مباحث CSS نیز در این دوره به صورت محدود پوشش داده خواهد شد.

JavaScript / jQuery

از JavaScript به صورت محدود استفاده می‌شود، اما محتوا و کدنویسی دوره عمدتاً بر پایه jQuery است. jQuery راهی آسان برای اضافه کردن شنونده رویداد (event listeners) و کار با داده‌های JSON فراهم می‌کند.

پی‌پال (PayPal)

خریدها از سبد خرید را می‌توان از طریق پی‌پال (PayPal) انجام داد. این دوره نحوه قالب‌بندی موارد سبد خرید با فرمت JSON و استخراج اطلاعات اشیاء را به شما نشان می‌دهد. این فرمت را می‌توان برای سایر پردازشگرهای پرداخت نیز مورد استفاده قرار داد. تسویه حساب در این دوره با گزینه پرداخت با یک کلیک از طریق پی‌پال (PayPal) قالب‌بندی شده است.

یادگیری گام به گام

یادگیری گام به گام با توضیحات کد مورد استفاده برای ساخت قابلیت‌های سبد خرید. آشنایی با HTML و JavaScript ضروری است، زیرا این دوره با سرعت بالا و پوشش موضوعات خاص مربوط به ایجاد سبد خرید ارائه می‌شود.

با ما همراه شوید

من اینجا هستم تا به شما کمک کنم پروژه‌هایی با HTML و jQuery بسازید و آماده پاسخگویی به هر سوالی که ممکن است داشته باشید. آیا آماده برداشتن اولین قدم و شروع یادگیری ساخت وب‌سایت تجارت الکترونیک خود از ابتدا هستید؟ همین حالا ثبت‌نام کنید و ببینید چه چیزی می‌توانید خلق کنید.

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

مقدمه ای بر ایجاد سبد خرید جلویی 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

  • اضافه کردن session storage و پارس کردن 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

ساخت سبد خرید با jQuery 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 افزودن کلاس های Bootstrap UX add Bootstrap classes

  • پنجره دیالوگ سبد خرید Shopping cart dialog window popup

  • ایجاد جدول Bootstrap Create a bootstrap table

  • جداول Bootstrap 4 Bootstrap 4 Tables

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

  • افزودن گرید Bootstrap Add Bootstrap Grid

  • افزودن کارت ها، به روز رسانی اقلام استایل شده Bootstrap Add Cards update Bootstrap styled items

  • افزودن نوار ناوبری Bootstrap Add Bootstrap NavBar

  • سبک دهی بیشتر Bootstrap 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

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

ساخت وب سایت فروشگاه اینترنتی با Bootstrap و سبد خرید 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 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

  • افزودن دکمه حذف، ایجاد شنونده رویداد 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

  • مثال Prototype در جاوا اسکریپت JavaScript ProtoType example

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

  • منابع گسترده دوره: مواد قابل دانلود، Expanded Course Resources: Downloadable Materials,

بخش جایزه Bonus Section

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

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

آموزش ایجاد ساده ترین سطل کمپوست کرم (بدون سوراخ)

آموزش ایجاد ساده ترین سطل کمپوست کرم (بدون سوراخ)

Create The Easiest Worm Compost Bin (without holes)

آموزش ایجاد ربات ها با Microsoft Bot Framework ، قسمت 1

آموزش ایجاد ربات ها با Microsoft Bot Framework ، قسمت 1

Creating Bots with the Microsoft Bot Framework, Part 1

آموزش CHATGPT برای تست نرم افزار | هوش مصنوعی مولد | 2024

آموزش CHATGPT برای تست نرم افزار | هوش مصنوعی مولد | 2024

CHATGPT for Software Testing | Generative AI | 2024

نمایش نظرات

آموزش ساخت وب‌سایت سبد خرید از صفر برای فروشگاه اینترنتی
جزییات دوره
4 hours
57
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,812
4.6 از 5
دارد
دارد
دارد

https://donyad.com/d/edd7f7

جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Laurence Svekis Laurence Svekis

پرفروش ترین مدرس دوره

نویسنده دوره طراحی وب و توسعه وب - آموزش حضوری و آنلاین به بیش از 1,000,000 دانش آموز در سطح جهان. کارشناس توسعه دهنده Google از سال 2020 GDE

من اینجا هستم تا به شما کمک کنم یاد بگیرید، به رویاهای خود برسید، امروز در این ماجراجویی شگفت انگیز به من بپیوندید
Google Developers Expert - GSuite

ارائه دوره های توسعه وب و دوره های استراتژی بازاریابی دیجیتال از سال 2002.

متخصص فناوری نوآور با طیف گسترده ای از تجربه دنیای واقعی. ارائه راه حل های دیجیتال هوشمند به صورت آنلاین برای مشاغل کوچک و تجاری.

"من به هر چیزی که مربوط به فناوری دیجیتال باشد علاقه دارم، از برنامه نویسی و چالش ایجاد تجربیات دیجیتال موفق لذت می برم. به عنوان یک توسعه دهنده با تجربه، اولین برنامه های کامپیوتری خود را در سال 1990 و اولین وب سایت خود را در سال 1998 ایجاد کردم. از به اشتراک گذاری مطالب خود لذت می برم. دانش با دیگران است و می خواهم به شما کمک کنم در فرصت های فوق العاده ای که اینترنت فراهم می کند به اشتراک بگذارید."

"یادگیری، درک با اشتیاق قوی برای آموزش. اینترنت فرصت های جدیدی را برای گسترش و به اشتراک گذاری دانش در اختیار ما قرار داده است."

می‌خواهید درباره تبدیل شدن به یک توسعه‌دهنده وب اطلاعات بیشتری کسب کنید، آیا می‌خواهید آزادی‌ای را که فناوری برای ما فراهم می‌کند، تجربه کنید؟ یاد بگیرید که چگونه چیزهای شگفت انگیز را به صورت آنلاین زنده کنید. فناوری همه ما را از طرق مختلف به هم متصل می کند. این درها را به روی کسانی باز می کند که آن را در آغوش می گیرند و یاد می گیرند که چگونه این ارتباطات را واقعی کنند.

"دوره های آموزشی من برای کمک به شما در دستیابی به اهداف، یادگیری و به روز رسانی مهارت ها طراحی شده اند"

سابقه و هدف : یک توسعه دهنده باتجربه برنامه های کاربردی وب، که روی چندین برنامه در سطح سازمانی، صدها وب سایت، راه حل های تجاری و بسیاری از برنامه های کاربردی وب منحصر به فرد و نوآور کار کرده است. زمینه های تخصصی توسعه برنامه های کاربردی وب عبارتند از HTML، CSS، JavaScript، JQuery، Bootstrap، PHP و MySQL. هر چیزی که مربوط به ایجاد وب و تجربه دیجیتال باشد. علاقه‌مند به هر کاری که با توسعه برنامه‌های کاربردی وب، برنامه‌نویسی تا بازاریابی آنلاین با تمرکز قوی بر رسانه‌های اجتماعی و SEO .

" درک فناوری وسیله ای برای ارتباط بهتر با کاربران فراهم می کند. همچنین درهای زیادی را باز می کند. دانش کلید موفقیت است و من می خواهم به شما کمک کنم تا آنچه را که فناوری ارائه می دهد تجربه کنید. من به فن آوری های وب علاقه مند هستم و مشتاقانه منتظر به اشتراک گذاشتن دانش و تجربه خود با شما هستم!"