Build a Shopping Cart with JavaScript - Project Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ต.ค. 2024

ความคิดเห็น • 385

  • @dummytcs5207
    @dummytcs5207 ปีที่แล้ว +50

    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🥰

    • @dummytcs5207
      @dummytcs5207 ปีที่แล้ว +1

      @HackX Sure sir, It will be very helpful
      to understand the core concepts of JS

  • @askholia
    @askholia ปีที่แล้ว +35

    I love when teachers are both meticulous about details but also able to keep you seeing the bigger picture throughout the project. Great class!

  • @Joshua-xo5vw
    @Joshua-xo5vw 2 ปีที่แล้ว +52

    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

    • @MrAbbo11
      @MrAbbo11 ปีที่แล้ว

      This guy's energy is awesome. Loving it.

    • @GamingChillaFF-u9r
      @GamingChillaFF-u9r ปีที่แล้ว +1

      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.

    • @buk-ola01
      @buk-ola01 ปีที่แล้ว +1

      @@GamingChillaFF-u9r Is the Guy good ? Yes

    • @GamingChillaFF-u9r
      @GamingChillaFF-u9r ปีที่แล้ว

      @@buk-ola01 Unfortunately that's not enough for viewers

    • @buk-ola01
      @buk-ola01 ปีที่แล้ว +2

      @@GamingChillaFF-u9r He cant satisfy all the viewers actually🙃

  • @anettebianca6855
    @anettebianca6855 ปีที่แล้ว +16

    THIS is by far THE BEST tutorial on TH-cam! It was a LOOOONG day BUT everything works! Thank you SOOOO MUCH!!! ♥

  • @BrentElisens
    @BrentElisens 20 วันที่ผ่านมา

    Possibly the best JS, HTML, CSS tutorial I have seen. Also, his passion and energy about it are awesome.

  • @SalesforceWithSanam
    @SalesforceWithSanam ปีที่แล้ว +22

    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.

    • @mylittlepitbull3143
      @mylittlepitbull3143 2 หลายเดือนก่อน

      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.

  • @mirpeter
    @mirpeter 2 ปีที่แล้ว +22

    Great tutorial , great to see a more advanced project explained so clearly.

  • @anutarobert3022
    @anutarobert3022 ปีที่แล้ว +6

    Thanks! This is a trully small way to express my gratitude for this video!

  • @rachview
    @rachview 2 ปีที่แล้ว +8

    Thank you, Joy, you're one of the best teachers on the web!

  • @neo_ario2732
    @neo_ario2732 2 ปีที่แล้ว +1

    it was such huge experience front end developing , u are totally comfortable and easily undrestand

  • @dawitabraham8600
    @dawitabraham8600 2 ปีที่แล้ว +1

    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!

  • @iammnaborofficial
    @iammnaborofficial 2 ปีที่แล้ว +2

    this video is good he explains everything in detail and describes how it works and its function. highly recommended for beginner

    • @ankushtiwari2975
      @ankushtiwari2975 2 ปีที่แล้ว

      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 ?

  • @bensonbenson4149
    @bensonbenson4149 8 หลายเดือนก่อน +1

    Just three minutes into the video I I picked stuffs that has helped me in different projects
    .. great video

  • @breoutside
    @breoutside ปีที่แล้ว +3

    Wow! Joy taught so much about the keyboard shortcuts for CSS alone. This was amazing.

  • @ebukajohn5325
    @ebukajohn5325 8 หลายเดือนก่อน

    This is the best Javascript Tutorial on shopping cart, i never expected it to be this clear

  • @prasannasundaram9158
    @prasannasundaram9158 2 ปีที่แล้ว +4

    Joy, Your passion for teaching shows in all of your videos. I would like to see more of your content here

  • @twinblockmonsters
    @twinblockmonsters 2 ปีที่แล้ว +1

    If you kept it going till now you have all the respect that I can give

  • @HipHopLuvr22889
    @HipHopLuvr22889 ปีที่แล้ว +4

    This video is absolutely amazing. The way the instructor explains everything is so clear!

  • @rosalynvanzyl4518
    @rosalynvanzyl4518 9 หลายเดือนก่อน

    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.

  • @ambole
    @ambole 2 ปีที่แล้ว +7

    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

    • @ankushtiwari2975
      @ankushtiwari2975 2 ปีที่แล้ว

      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 ?

    • @JorgeRivera-rp1zw
      @JorgeRivera-rp1zw 2 ปีที่แล้ว

      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..!

  • @workout.trending
    @workout.trending 2 ปีที่แล้ว +2

    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

  • @AmandeepSingh-cv5qz
    @AmandeepSingh-cv5qz 2 ปีที่แล้ว +2

    "there you go.....you see...?"......absolute beauty brother

  • @InnoceptHub-mo9et
    @InnoceptHub-mo9et หลายเดือนก่อน +1

    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

  • @emmanuelsteven9847
    @emmanuelsteven9847 8 หลายเดือนก่อน

    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 .❣

  • @bakeit4990
    @bakeit4990 ปีที่แล้ว

    this is the best course I've ever seen online I followed it till the end.

  • @ShreyasJani
    @ShreyasJani ปีที่แล้ว +6

    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.

  • @livisonpahlela5965
    @livisonpahlela5965 ปีที่แล้ว

    by far the best tutorial on youtube when it comes to javascript. Well explained

  • @firefistace1909
    @firefistace1909 11 หลายเดือนก่อน

    One of the best tutorials ever! A very detailed one, Everything is explained clearly.

  • @cyrilkariyawasam977
    @cyrilkariyawasam977 ปีที่แล้ว +2

    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.

  • @abdoulhama01
    @abdoulhama01 2 ปีที่แล้ว +10

    Wow this guy is amazing very knowledgeable with such a clear explanation

  • @snm-v2
    @snm-v2 2 ปีที่แล้ว +1

    Today onwards im completed this successfully..... I started 1 week ago..... ❤️ from Kerala, India

  • @SodiqOlaniyi
    @SodiqOlaniyi 2 ปีที่แล้ว +14

    The tutorial is on point and the instructor is good at explaining things👍 thank you.

  • @joeyryadi6326
    @joeyryadi6326 2 ปีที่แล้ว +18

    Although I'm not done with the tutorial, the explanation is very clear, keep up the good work, hope you get to work more :)

  • @maladongom5267
    @maladongom5267 2 ปีที่แล้ว +6

    Joy is a great teacher thank you so much

  • @jonathonkiner7415
    @jonathonkiner7415 2 ปีที่แล้ว +5

    One of the best tutorials I have ever come across!! I'm definitely subbing to this dude's channel.

  • @JoyShaheb
    @JoyShaheb 2 ปีที่แล้ว +265

    I hope everyone finds this helpful

  • @animalstocks4396
    @animalstocks4396 2 ปีที่แล้ว +1

    hey man good job, smoth language is to understand, telling things again and again, so much helpful and easy to lean thanks

  • @gorr4021
    @gorr4021 ปีที่แล้ว +1

    No one would have taught better than you Joy. Hats off

  • @Nusah9
    @Nusah9 10 หลายเดือนก่อน

    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.

  • @mosesnjoroge5639
    @mosesnjoroge5639 ปีที่แล้ว +2

    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?

  • @NguyenLong-ob9fc
    @NguyenLong-ob9fc ปีที่แล้ว

    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

  • @piyush_ferex
    @piyush_ferex ปีที่แล้ว

    The best video on TH-cam for creating this

  • @mark_hezekiah
    @mark_hezekiah 2 ปีที่แล้ว +10

    This is the best team

  • @Shahid_An-AI-Engineer
    @Shahid_An-AI-Engineer ปีที่แล้ว

    "I just love the way you teach us the pure magic of JS "❤🙌🔥

  • @mahmoudalkousa2591
    @mahmoudalkousa2591 2 หลายเดือนก่อน

    amazing video , advanced Frontend stuffs with just 3 hour

  • @MrArlyo
    @MrArlyo ปีที่แล้ว +2

    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?

  • @sidequestswithbre
    @sidequestswithbre ปีที่แล้ว

    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.

  • @JorgeRivera-rp1zw
    @JorgeRivera-rp1zw 2 ปีที่แล้ว +2

    Many thanks Dear Joy...!
    Just what I was looking for..!
    You are really great person.!

  • @sinitquenapach5497
    @sinitquenapach5497 2 ปีที่แล้ว

    Huge respect to this channel

  • @aimenazim8898
    @aimenazim8898 ปีที่แล้ว

    thanks alot javascript have always been a nightmare for me but you explain it so smooth thanks again.

  • @olayinkaonakoya3381
    @olayinkaonakoya3381 ปีที่แล้ว

    I love this. it make me understand everything about JavaScript. thanks a lots

  • @SufiyanShaikh-l8h
    @SufiyanShaikh-l8h ปีที่แล้ว +1

    Amazing tutorial😊😊 very nice explanation.

  • @kasulasaiteja
    @kasulasaiteja 5 หลายเดือนก่อน

    Really well explained each & every bit of code. Understood clearly💯

  • @dannyvista533
    @dannyvista533 2 ปีที่แล้ว +1

    I appreciate that you made this tutorial viewable by mobile viewer like me..

  • @singhkr
    @singhkr 2 ปีที่แล้ว

    explained each and everything clearly,
    awesome to see you in upcoming projects
    thank you

  • @shobhitaggarwal9097
    @shobhitaggarwal9097 10 หลายเดือนก่อน

    Sir ,you are the best teacher please sir I want more projects like this. you are absolutely fantastic teacher.♥🙏

  • @michaelallen7613
    @michaelallen7613 ปีที่แล้ว

    Your tutorial is brilliant. I love your teaching style and enthusiasm. Thanks!

  • @tonytodd7011
    @tonytodd7011 7 หลายเดือนก่อน

    Hi Joy, see you again here! Love your unique style!

  • @jeelkumarpatel4479
    @jeelkumarpatel4479 ปีที่แล้ว

    Just one word: "perfection"

  • @BorisVillanueva
    @BorisVillanueva 2 ปีที่แล้ว

    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.

  • @lonewolf.8635
    @lonewolf.8635 2 ปีที่แล้ว +3

    God bless you FCC I was just thinking of doing this

  • @mujaddidsislam1897
    @mujaddidsislam1897 2 ปีที่แล้ว +1

    This is very clear course, thank you!

  • @DerDoktorr
    @DerDoktorr 2 ปีที่แล้ว +1

    having tNice tutorials tutorial playing when first using soft soft was a godsend. Thank you!!

  • @abuyousuf7384
    @abuyousuf7384 2 ปีที่แล้ว +1

    Joy is the best for webdevelopment

  • @georgetosounidis5545
    @georgetosounidis5545 2 ปีที่แล้ว +3

    Oh great! Something to keep me company for the next month! :D

  • @rohampasha9667
    @rohampasha9667 2 ปีที่แล้ว +2

    love your enthusiaism , look forward to more tutorials from you

  • @asadullahahmed2025
    @asadullahahmed2025 2 ปีที่แล้ว

    This video is very helpful for beginner... May Allah bless you

  • @esraashahien3467
    @esraashahien3467 ปีที่แล้ว

    Awesome work! I can't stop saying "Save the thing" though 😄 Thank you.

  • @iftyrahman2239
    @iftyrahman2239 ปีที่แล้ว

    By this video I have got to learn about es6 arrow function and also how to properly use variables. Thanks for this tutorial.

    • @alexcondurachi8423
      @alexcondurachi8423 9 หลายเดือนก่อน

      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}')"

  • @wictoriadrefeldt6923
    @wictoriadrefeldt6923 2 ปีที่แล้ว +4

    Literally searched for this exact content as this video popped up.

  • @diegoavendanohernandez9908
    @diegoavendanohernandez9908 ปีที่แล้ว

    This tutorial is one of the best ways to learn css and javascript

  • @radiotryne3029
    @radiotryne3029 ปีที่แล้ว +1

    If you're struggling at 1:46:40, it should be == not ===.
    That's what worked for me at least.

  • @vasuchourasia8021
    @vasuchourasia8021 8 หลายเดือนก่อน +1

    Successfully completed 🫡 Thank you so much Sir🙏

  • @imadrizk
    @imadrizk 5 หลายเดือนก่อน +2

    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

  • @jorgemachado5317
    @jorgemachado5317 2 ปีที่แล้ว +1

    Amazing Course and teacher

  • @thirumalr333
    @thirumalr333 ปีที่แล้ว

    omg wonderful tutorial he is real teacher for beginner

  • @fahadbawazir1771
    @fahadbawazir1771 2 ปีที่แล้ว +1

    Good clarity on explanation

  • @NOTHING-en2ue
    @NOTHING-en2ue ปีที่แล้ว

    this was the most prefect video I have ever seen in my life I really learned much thing thanks a lot❤

  • @wasiulhoque4786
    @wasiulhoque4786 2 ปีที่แล้ว +1

    Great explanation Joy bhai

  • @qrerst
    @qrerst ปีที่แล้ว

    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

  • @musarapio_hha
    @musarapio_hha 2 ปีที่แล้ว +1

    not so many people expaind llike this thank you

  • @cjay91_
    @cjay91_ 2 ปีที่แล้ว

    Hell yea dude. This vid has got it all for doing a nice JS project.

  • @NeetuRajpoot-qy7pr
    @NeetuRajpoot-qy7pr วันที่ผ่านมา

    Thanks alot sir☺️very useful video.all things clear

  • @battle2n
    @battle2n 2 ปีที่แล้ว +1

    those are quite expensive clothes :D learned new cool tricks, thank you!

  • @18wheelslater3
    @18wheelslater3 ปีที่แล้ว

    Thank you for the detailed lesson!

  • @EmekaChristain-f5e
    @EmekaChristain-f5e 5 หลายเดือนก่อน

    Thank you joy, you're the best

  • @teja6819
    @teja6819 2 ปีที่แล้ว +3

    Excellent..! keep doing on Javascript and React js

  • @FROZENbender
    @FROZENbender ปีที่แล้ว

    pretty much exactly what I was looking for

  • @robs257
    @robs257 ปีที่แล้ว

    I love this tutorial so much and i love the indian accent tooo. Its so good! :)

  • @kevink3072
    @kevink3072 ปีที่แล้ว

    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!!

  • @jahangiralomjoy4428
    @jahangiralomjoy4428 2 ปีที่แล้ว +2

    Thank you Joy bhai ♥️

  • @bernardsamapoh3619
    @bernardsamapoh3619 ปีที่แล้ว

    Incredible tutorial. Thanks for sharing

  • @ibragimdodov4816
    @ibragimdodov4816 2 ปีที่แล้ว +1

    Thank you very much for this great job! It was Amazing tutorial!

  • @azureliseraleighchocolatec6832
    @azureliseraleighchocolatec6832 2 ปีที่แล้ว

    Beautiful execution.

  • @universecode1101
    @universecode1101 2 ปีที่แล้ว +9

    Learn the basics HTML CSS JAVASCRIPT ✌🏻 Nice video 😊

  • @sofiqurrahman9771
    @sofiqurrahman9771 14 วันที่ผ่านมา

    It was a good project thanks Joy bro

  • @saileshkarki6042
    @saileshkarki6042 ปีที่แล้ว

    great tutorial, i like the way to teaching. Thank you very much for the tutorial.

  • @julianevans2256
    @julianevans2256 ปีที่แล้ว

    Excellent tutorial Joy, thank you

  • @aHardReset
    @aHardReset 2 ปีที่แล้ว +1

    Thank you, great project tutorial!

  • @valdisvisvaldis
    @valdisvisvaldis 2 ปีที่แล้ว

    nice video nice teacher thanks man and save your self