Not only is this tutorial technically good the instructor's passion is infectious and is a breath of fresh air, outmost pleasure to watch and follow along
He is teaching this to people who don't even know to make simple website with HTML & CSS(He even shows how to open vscode, how to start a project). No one recommends to do that. He should have said we need the knowledge of HTML & CSS from the beginning. Otherwise this is a waste of time for everyone.
To anyone that doesn't get the same output at around 1:09:10 , you can get it this way: let increment = (id) => { let element = document.getElementById(id); console.log(element); } I have no idea how he does it without getElementById...
Laughing to myself when he says"Very simple guys very simple". Thank you for helping me feel that JS is not just a big beast but also very enjoyable. LOVE Free Code Camp.
For somre reason Individuals of Indian decent have a talent of teaching and breaking down conmplex topics. My electrical engineering was saved by such tutiorials. Like if you agree?
Your a GENIUS! Thank you very much,You fix real world problems for millions around the world that you don't even know!From Canada,with love ..THANK YOU!
At 44.18 you aligin 2 buttons with the parent of div buttons , price-quantity, it works relatively well because the height of price.quantity es automatic, but the buttons are contained inside of another div which is button, when you do it there the get directly centered. Don't get me wrong this course is just the best I've found out there for this particular task. thank you very much.
Best tutorial. There are thousands of such videos but this one is spot on. Only with this kind of examples, one can learn JavaScript logic and functions easily. Hats off man. Expect more tuts like this
Joy talks so fast, that I don't have to change the setting to 1.25 speed (which is not a bad thing. Perfect for this ADHD developer). Awesome tutorial.
Thanks Joy!!, This tutorial is very clear and i love the way you actuallt go into detail about such things as shortcuts, i cannot summarize all i have learnt, however I can very very confirm that i am just that little closer to being a developer. Thank you
Hi, I was following Joy and the - And + buttons only run with internet. But I did my own buttons to perfomace with out internet: - + This buttons carry out a grate run..! Hope you can do it otherwise let me know..!
Hi Joy, I just wanted to mention that the body tag by default will have the position: static as the default property. Very good tutorial. Cleared many of my concepts. Thank you for teaching shortcuts as well.
I am currently studying your course, but I have to stop and write this comment to thank you for your dedication in order to break everything difficult to so easy to understand
You have won my subscription. I was able to pick up many things from you. Special thanks for your detailed explanations. Step by step very easy to understand. I hope you will stream more valuable projects.
The error at 1:23:45 can be fixed changing the if inside the decrement function Was: if (search.item === 0) return; Try: if (search === undefined || search.item === 0) return;
@@maf6695 I understand the efficiency aspect of the order but before I saw this solution I came up with the same thing however I placed the expressions in reverse order. I believed the order of expressions wouldn't effect the logic of the or gate, however the way I set up the statement wasn't working and the only change I made to get it to work properly was by changing the order of expressions as was set up here. I don't understand why that is, potentially there was a mistake i missed in my code before i switched the order, when I'm able to get back to the problem I'll attempt to recreate the issue I found.
i tried to make that project from scratch by myself, before watching how the tutor did it. Its work as it must, but i have like in 10x times more code then teacher. Dam't, on the one hand i'm glad that i did it, but from the other - upset couse spend to much time and wrote a huge mess with code
Very good explanation i am waiting for this tutorial from very long thankyou very much sir, what is your channel name , free code camp is also highly recommend
This is good. I like this guy. The explanation is so clear. Watching this course is like watching an Avenger movie. I am sold. Question: Why is the script outside the body tag?
at 1:90:32 there is an error because console.log(id) should give you the id, not a div. To get the div you have to getElementById. This will happen if you set the id to a number in the data set like id:1, but for id:"istring" then you will get a div. The problem is in onclick function. Instead of onclick=increment(${id}) you need to set it to onclick="increment('${id}')" to get the real id and not a div
whoa!! its taken me 3 days to go slowly over this vid while writing down new concepts that am learning, thank you. One more question, for the check out section at the end, what payment getaways would one add to the project, if possible kindly share with us your suggestions or learning resources. Once again, Thank you!!
If you payed atention there some bugs too in the code, like the id.id scenario, when geting the id parameter from increment,decrement functions. That whould be an easy fix if the teacher replaces onclick=""increment(${id})" with onclick=""increment('${id}')"
Exact naming would help: itemQuantiy for item, cartQuantity for sum of all item quantities! Name x to item then you refer to it like: item.quantity. I like the logical steps you do. They are easy to follow. You have good design skills. You should copy less code around and create functions for it.
![Vue.js Course for Beginners [2021 Tutorial]](http://i.ytimg.com/vi/FXpIoQ_rT_c/mqdefault.jpg)
I love when teachers are both meticulous about details but also able to keep you seeing the bigger picture throughout the project. Great class!
This video is not just about JS Shopping cart. Trust me This guy cleared HTML , CSS and JS concepts. Great Tutorial sir. Thanks a lot🥰
@HackX Sure sir, It will be very helpful
to understand the core concepts of JS
Thanks! This is a trully small way to express my gratitude for this video!
Not only is this tutorial technically good the instructor's passion is infectious and is a breath of fresh air, outmost pleasure to watch and follow along
This guy's energy is awesome. Loving it.
He is teaching this to people who don't even know to make simple website with HTML & CSS(He even shows how to open vscode, how to start a project). No one recommends to do that. He should have said we need the knowledge of HTML & CSS from the beginning. Otherwise this is a waste of time for everyone.
@@Gaming_Baasu_99 Is the Guy good ? Yes
@@buk-ola01 Unfortunately that's not enough for viewers
@@Gaming_Baasu_99 He cant satisfy all the viewers actually🙃
To anyone that doesn't get the same output at around 1:09:10 , you can get it this way:
let increment = (id) => {
let element = document.getElementById(id);
console.log(element);
}
I have no idea how he does it without getElementById...
Laughing to myself when he says"Very simple guys very simple". Thank you for helping me feel that JS is not just a big beast but also very enjoyable. LOVE Free Code Camp.
I watched this video 2 years ago and it was just spaghetti to me.
But I've been studying JavaScript and CSS for the past 2 years and it's not bad.
Possibly the best JS, HTML, CSS tutorial I have seen. Also, his passion and energy about it are awesome.
THIS is by far THE BEST tutorial on TH-cam! It was a LOOOONG day BUT everything works! Thank you SOOOO MUCH!!! ♥
Today onwards im completed this successfully..... I started 1 week ago..... ❤️ from Kerala, India
Great tutorial , great to see a more advanced project explained so clearly.
If you're struggling at 1:46:40, it should be == not ===.
That's what worked for me at least.
Thank you, Joy, you're one of the best teachers on the web!
it was such huge experience front end developing , u are totally comfortable and easily undrestand
For somre reason Individuals of Indian decent have a talent of teaching and breaking down conmplex topics. My electrical engineering was saved by such tutiorials. Like if you agree?
Your a GENIUS! Thank you very much,You fix real world problems for millions around the world that you don't even know!From Canada,with love ..THANK YOU!
At 44.18 you aligin 2 buttons with the parent of div buttons , price-quantity, it works relatively well because the height of price.quantity es automatic, but the buttons are contained inside of another div which is button, when you do it there the get directly centered.
Don't get me wrong this course is just the best I've found out there for this particular task.
thank you very much.
If you kept it going till now you have all the respect that I can give
This video is absolutely amazing. The way the instructor explains everything is so clear!
This is the best Javascript Tutorial on shopping cart, i never expected it to be this clear
this video is good he explains everything in detail and describes how it works and its function. highly recommended for beginner
i had faced problem in making the + and - sign to right side . the way its shows in video is not working. pls if possible help ?
Successfully completed 🫡 Thank you so much Sir🙏
Joy, Your passion for teaching shows in all of your videos. I would like to see more of your content here
Just three minutes into the video I I picked stuffs that has helped me in different projects
.. great video
Best tutorial. There are thousands of such videos but this one is spot on. Only with this kind of examples, one can learn JavaScript logic and functions easily. Hats off man. Expect more tuts like this
"there you go.....you see...?"......absolute beauty brother
Joy talks so fast, that I don't have to change the setting to 1.25 speed (which is not a bad thing. Perfect for this ADHD developer). Awesome tutorial.
Thanks Joy!!, This tutorial is very clear and i love the way you actuallt go into detail about such things as shortcuts, i cannot summarize all i have learnt, however I can very very confirm that i am just that little closer to being a developer. Thank you
i had faced problem in making the + and - sign to right side . the way its shows in video is not working. pls if possible help ?
Hi, I was following Joy and the - And + buttons only run with internet.
But I did my own buttons to perfomace with out internet:
-
+
This buttons carry out a grate run..!
Hope you can do it otherwise let me know..!
this guy is the best dev they way he explains is great thank you bro keep the good work as a learner i really did learn much from you, legend
Wow! Joy taught so much about the keyboard shortcuts for CSS alone. This was amazing.
this is like the best video tutorial I have seen on JavaScript . Thank you for taking your time to explain , things are a lot clearer to me now .❣
Hi Joy, I just wanted to mention that the body tag by default will have the position: static as the default property. Very good tutorial. Cleared many of my concepts. Thank you for teaching shortcuts as well.
I am currently studying your course, but I have to stop and write this comment to thank you for your dedication in order to break everything difficult to so easy to understand
You have won my subscription. I was able to pick up many things from you. Special thanks for your detailed explanations. Step by step very easy to understand.
I hope you will stream more valuable projects.
No one would have taught better than you Joy. Hats off
Wow, Thank you, Joy. You explained JS in such a way that I had my moment of understanding at long last. You are brilliant at teaching.
great tutorial i just completed mine and everything is working perfectly .Thank you so much for all your effort and time God bless you sir.
One of the best tutorials ever! A very detailed one, Everything is explained clearly.
Although I'm not done with the tutorial, the explanation is very clear, keep up the good work, hope you get to work more :)
hey man good job, smoth language is to understand, telling things again and again, so much helpful and easy to lean thanks
Joy is a great teacher thank you so much
by far the best tutorial on youtube when it comes to javascript. Well explained
The error at 1:23:45 can be fixed changing the if inside the decrement function
Was: if (search.item === 0) return;
Try: if (search === undefined || search.item === 0) return;
This is a very old trick in js. He should have known this but maybe he has forgotten it.
seemingly "search === undefined" has to be the first of the two expressions, is there a reason for that?
@@ki11erkittie in this case If I don't have an object in first place, why bother to check if the item amount is equal to 0
@@maf6695 I understand the efficiency aspect of the order but before I saw this solution I came up with the same thing however I placed the expressions in reverse order. I believed the order of expressions wouldn't effect the logic of the or gate, however the way I set up the statement wasn't working and the only change I made to get it to work properly was by changing the order of expressions as was set up here. I don't understand why that is, potentially there was a mistake i missed in my code before i switched the order, when I'm able to get back to the problem I'll attempt to recreate the issue I found.
@@ki11erkittie In this case it really shouldn't mater the order of the conditions, try debugging with a few breakpoints
i tried to make that project from scratch by myself, before watching how the tutor did it. Its work as it must, but i have like in 10x times more code then teacher. Dam't, on the one hand i'm glad that i did it, but from the other - upset couse spend to much time and wrote a huge mess with code
One of the best tutorials I have ever come across!! I'm definitely subbing to this dude's channel.
This is the best team
easy && simple Explain => Best shopping Cart Tut 😊👍
this is the best course I've ever seen online I followed it till the end.
The best video on TH-cam for creating this
Wow this guy is amazing very knowledgeable with such a clear explanation
I hope everyone finds this helpful
Thank you so much
Thank you🙏👍
Very good explanation i am waiting for this tutorial from very long thankyou very much sir, what is your channel name , free code camp is also highly recommend
@@divyasriconsultancyservices joy shaheb
@@JoyShaheb thank you sir awesome explanation
I appreciate that you made this tutorial viewable by mobile viewer like me..
Many thanks Dear Joy...!
Just what I was looking for..!
You are really great person.!
Sir ,you are the best teacher please sir I want more projects like this. you are absolutely fantastic teacher.♥🙏
This is good. I like this guy. The explanation is so clear. Watching this course is like watching an Avenger movie. I am sold. Question: Why is the script outside the body tag?
Amazing tutorial😊😊 very nice explanation.
This is very clear course, thank you!
@Joy Shaheb Can you explain 1:09:30 , when you are passing id in increment function, how you are receiving an element?
i have the same problem i couldn't figure it out 😅
i had the same problem, fixed it by changing the ids to a string. E.g. id: "1" to id: ''qwerty. i was able to return a element that way
@@mishraman9902 thank you very much
Huge respect to this channel
Thank you much Joy I have subscribed to your channel. This project has it all. All the shortcuts you use through the tutorial are very helpful.
"I just love the way you teach us the pure magic of JS "❤🙌🔥
amazing video , advanced Frontend stuffs with just 3 hour
having tNice tutorials tutorial playing when first using soft soft was a godsend. Thank you!!
explained each and everything clearly,
awesome to see you in upcoming projects
thank you
at 1:90:32 there is an error because console.log(id) should give you the id, not a div. To get the div you have to getElementById. This will happen if you set the id to a number in the data set like id:1, but for id:"istring" then you will get a div. The problem is in onclick function. Instead of onclick=increment(${id}) you need to set it to onclick="increment('${id}')" to get the real id and not a div
Oh great! Something to keep me company for the next month! :D
I love this. it make me understand everything about JavaScript. thanks a lots
Really well explained each & every bit of code. Understood clearly💯
Hi Joy, see you again here! Love your unique style!
Your tutorial is brilliant. I love your teaching style and enthusiasm. Thanks!
Literally searched for this exact content as this video popped up.
I love this tutorial so much and i love the indian accent tooo. Its so good! :)
Joy is the best for webdevelopment
love your enthusiaism , look forward to more tutorials from you
The tutorial is on point and the instructor is good at explaining things👍 thank you.
Hell yea dude. This vid has got it all for doing a nice JS project.
God bless you FCC I was just thinking of doing this
this was the most prefect video I have ever seen in my life I really learned much thing thanks a lot❤
Just one word: "perfection"
This tutorial is one of the best ways to learn css and javascript
thanks alot javascript have always been a nightmare for me but you explain it so smooth thanks again.
whoa!! its taken me 3 days to go slowly over this vid while writing down new concepts that am learning, thank you. One more question, for the check out section at the end, what payment getaways would one add to the project, if possible kindly share with us your suggestions or learning resources. Once again, Thank you!!
This video is very helpful for beginner... May Allah bless you
I'm getting Uncaught Syntax Error around this: 1:09:46, i was expecting the same input.
I am having the same issue. Were you able to fix it? If so, how?
By this video I have got to learn about es6 arrow function and also how to properly use variables. Thanks for this tutorial.
If you payed atention there some bugs too in the code, like the id.id scenario, when geting the id parameter from increment,decrement functions. That whould be an easy fix if the teacher replaces onclick=""increment(${id})" with onclick=""increment('${id}')"
Thank you, great project tutorial!
কোন বাংলাদেশীর এটাই মনে হয় প্রথম ভিডিও freecodecamp TH-cam channel এ।
from 🇧🇩🇧🇩🇧🇩🇧🇩
Amazing Course and teacher
Great explanation Joy bhai
omg wonderful tutorial he is real teacher for beginner
Thank you very much for this great job! It was Amazing tutorial!
Awesome work! I can't stop saying "Save the thing" though 😄 Thank you.
Thanks alot sir☺️very useful video.all things clear
Incredible tutorial. Thanks for sharing
not so many people expaind llike this thank you
Excellent tutorial Joy, thank you
Thanks for your great course.
great tutorial, i like the way to teaching. Thank you very much for the tutorial.
Thank you very much. I am really gratefull for this video. Thank you Joi
Exact naming would help: itemQuantiy for item, cartQuantity for sum of all item quantities! Name x to item then you refer to it like: item.quantity.
I like the logical steps you do. They are easy to follow. You have good design skills.
You should copy less code around and create functions for it.
Excellent..! keep doing on Javascript and React js