Create a Shopping Cart With Vanilla JavaScript | ES6
Code Explained
0:00 / 0:00
Create a Shopping Cart With Vanilla JavaScript | ES6
88 447 просмотров · 5 л. назад
Code Explained
43 тыс. подписчиков
88 447 просмотров · 5 л. назад
🎁 Join my channel to get access to perks:
/ @codeexplained
🧡 Hello All JavaScript Lovers Outhere!
Today we are going to build a JavaScript project, which is; the shopping cart using JavaScript, It will be a very clean tutorial where everything is explained very well, and a long the way this is what you will learn today:
🔸 Manipulate the DOM with JavaScript.
🔸 Render informations from a JavaScript object to the user interface.
🔸 Use of Leteral expression (backticks, multi-line string).
🔸 Using of Array.forEach() method.
🔸 Using of Array.some() method.
🔸 Using of Array.map() method.
🔸 Using of Array.filter() method.
🕔 Timeline :
00:00 - Project Preview
02:23 - Download starter template : https://github.com/CodeExplainedRepo/...
03:24 - Discuss Files in Start Template
05:16 - Render products
14:09 - Add Products to Cart
21:41 - Render Cart Items
28:28 - Change Number Of Units For a Product in Cart
35:17 - Calculate & Render The Subtotal
41:10 - Remove Items form Cart
44:28 - Save Cart to Local Storage
🌍 Social Media Links.
◾ Facebook : / code.explained.official
◾ Twitter : / code_explained
◾ Instagram : / code.explained.official
◾ GitHub : https://github.com/CodeExplainedRepo
💲 Suppport the Channel
Paypal : https://paypal.me/CodeExplained
Buy Me a Coffee: https://www.buymeacoffee.com/CodeExpl...