JavaScript Shopping Cart Tutorial for Beginners

  Рет қаралды 999,979

Web Dev Simplified

Web Dev Simplified

Күн бұрын

Пікірлер: 993
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
If you enjoyed this video, make sure to checkout my video on using Node.js and Stripe to make the shopping cart accept credit card payments. kzbin.info/www/bejne/o3rCXmSql66Lh6s
@SpiritualFacts
@SpiritualFacts 5 жыл бұрын
Please also add shopping cart in php, all the videos in KZbin are not good
@luanschuindt2837
@luanschuindt2837 5 жыл бұрын
You're very good at explaining, thanks for making this for free!!
@hanesmitter1469
@hanesmitter1469 5 жыл бұрын
Could you do the same using php as the server side language plz
@iti_pooja22
@iti_pooja22 4 жыл бұрын
Thank you for such amazing tutorials with great content! :)
@keerthineeraj7937
@keerthineeraj7937 4 жыл бұрын
I didnt understand why at 10:41 we put a for loop, can you please explain.
@kienboy9999
@kienboy9999 Жыл бұрын
You not only teach me how to write code, but also teach me how to think. That is highly effective.
@danish7335
@danish7335 Жыл бұрын
Bro can you refer some course to learn JavaScript
@matthewvilaysack
@matthewvilaysack 5 жыл бұрын
Hey I really like your style of teaching. You don't make everything sound so intimidating, but at the same time, you don't sound like you're teaching a baby how to walk.
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
Thanks! I am really glad you enjoy the videos!
@RakshaNair
@RakshaNair Жыл бұрын
I have been struggling with JavaScript for months, and I felt like I would never be able to code. But I have tears in my eyes because I feel I can do it, after watching your video. You are just amazing. God bless you!
@jakubgodlewski2506
@jakubgodlewski2506 Жыл бұрын
take into account that the video is 4 years old. Some of the methods used in the video are obsolete. Nevertheless, 90% of the course is still up to date.
@Seekingtruth-mx3ur
@Seekingtruth-mx3ur Жыл бұрын
yeah man its been a struggle. I want to change my life for the better but web dev is hard.
@RakshaNair
@RakshaNair Жыл бұрын
@@Seekingtruth-mx3ur Likewise, it will be fine soon, keep powering through :)
@PrachiPahooja-d3s
@PrachiPahooja-d3s 10 ай бұрын
This series has by far been the best web dev tutorials I have seen by FAR. Your way of teaching is perfect for visual learners like me I need to see something to understand how it works and you nailed it. Thank you for taking the time to make these tutorials.
@ReversePolarety
@ReversePolarety 5 жыл бұрын
Hello! I know this video has been up for a good while now, but I came across it recently (and the HTML and CSS too) and just wanted to say: THANK YOU! You sir helped me pass my first coding/programming exam. I couldn't have done it without your tutorials. They are amazing and really easy to follow. Keep up the good work!!! ♡ thank you again!
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
I'm really glad I could help! I love hearing about people's success and knowing that I was able to help them get to where they are. I hope your next test goes just as well.
@aymenob2484
@aymenob2484 2 жыл бұрын
@@WebDevSimplified Yes u are M glad i found your channel ,this was alot of help
@robertmcleod5002
@robertmcleod5002 5 жыл бұрын
Thanks for your tutorials! I really enjoyed following along! I just finished this last part of the website building and plan on continuing on learning from your page! I decided to personalize my site a bit more which created some interesting debugging ... opportunities. Hehe! All in all I probably spent around 2.5 hours on this tutorial, but I enjoyed the process of learning JavaScript. I also really appreciate how you explain what is happening behind the code that you are typing. Thanks for taking the time to make this for us!
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
Congratulations! I am really glad you decided to do your own tinkering and customization. That is where the true learning comes in, and it sounds like you did a lot of tinkering which probably really increased your understanding of javascript. Good luck with the rest of your journey!
@antoniofuller2331
@antoniofuller2331 3 жыл бұрын
True
@aboodibajaman9975
@aboodibajaman9975 2 жыл бұрын
hi but how can i add a form with the cart like i want the user to enter his name, number etc with the cart and that to be submitted with products in the cart. i want to get the data of the cart and the form
@arikaghaderzadeh8463
@arikaghaderzadeh8463 Ай бұрын
Hello ، i have problems could you please help me 😢??
@arikaghaderzadeh8463
@arikaghaderzadeh8463 Ай бұрын
​@@WebDevSimplifiedhey thank you for this tutorial, but console.log doesn't show anything to me , it doesn't work for me 😢
@cosmicazur
@cosmicazur 3 жыл бұрын
I know other users have already said it but the way you explain/demonstrate line by line is exceptionally good. I have been trying to learn to build a simple website for a while but I threw myself into html, css, js, php, frameworks etc etc. This tutorial is so well presented it has given me a good idea on how to get to the goal. One of the shocking things I have learnt is using a console command for debugging. I was totally oblivious to it. Anyway thank you so much.
@mohammadomarchagani
@mohammadomarchagani 5 жыл бұрын
Whenever I need to refresh my JavaScript I watch this video, just so I can get a grip of the basics. This is amazing!
@Ali-mc4le
@Ali-mc4le 4 жыл бұрын
same haha
@OperationAndrew.
@OperationAndrew. 4 жыл бұрын
This was one of your better videos, because you went through it slowly, and took the time to explain each concept thoroughly as you executed it
@micklowe5232
@micklowe5232 2 жыл бұрын
He was talking 19,000 mph. I could hardly understand a word he was saying.
@mblherry
@mblherry 5 жыл бұрын
Very well done - I know no Javascript and I was able to completely follow your logic - Thank you. I don't feel as dunted considering learning Javascript.
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
Thank you so much. Kind words like this are what make me love making videos so much. I was worried when I created this video that people with no JavaScript or programming experience would struggle to follow along so I am really glad that you were able to. Thanks again for the compliment.
@arfanm9440
@arfanm9440 4 жыл бұрын
@@WebDevSimplifiedCan confirm, I had little JS knowledge and this video explains really well such that I was able to follow along and refresh my JS.
@nivekmozart6183
@nivekmozart6183 4 жыл бұрын
I was intimidated at first but as the topic moves on, everything feels right. This is simple but powerful! Absolutely perfect.
@antoniofuller2331
@antoniofuller2331 3 жыл бұрын
Get lost you skeptic
@ShenderRamos
@ShenderRamos 5 жыл бұрын
great tutorial man.. i feel like i want to watch every single video you have.. because i keep learning something new doesnt matter how much i know of the subject you are talking about... great work
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
Thank you! Comments like yours are what make me love doing this so much.
@mackynikat8833
@mackynikat8833 4 жыл бұрын
just copying and still doing wrong
@mackynikat8833
@mackynikat8833 4 жыл бұрын
thanks bdw sir. I've used your calculator and this as my guides and now im on the starting point doing my own codes. svg nalang kulang
@thekuzicartoon
@thekuzicartoon 4 жыл бұрын
nice tutorial. breath of fresh air to have a functioning total package as a lesson. Now i can pull the code from here, manipulate it to my needs and really start to understand how to put my own code together. will be looking for more like this from you!
@BM-dl9tb
@BM-dl9tb Жыл бұрын
I was searching for info, and just by coincidence stumbled on this video i thought this shopping cart project was going to be done with classes (ex. Class Product) but still i learned more things, thank you for the video and for explaining so well, im going to check some of your other tutorials.
@kidbrave_7673
@kidbrave_7673 4 жыл бұрын
Thank you sooo much for creating this project!. I watched it easily about 10 times straight just so I could wrap my mind about the logic of being able to rebuild this project from scratch on the js side. This tutorial is going to be the heart and soul of my shopping cart I'm planning on build for my Nintendo website I'm currently finished with I just wanted to add a cherry on top to wow my future employers. :D Thank you again Web Dev Simplified your such a great teacher I seriously wouldn't have understood the DOM if it wasn't for this project and once I'm done with my shopping cart page I'm going to dive straight into learning react. :) FYI: When I'm done with my website I'm going to post it in the comment section so you can see the masterpiece you help inspire to be built. :D
@jasondominguez530
@jasondominguez530 Жыл бұрын
Learn by doing. On my own, the tidbits I've learned were just the puzzle pieces of javascript but your videos help me put those pieces together. Love the content, keep it up sir!
@ceejGU
@ceejGU 5 жыл бұрын
I really appreciate how you explain everything including the basics. Thanks man!
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
You're welcome!
@knocs12
@knocs12 Жыл бұрын
I just stopped by while in the midst of this series to tell that this is the best course I have been so far. I have been struggling learning web development with other online turorials(fellow self taught!), but this series is a fckin solid foundation where students can look back and play around with thier codes, and eventually modify it. Bro, you are the best! How to give you a free coffee? You deserve it!
@behar97
@behar97 5 жыл бұрын
Finally i made it with some help from different forums lol, but i really needed a tutorial with Vanilla JS. I am new to JS since 3-4 months but I know how to make modals,contact forms and some basic stuffs but when it comes to building larger projects like you did with a shopping cart I try to search for tutorials on KZbin and I learnt a lot for next projects, even I know it's not so good to be based on others tutorials and build from yourself, but I am doing this because I struggle with larger projects like i said and i learnt a lot in this tutorial. Thanks again and keep going Vanilla JS :)
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
I am really glad I was able to help. Keep up the good work!
@roydonk2878
@roydonk2878 4 жыл бұрын
@User 97 I disagree, I think it's good and necessary to follow tutorials for the simple stuff so that you obtain the blocks to build with. Then you combine and expand upon those blocks to make your own more advanced projects. But if you don't follow along to see what's possible, it's going to take you forever to try and build even the simple things on your own.
@jaincoff9561
@jaincoff9561 4 жыл бұрын
One of the best, high quality, easy to understand JavaScript tutorials!!
@eddiegreen5238
@eddiegreen5238 3 жыл бұрын
This video saved my life! One of the best tutorials I've seen!
@Firenzaman
@Firenzaman Жыл бұрын
At long last, thanks to these brilliant tutorials, I am starting to understand js syntax and concepts! I was able to work out which functions could be deleted (removed from the "ready" event), and which functions or statements needed to stay there. I was also able to create my own function to display all totals in the format of "£0.00". Excellent tuition - thank you!!
@himanshu1304
@himanshu1304 Жыл бұрын
hello firenzaman, i am facing an issue can u help me pls
@ParadoxWorks
@ParadoxWorks 4 жыл бұрын
This channel is a gold mine and I am a miner :D Seriously great practical examples! Liked & subscribed, working on my web dev knowledge! Keep it up man, cheers!
@Fnaf-vh9cs
@Fnaf-vh9cs 3 жыл бұрын
a man who share code and don't deceive people has my respect also a permanent subscription.
@Korisnik982
@Korisnik982 Жыл бұрын
Incredible video, amazing tutorial, I am still in disbelief you gave us something like this for free and I am extremely thankful for your good will and effort! After spending so much time on different tutorial which explains all the different options in html, css and js, this course of yours helped me put them together in one whole picture, that I was desperately missing. Finally I have a feeling like I am making an actual progress in learning how to make functional websites and one day hopefully, become even a true web-developer :D So, once again, thank you so so much for whole this course :D And now, I move on to your other videos, especially the ones that are dedicated to the card payments :D
@chigozieobialor1245
@chigozieobialor1245 2 жыл бұрын
This is an invaluable tutorial, with some effort I can tweak it to suit a project I want to do. For your detailed logical explanation and non-use of external libraries and packages I hereby christen you "The King of Vanilla Javascript". God bless you.
@a.razack3966
@a.razack3966 4 жыл бұрын
Hello WDS, I really appreciate the effort you put in place just to tutor this amazing courses. I am hoping to see more, it helps a lot. Thank You
@KingPacavision
@KingPacavision 3 жыл бұрын
Thank you so much made my own website and applied this video to it for the shopping cart works perfectly.
@gopinathkrm58
@gopinathkrm58 6 жыл бұрын
finally a good channel recommended by KZbin. Great effort and nice video
@WebDevSimplified
@WebDevSimplified 6 жыл бұрын
Thank you so much! I hope the rest of my videos are just as helpful for you.
@gopinathkrm58
@gopinathkrm58 6 жыл бұрын
@@WebDevSimplified Do you make videos on Angular too ?
@WebDevSimplified
@WebDevSimplified 6 жыл бұрын
@@gopinathkrm58 I do not, because I have not taken the time to learn angular yet. When I do get a chance to learn and use angular though I plan to make tutorials for it.
@gopinathkrm58
@gopinathkrm58 6 жыл бұрын
@@WebDevSimplified Ok bro no problem.
@bahadirpekcan
@bahadirpekcan Жыл бұрын
Hello ! With the series i manage to create my first web page. Simple but powerfull, Thanks for the content !
@HamoonRandoms
@HamoonRandoms 4 жыл бұрын
Yet again, an impressively well organized and straight forward tutorial. Wish you had something similar using React, though maybe I just missed it going through the feed. Thanks!
@antonnorman1458
@antonnorman1458 3 жыл бұрын
Thanks! Great tutorial! Just one question: does this code work between multiple pages? For example, you have one page for the products to be added and one page for the actual cart.
@g.r2780
@g.r2780 2 жыл бұрын
Its doesn't work. I'm facing this issue as well. Have you get any solution about this issue? 🙂
@appsenence9244
@appsenence9244 2 жыл бұрын
Use session variable. You need a server for this and to use php.
@yadusolparterre
@yadusolparterre 2 жыл бұрын
@@g.r2780 use localstorage
@briannguyen5057
@briannguyen5057 2 жыл бұрын
i was wondering same question
@cedricblacer974
@cedricblacer974 2 жыл бұрын
@@yadusolparterre how?
@avslk
@avslk 4 жыл бұрын
Dude, it's awesome!! I looking for same information for a long time on rutube, but there were nothing essential. Thank you very much!!
@natashawhyte-gray483
@natashawhyte-gray483 5 жыл бұрын
Hi! I really love this tutorial - it's been so helpful for me. I'm wondering if it's possible to change the purchase link to be a button which sends an email to a desired email address with the summary of the cart (basically, an email receipt). I don't need the actual purchase functions (ie. I don't need to gather credit card information because the "items" on my site are not products for sale), but I would like my users to be able to send themselves a copy of the list of items in the cart. Thanks again for this!
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
I'm really glad you liked the video and found it useful. In order to have a button that sends an email to the user you will want to setup a server that you can call from the JavaScript which will send the email for you. I have a few videos on Node.js which you can checkout that will help you get started on setting up a basic server. I would recommend the weather app tutorial I have. If you combine the javascript that calls the server from the weather app tutorial with your app and make it so the server sends an email to the user that will be all you need. If you have no experience with servers or APIs then my video on how to build your first REST API will also be useful. I would also probably look into a library called Node Mailer for managing sending emails. I haven't used it myself but it seems to be a good email option for Node.js. Hopefully that will be enough information to get you pointed in the correct direction building your app.
@soltiscd
@soltiscd 5 жыл бұрын
@@WebDevSimplified sounds like more of the video to continue? It would be cool to see this connected to a small personal database.
@RexArvind
@RexArvind 4 жыл бұрын
Please, can you add a button which creates a summary of the cart, which can be sent using WhatsApp API, Please, Please, Please
@ahmadalfan9022
@ahmadalfan9022 4 жыл бұрын
@@RexArvind I need to make something like this too. How do you send the summary message auto typed on whatsapp? Maybe if you have the tutorial link. I'm building a site for online shop just like yours. Would appreciate your repy 🙏🏻
@marinosterbah1883
@marinosterbah1883 2 жыл бұрын
I ve just built my first time JS shopping cart thank you bro. there is no clearer than that !
@badselection94
@badselection94 4 жыл бұрын
Awesome vid! One question, when you grab hold of the 'cart-row' class in updateCartTotal(), why does it not need a [0] after it when all the other instances of document.getElementsByClassName do? For example if you don't use one for 'cart-items' the console throws up an error. I'm just unsure as to why not using a [0] causes an error for one and not the other
@usmcpound
@usmcpound 5 жыл бұрын
It's crazy how easy you make all of this look. I wish I had the brains/experience you do to make it all look so simplistic.
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
The only reason I make it look easy is because I create the entire project before recording the coding. That way I can reference the code while recording and speaking. I struggle a lot more than this when making the project before I record.
@AlexTechie
@AlexTechie 6 жыл бұрын
I like this video because I still learned from it, BUT, this is not the proper way to go about a shopping cart. However, going through a real shopping cart is far out of the scope of what you're trying to teach as it requires cookies and setting up a backend, a DB, and then contacting the backend API to query an inventory DB. There's actually a lot more to it to, because you have to account for the transaction. But, like I said, far out of the scope of what you're trying to teach. Regardless, I appreciate the video and what you're doing. Thank you, Web Dev Simplified!
@WebDevSimplified
@WebDevSimplified 6 жыл бұрын
I'm really glad you enjoyed the video and learned something from it. Shopping carts are deceptively complicated especially when you start dealing with inventory and adding things to a cart while browsing, etc. I plan to cover many of these topics such as databases, backend languages, apis, etc. in future tutorials, but as you mentioned they are far out of scope for this video. I have a huge list of tutorial ideas. I just wish I had more time to plan them out and create them.
@elliotsherman9894
@elliotsherman9894 4 жыл бұрын
AlexTechie you absolutely right, however this is the first stage in the build up of what you are talking about, once you get the visual skeleton to work you can start adding in the back end, this can go both ways you can also start from the back end to the front end
@megpen97
@megpen97 2 жыл бұрын
I felt really good about having done the JS for this...I know html/css fairly well but haven't had any experience with js. Typically I can recall functions well when first learning but I went to try and update something within the JS file and I was at a total blank. I think this one is going to take me some extra learning time. I find that visual things like width, height, display, etc are really easy for me to understand because they have titles that usually match up to their direct description, but with script languages I really have found there to be a larger learning curve. That being said, I felt really good having this be my first real deeper dive into the language itself.
@AdewaleDurodolu
@AdewaleDurodolu 4 жыл бұрын
Firstly,Thanks for the tutorials. They were easy to understand. Secondly, I stuck in the code, I am having errors in the var quantity = quantityElement.value. The error says uncaught typeerror:cannot read property "value ' of undefined .please what can I do?
@AKarkiRealm
@AKarkiRealm 3 жыл бұрын
Mind sharing the solution if you found it?
@behar97
@behar97 5 жыл бұрын
Finally an Vanilla JavaScript without jQuery and that explains easy and understandable. Had some struggles with my code and i was stuck what to do, but found your video and i learnt a lot so thank you and keep doing more Vanilla JavaScript videos.
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
Thanks. I love vanilla JS so I definitely won't stop.
@daybeamx
@daybeamx 5 жыл бұрын
Thank you, man! You're the best! All my problems are solved now!
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
Thanks! I'm glad the video was able to help you.
@MOHAMADHaji-iv2iz
@MOHAMADHaji-iv2iz 2 жыл бұрын
many thanks from Syria we appreciate this efforts 🌸🌸
@KhozaCan
@KhozaCan 3 жыл бұрын
What if I want to have the cart on a separate HTML page?
@chisomdaniel9476
@chisomdaniel9476 Ай бұрын
That is what am currently working on but I couldn't get it right
@lonaxmusic
@lonaxmusic 12 күн бұрын
have u tried to add it to local storage at the shopping page and calling it on the cart page?
@meowfdt
@meowfdt 4 жыл бұрын
you are my savior!!!! I’ve been struggling with my library system project (though may seem unrelated to a cart) but this video helped sooo much!!! bless you and your family and good luck on your future videos!!!
@TheMichaelSpray
@TheMichaelSpray 4 жыл бұрын
Your tutorials are great but in this episode I think there is too much going on
@adehenry9591
@adehenry9591 3 жыл бұрын
lolzzzz
@anujjadhav2175
@anujjadhav2175 3 жыл бұрын
Best js video ever, i didint knew even basics of js but had a idea about programming. This video taught me most of the js things. Thank you so much
@tholfikarmohammed887
@tholfikarmohammed887 3 жыл бұрын
Thank you so much for direct way of explanation, all of your videos are great and your channel is a gold mine, you just need to slow down your speed, i cant catch up with you while i write . I just need the javascript code to check with my own because i have an issue with add to cart button and updating the total. Thank you
@tempatella6869
@tempatella6869 2 жыл бұрын
Thanks a lot WEB DEV SIMPLIFIED. This has been a headache. I just want to let you know that this knowledge is going a long way to raise funds for less fortunate children in Kenya. I would want to give you the credit when the project goes online. WITH YOUR PERMISSION.
@TheTechHubSisters
@TheTechHubSisters 9 ай бұрын
Unlike other's you get straight to the point!
@willianvasconcelos9891
@willianvasconcelos9891 3 жыл бұрын
Kyle, thank you very much for the course, I completed every video (from html to js) and I feel that my skills have evolved. Great !
@linardssmeiksts6558
@linardssmeiksts6558 4 жыл бұрын
I have just completed your tutorial. Great thanks! I havent seen any better tutorial yet.
@Jm404k
@Jm404k 4 жыл бұрын
I wouldn’t say this is for beginners who have never done JavaScript. It makes sense and is explained well but someone who is new to coding even new to javscript will struggle with how fast you type and talk through it. Just my .02 if you want new learners to watch your series.
@octaro3310
@octaro3310 5 жыл бұрын
i havent any javascript knowledge but it really helped want me to learn this language.
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
That is great. Good luck on taking your learning even further.
@krisxtinaa
@krisxtinaa 5 жыл бұрын
Thank you man, you helped 2 desperate students to pass their web class. You are the best
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
Thanks! I'm really glad I could help!
@inzydreams730
@inzydreams730 Жыл бұрын
Thank you sooo much!!!! Please make more tutorials !! Making a portfolio etc? Love youuuu !!!
@ishicoorens6163
@ishicoorens6163 4 жыл бұрын
Very nice tutorial I also used another if statement to check if the cart isnt empty when your click the purchase button. Being able to do that myself after this tutorial means that is actually learned something!! Thank you!
@chichebedarlington4360
@chichebedarlington4360 3 жыл бұрын
You are the best I have seen so far, Please I'm a newbie and I want to watch your vanilla JavaScript tutorial videos. Please drop it for me?🙏
@justinerobin3777
@justinerobin3777 5 жыл бұрын
Web Dev Simplified indeed. Wasted 2 weeks learning add to cart feature from most viewed videos here in youtube but learned it for 45mins with this video. P.S. Can you please do some tutorials on php mysql with javascript. Thankyou and Godbless!
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
I'm really glad you enjoyed the video. I don't really enjoy PHP but I have a bunch of videos on Node.js and some SQL videos as well.
@memeperson4075
@memeperson4075 3 жыл бұрын
Best thing since Sliced Bread Your Tutorials Are AWESOME!!!
@ovieolori2398
@ovieolori2398 5 жыл бұрын
I followed you from free code camp. Awesome tutorial. You are good and I'm glad to have discovered your channel
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
Thank you. I am really glad you enjoyed the videos. If you are interested in expanding the functionality of the shopping cart make sure to check out this video as well. kzbin.info/www/bejne/o3rCXmSql66Lh6s
@peppywap8554
@peppywap8554 Жыл бұрын
Thank you for sharing this project tutorial, it helps a lot even though I consume a lot of time trying to analyze your code. Great will try to join your course if I have a fund to pay.
@skipthegrades2360
@skipthegrades2360 3 жыл бұрын
Thankyou So Much You Are The Best Guy On KZbin Sorted My Problem Pls I Wish You Reach 10mil In This Month
@dahmskisnip4040
@dahmskisnip4040 2 жыл бұрын
Thank you very much, I learned many things that my teacher can't teach us. Thank you
@thetopnotch5209
@thetopnotch5209 3 жыл бұрын
thank you very much, sir!! I had so much fun following along... It was my first working web page thank you, sir.....I hope to learn more from you😁😁😁
@BubblegumSoup
@BubblegumSoup 3 жыл бұрын
this is how all tutorials throughout youtube should be
@pcartisan2721
@pcartisan2721 3 жыл бұрын
Thank you, thank you, thank you. However, you remind me of my calculus teacher. Each class he would explain all sorts of stuff but our text book homework was nothing like what he was talking about. 🤪 Anyway, Thank God for KZbin videos. I can go back and watch this over and over again.
@hryanmahajan5798
@hryanmahajan5798 4 жыл бұрын
dude watching this gave a smooth start rather than udemy or any courses
@elizabethjimenez8703
@elizabethjimenez8703 Жыл бұрын
Thank you for making this video! It's been extremely helpful in helping me with my JavaScript project.
@timolicious11
@timolicious11 4 жыл бұрын
Awesome tutorial. You have just saved me days of coding and debugging! Thanks!
@desvendandocaixas
@desvendandocaixas 3 жыл бұрын
Hi from Brazil. Your videos helps me a lot! Thanks!
@ljbardz1684
@ljbardz1684 3 жыл бұрын
Thank god a pure english tutorial
@spuckhafte
@spuckhafte 2 жыл бұрын
an year ago I used to find it so complex to look at, but the tables have turned now
@guzzyman1000
@guzzyman1000 5 жыл бұрын
Hi @Web Dev This is a very simplified way of using vanilla javascript to do something complex. I currently have the need for this and I'm going to make use of the lessons learned to come up with my own version.
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
That is perfect. I try to make my tutorials as simple as possible so you can pull out the useful information and create amazing projects. If you plan to integrate payments in your project I have a Stripe and Nodejs course based on this shopping cart linked in the description and pinned comment I believe that will be helpful.
@guzzyman1000
@guzzyman1000 5 жыл бұрын
@@WebDevSimplified I encountered an issue while trying to remove/delete one of the cart-rows. The code works well with chrome but on IE it doesn't. Please what work arround do you have for IE
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
@@guzzyman1000 I am not sure what your problem is, but I would look at the developer tools in IE to see what is not supported in IE by looking at the errors and then try to change the unsupported code.
@guzzyman1000
@guzzyman1000 5 жыл бұрын
@@WebDevSimplified Thanks but I'm still waiting for you
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
I won't be modifying this to work with IE. IE is an old browser which is not fun to support.
@nithinshukla4679
@nithinshukla4679 2 жыл бұрын
simply amazing. hands down the best tutorial out there for newbies learning javascript!
@Sonic1595
@Sonic1595 2 жыл бұрын
amazing video, it made everything so easy to understand and frankly i wish you were my professor
@marinosterbah1883
@marinosterbah1883 2 жыл бұрын
Great! I'll will clone this for my DOM project at school, Very clear and efficient . Thanks alot
@anonymousgladiator5541
@anonymousgladiator5541 2 жыл бұрын
@webdevsimplified Hi Kyle, great tutorial! Worked so well!. But as the page refreshes all the added items are gone. Please could you make another one with localstorage or session storage?. I would really really really appreciate it! You are the best web dev guy I've seen till now!
@akhils1674
@akhils1674 2 жыл бұрын
Yeah could you do that?
@3ed344
@3ed344 2 жыл бұрын
love you man, this video help me finish my project
@akrambiblo784
@akrambiblo784 4 жыл бұрын
My brother thank u very much for making this useful video... It helps us to understand coding very easily... Thanks once again... Love u bro
@abiodunfatunbi8871
@abiodunfatunbi8871 Жыл бұрын
Wow!! Thank you so much for simplifying this literally. You are awesome.
@h_rosannah
@h_rosannah 4 жыл бұрын
This is amazing thank you so much. Can you please do a video in full shopping cart experience with checkout process (customer info, shipping address, etc) and add to cart items carrying over as uses navigate to different pages? Sometimes users navigate from one page to another when shopping.. Example: browsing "clothing" tab and then "shoes" tab.. How can the add to cart item stay in the basket when users flip through different pages? It would be greatly appreciated if you can do a video on this. Your tutorials are perfect. God bless! :)
@TheTechHubSisters
@TheTechHubSisters 9 ай бұрын
Thank you so much I've been looking for tutorials likes this.😀
@Ali-sf1jq
@Ali-sf1jq 2 жыл бұрын
The teaching was very good👍 simple and understandable.
@pardeepkumar-yt4jz
@pardeepkumar-yt4jz 2 жыл бұрын
Thanks much, really recommend these tutorials for beginners.
@keivkamijo
@keivkamijo Жыл бұрын
This video taught me so much which is exactly what I want
@navidnasr4587
@navidnasr4587 2 жыл бұрын
Such great and practical tutorials you make, buddy. I love them.
@jawad_youtube
@jawad_youtube Жыл бұрын
It was a good practice of my newly learnt JS skills. Thank you❤
@abdulmalikmusmar1676
@abdulmalikmusmar1676 2 жыл бұрын
Thank you this video very help me for my college project
@testingoracle7423
@testingoracle7423 5 жыл бұрын
Nice and clean explanations. You solved half of my project. Thank you
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
You're welcome!
@smilestek
@smilestek 4 жыл бұрын
This tutorial is the best I've seen so far, but it's incomplete without local storage.. I'll be very delighted if you could do a video on it, with respect with this video
@lienlinda8017
@lienlinda8017 3 жыл бұрын
Awesome! Simple and easy to understand! Thank you for looking forward to more similar videos
@cubeheadii9284
@cubeheadii9284 Жыл бұрын
You saved my life web dev simplified I wish i could donate to you or join your youtube or become a memeber on patreon but Im kinda on a budget 😐😑
@kprakash9665
@kprakash9665 4 жыл бұрын
very very good video..... code is also mentioned in description box thank you so much
@flux2956
@flux2956 2 жыл бұрын
For newer learners, you should know that this is an outdated way of writing code, so it's better to watch newer ones from his channel. This is still useful for more experienced coder but not beginners.
@liamhendricks8782
@liamhendricks8782 5 жыл бұрын
OMG, this guy is my hero. I've been learning js via a course and I thought it was alright until I stumbled upon this. This blows so many other sources out the water. He uses clear and easy to understand language and explains just about everything he does to a fault. I often sub to dumb stuff but this is truly quality in that I've never smashed that sub button so fast in my life. I'm not done with the video so I can only pray to Zeus, his pals and the Almighty Spaghetti Deity that the rest of the video follows suit.
@WebDevSimplified
@WebDevSimplified 5 жыл бұрын
Thank you so much! Reading comments like this is what makes teaching so rewarding. I really hope the rest of the video was able to live up to your expectations, and that my future videos do as well.
@liamhendricks8782
@liamhendricks8782 5 жыл бұрын
@@WebDevSimplified Nothing left to say besides it did and that I hope so too :D
@stevieoneball
@stevieoneball 2 жыл бұрын
Hi really enjoyed your courses so far on creating the band page, my only gripe is findding the videos the next time i loaded up youtube. i had to load one video then look through the others that generated to find where I was upto. it would be nice to have them all together linked to your nbame or the page name of the project. Other than this I have learnt so much from you and would like to thank you for giving up your time to teach us this as it appears so many others have.
@weranjanadesilva6263
@weranjanadesilva6263 4 жыл бұрын
Definitely worth liking and subscribing. Good job man. This helped out a lot in my assignments
@MrXavierFranco
@MrXavierFranco 4 жыл бұрын
This is a perfect example of a GOOD Tutorial. great work
Best Debugging Tips For Beginners
11:57
Web Dev Simplified
Рет қаралды 126 М.
Learn JavaScript Event Listeners In 18 Minutes
18:03
Web Dev Simplified
Рет қаралды 593 М.
Это было очень близко...
00:10
Аришнев
Рет қаралды 6 МЛН
ROSÉ & Bruno Mars - APT. (Official Music Video)
02:54
ROSÉ
Рет қаралды 204 МЛН
Smart Sigma Kid #funny #sigma
00:14
CRAZY GREAPA
Рет қаралды 87 МЛН
Osman Kalyoncu Sonu Üzücü Saddest Videos Dream Engine 275 #shorts
00:29
Award Winning Animation With Only 20 Lines Of CSS?
6:59
Hyperplexed
Рет қаралды 1,8 МЛН
How To Add To Cart Shopping using HTML CSS and Javascript
29:49
How is this Website so fast!?
13:39
Wes Bos
Рет қаралды 712 М.
Create a Shopping Cart With Vanilla JavaScript | ES6
49:11
Code Explained
Рет қаралды 80 М.
How To Build Feature Flags Like A Senior Dev In 20 Minutes
20:33
Web Dev Simplified
Рет қаралды 33 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 974 М.
Why does JavaScript's fetch make me wait TWICE?
6:23
Tom on the Internet
Рет қаралды 201 М.
How To Create An Advanced Shopping Cart With React and TypeScript
1:01:38
Web Dev Simplified
Рет қаралды 356 М.
JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour
48:17
Programming with Mosh
Рет қаралды 13 МЛН
Это было очень близко...
00:10
Аришнев
Рет қаралды 6 МЛН