Creating a Shopping Cart and Checkout using HTML, CSS, and JavaScript involves building a web page that allows users to select products, add them to a cart, view the cart contents, and proceed to checkout.

Important steps in this video:
01:40 Add extension Live Server in VS Code.
02:00 Setup template Shopping Cart page.
09:40 Create data Product with file JSON.
13:28 Save cart with Cookie.
14:30 Get datas Cart from Cookie.
18:30 Create function change quantity Cart.
20:15 Setup template Checkout page.
25:50 Get datas Cart from cookie and add it in Checkout page.

Why use Live Server extension for this project?
The project Add Cart and Checkout using Cookie and get "fetch" data from JSON file. If the default is to run the web with the file:// path, it will not work. Live server extension helps us to create a virtual domain name, so that the functions work well.

Why store cart in cookies ?
Saving the Shopping Cart in a Cookie helps the user's data to be saved even when the machine is turned off when the page is refreshed, more importantly, we can get the cart data anywhere to display.

The channel is building full series learning HTML CSS and Javascript
-----------------
Download code: [ Ссылка ]
-----------------
CSS Basic: [ Ссылка ]
-----------------
Effect CSS Only: [ Ссылка ]
-----------------
Design Slider - Carousel HTML CSS: [ Ссылка ]
-----------------
Design Effect HTML CSS Javascript: [ Ссылка ]
-----------------
Facebook Page: [ Ссылка ]
Instagram: [ Ссылка ]
-----------------
Follow me and the content I build to gain more useful HTML, CSS and Javascript knowledge and skills to build your website.

свернуть