JavaScript Shopping Cart Tutorial

Name: JavaScript Shopping Cart Tutorial
Rating: 4.7 (35 reviews)

Learn how to create a Shopping Cart with a Vanilla JavaScript

Created byTelmo Sampaio

Last updated 11/2021

English

What you'll learn

Building a Shopping Cart
Build a Frontend Project
Using the Browser Local Storage
Using Modular Functions

Course content

1 section • 9 lectures • 2h 36m total length

Introduction3:13
Building the Frontend Interface13:54
Adding Numbers to the Cart18:53
Learn to implement a dynamic shopping cart by wiring add-to-cart buttons to a loop, using localStorage to track item counts, and updating the cart badge on page load.
Adding Products to Local Storage19:40
Calculate Total Cost in Cart9:43
Creating the Basket Page with All products27:03
Removing Products from Cart Page24:14
Increasing or Decreasing product quantity in Cart Page39:39
Project Files0:02

Requirements

JavaScript Basics
JavaScript Objects
JavaScript Functions

Description

In this course you are going to learn how to create a Shopping Cart for an E commerce Website using JavaScript and the Local Storage.

IMPORTANT: This is a Front-End Project only, no Back-End is involved!

By taking this course you will learn the following skills:

LEARNING OUTCOMES

Creating a Shopping Cart using HTML, CSS & Vanilla JavaScript
Learn how to use the Browser Local storage
How to create Modular Functions

And don’t worry, I will cover everything at a very slow pace, and explain each step of the process, if you have any questions, post them down and we will be happy to help you :)

Who this course is for:

Mid Web Developers