Create a Shopping Cart With Vanilla JavaScript | ES6

🎁 Join my channel to get access to perks:

🧡 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).

🕔 Timeline :
00:00 - Project Preview
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.

💲 Suppport the Channel

[CodeExplained]

🚨 Big Announcement! 🚨

Hey everyone! I've made a big decision for this channel—I've turned off ads on all my videos! That's right, you can now enjoy all my content ad-free! This means I'm earning $0 from ad revenue, but I believe this is the right move to make your viewing experience better.

If you find my content valuable and want to support my work, there are several ways you can help:

Like & Share: Simply liking the video and sharing it with friends helps a lot!
Subscribe & Hit the Bell: Stay updated and never miss a new video.
YouTube Thanks: Use the "Thanks" button below to send a one-time donation.
Join the Channel Community: Get exclusive perks and behind-the-scenes content.

Every little bit counts and goes directly to creating more high-quality content for you all. Thank you so much for your continued support!

Let’s keep growing and learning together! 🌟

[solomonjackson]

Best vanilla JavaScript tutorial ever,
With a good and clear English, thank you sir.

[rfryanfavour]

Lol tbh firstly you just did a lot for me as a freelancer I appreciate that big time... and you used all easy syntaxes in such a unique way... you sir deserve an award I appreciate you... thank you

[bensonbenson]

i had to pause the video at minute 23 to drop this comment because just few minutes in and i am understanding so many concepts i didnt understand before. great job brother

[maxmaksum]

Men you are so clear, simple, logical in explaining this stuff. Thank you

[Sky-yy]

Thanks for explaining so deeply. You're doing just outstanding job, by just not typing and telling what to do just like other tutors do, even Brad traversy does that which is not good, you're explaining the line by line code and implement.

[ummasiyah]

Thank you so much for the clear explanation. This is by far the best shopping cart tutorial I have come across.

[rfryanfavour]

THIS is the best tutorial I've ever watched in my life

[elieli]

Extremely useful tutorial as usual, many thanks for bringing this to us!

[stevenfranz]

Thank you so much for this tutorial! 
This explanation is the best on YouTube.

[bogopurvi]

This is the very best video I found that truly helped me. It was easy to follow and straight-to-the-point. Keep up the good work! Thank you!

[biancas]

Thank you so much for such a detailed and helpful tutorial!! Keep up the good work

[CAFernandezB]

Please do More vanilla projects!! You're amazing Bro! Saludos desde Venezuela, tus vídeos son los mejores.. soy un fiel seguidor, extrañaba tus vídeos, espero ver muy buen material de proyectos de la vida real, que nos abren la mente, nuevamente gracias.. tu contenido, y la forma en la que explicas, es de lo mejor que he visto.

[vt]

this tutorial is the best I could find on youtube :) Please contiunue doing amazing tutorials :D

[lokeshkhati]

I've been eagerly waiting for your video❤️

[marymaundu]

This is really so well explained. I learnt a lot, Thank you.

[SandeshMotoVlogs]

I have only 1 word for u :
GOAT 🐐 ( Greatest Of All Time)

[revayuap]

This guy is a legend very straight forward tnx so much man

[alinabianca]

Thank you so much for this!!An extraordinary teacher! Easy code and explained very well

[teyuu]

Thank you so much for this video. It really helped to do some homework I had and to understand very easy some concepts of JavaScript. Great teacher, congrats!