Build a Shopping Cart with JavaScript - Project Tutorial

Поділитися
Вставка
  • Опубліковано 13 жов 2024

КОМЕНТАРІ • 384

  • @dummytcs5207
    @dummytcs5207 Рік тому +49

    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🙃

  • @BrentElisens
    @BrentElisens 13 днів тому

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

  • @anettebianca6855
    @anettebianca6855 Рік тому +16

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

  • @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.

  • @neo_ario2732
    @neo_ario2732 2 роки тому +1

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

  • @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 ?

  • @rachview
    @rachview 2 роки тому +8

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

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

  • @breoutside
    @breoutside Рік тому +3

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

  • @bensonbenson4149
    @bensonbenson4149 8 місяців тому +1

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

  • @anutarobert3022
    @anutarobert3022 Рік тому +6

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

  • @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

  • @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.

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

  • @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?

  • @snm-v2
    @snm-v2 2 роки тому +1

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

  • @HipHopLuvr22889
    @HipHopLuvr22889 Рік тому +4

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

  • @ebukajohn5325
    @ebukajohn5325 8 місяців тому

    This is the best Javascript Tutorial on shopping cart, i never expected it to be this 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.

  • @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.

  • @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.

  • @twinblockmonsters
    @twinblockmonsters 2 роки тому +1

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

  • @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 :)

  • @AmandeepSingh-cv5qz
    @AmandeepSingh-cv5qz 2 роки тому +2

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

  • @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

  • @emmanuelsteven9847
    @emmanuelsteven9847 7 місяців тому

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

  • @abdoulhama01
    @abdoulhama01 2 роки тому +10

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

  • @jonathonkiner7415
    @jonathonkiner7415 2 роки тому +5

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

  • @mark_hezekiah
    @mark_hezekiah 2 роки тому +10

    This is the best team

  • @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

  • @firefistace1909
    @firefistace1909 11 місяців тому

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

  • @SodiqOlaniyi
    @SodiqOlaniyi 2 роки тому +14

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

  • @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

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

  • @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

  • @bakeit4990
    @bakeit4990 Рік тому

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

  • @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?

  • @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

  • @maladongom5267
    @maladongom5267 2 роки тому +6

    Joy is a great teacher thank you so much

  • @gorr4021
    @gorr4021 Рік тому +1

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

  • @SufiyanShaikh-l8h
    @SufiyanShaikh-l8h Рік тому +1

    Amazing tutorial😊😊 very nice explanation.

  • @MdNaushad-bf6xf
    @MdNaushad-bf6xf 2 роки тому +1

    Awesome video i have ever seen sir 👏👏👏
    when checkout tutorial is coming?

  • @kasulasaiteja
    @kasulasaiteja 5 місяців тому

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

  • @radiotryne3029
    @radiotryne3029 Рік тому +1

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

  • @michaelallen7613
    @michaelallen7613 Рік тому

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

  • @shobhitaggarwal9097
    @shobhitaggarwal9097 10 місяців тому

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

  • @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.

  • @livisonpahlela5965
    @livisonpahlela5965 Рік тому

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

  • @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

  • @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.

  • @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

  • @dannyvista533
    @dannyvista533 2 роки тому +1

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

  • @tonytodd7011
    @tonytodd7011 7 місяців тому

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

  • @singhkr
    @singhkr 2 роки тому

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

  • @olayinkaonakoya3381
    @olayinkaonakoya3381 Рік тому

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

  • @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.

  • @DerDoktorr
    @DerDoktorr 2 роки тому +1

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

  • @piyush_ferex
    @piyush_ferex Рік тому

    The best video on UA-cam for creating this

  • @diegoavendanohernandez9908
    @diegoavendanohernandez9908 Рік тому

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

  • @JoyShaheb
    @JoyShaheb 2 роки тому +265

    I hope everyone finds this helpful

  • @JorgeRivera-rp1zw
    @JorgeRivera-rp1zw 2 роки тому +2

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

  • @vasuchourasia8021
    @vasuchourasia8021 7 місяців тому +1

    Successfully completed 🫡 Thank you so much Sir🙏

  • @Arsalankhan-yp3jy
    @Arsalankhan-yp3jy Рік тому +2

    The guy who solves all the problems by just one small x

  • @ebukajohn5325
    @ebukajohn5325 8 місяців тому

    I would very much appreciate Joy Shaheb to give tutorial on full stack javascript shopping cart,
    i don't know if that will be possible. but if you can do that, i will be more than happy
    I must say that its from this tutorial, i started understanding Javascript
    Great Tutorial, Thumbs up
    Thanks so much

  • @teja6819
    @teja6819 2 роки тому +3

    Excellent..! keep doing on Javascript and React js

  • @abuyousuf7384
    @abuyousuf7384 2 роки тому +1

    Joy is the best for webdevelopment

  • @universecode1101
    @universecode1101 2 роки тому +9

    Learn the basics HTML CSS JAVASCRIPT ✌🏻 Nice video 😊

  • @asadullahahmed2025
    @asadullahahmed2025 2 роки тому

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

  • @georgetosounidis5545
    @georgetosounidis5545 2 роки тому +3

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

  • @battle2n
    @battle2n 2 роки тому +1

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

  • @lonewolf.8635
    @lonewolf.8635 2 роки тому +3

    God bless you FCC I was just thinking of doing this

  • @kwameegyir6990
    @kwameegyir6990 11 місяців тому

    Hi joy. You are great the.... teaching clear and straight forward. Please i want know if you can help with a video on checkout base on this video. in other make the project complete.

  • @bamidelegbadurabi1364
    @bamidelegbadurabi1364 Рік тому

    Bravo!! You are great teacher in deed, keep it up. Can you please handle everything about react js from scratch in a very simple and smart manner you did in this video.

  • @wasiulhoque4786
    @wasiulhoque4786 2 роки тому +1

    Great explanation Joy bhai

  • @hansschenker
    @hansschenker Рік тому

    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.

  • @aimenazim8898
    @aimenazim8898 Рік тому

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

  • @jeelkumarpatel4479
    @jeelkumarpatel4479 Рік тому

    Just one word: "perfection"

  • @thirumalr333
    @thirumalr333 Рік тому

    omg wonderful tutorial he is real teacher for beginner

  • @esraashahien3467
    @esraashahien3467 Рік тому

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

  • @fahadbawazir1771
    @fahadbawazir1771 2 роки тому +1

    Good clarity on explanation

  • @musarapio_hha
    @musarapio_hha 2 роки тому +1

    not so many people expaind llike this thank you

  • @jorgemachado5317
    @jorgemachado5317 2 роки тому +1

    Amazing Course and teacher

  • @sinitquenapach5497
    @sinitquenapach5497 Рік тому

    Huge respect to this channel

  • @shadedcat5395
    @shadedcat5395 2 роки тому +1

    Based desktop wallpaper

  • @rohampasha9667
    @rohampasha9667 2 роки тому +2

    love your enthusiaism , look forward to more tutorials from you

  • @sofiqurrahman9771
    @sofiqurrahman9771 8 днів тому

    It was a good project thanks Joy bro

  • @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❤

  • @mujaddidsislam1897
    @mujaddidsislam1897 2 роки тому +1

    This is very clear course, thank you!

  • @jahangiralomjoy4428
    @jahangiralomjoy4428 2 роки тому +2

    Thank you Joy bhai ♥️

  • @robs257
    @robs257 Рік тому

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

  • @jairjuliocc
    @jairjuliocc 4 місяці тому +1

    It Will be amazing if you show how to create the same project using react. So , we can understand how to pass from vainilla js to a framework. Anyway. Thanks!

  • @bernardsamapoh3619
    @bernardsamapoh3619 Рік тому

    Incredible tutorial. Thanks for sharing

  • @trainerdevesh
    @trainerdevesh 18 днів тому

    Look at this 😊 my focus is increased

  • @sanjoy7886
    @sanjoy7886 2 роки тому +2

    কোন বাংলাদেশীর এটাই মনে হয় প্রথম ভিডিও freecodecamp UA-cam channel এ।
    from 🇧🇩🇧🇩🇧🇩🇧🇩

  • @FROZENbender
    @FROZENbender Рік тому

    pretty much exactly what I was looking for