I noticed one thing. Whenever I edit a task, it always puts it on the bottom automatically. It'd be nice if it could either go back in the right order, or else arrange the order of tasks by the date. I don't think I'm savvy enough to figure it out on my own though lol
@joyShaheb, that was a very good tutorial. in fact, you are the best teacher I ever met. One thing I noticed about the app though, is that, assuming you click to edit a task and the popup form comes up. if you close the popup form without editing the information, the information gets removed from the local storage.
As a beginner, this is the top-level content on UA-cam I've ever come across. For months and months I was looking for tutorials that would help me learn javascript i swear I couldn't find any tutorial that would guide and explain as you did, I couldn't even complete a single project without getting stuck in the middle of the tutorial, and even sometimes Google was not able to answer the bugs. thank you so much joy for creating such quality content
You are the best tech teacher I found on UA-cam. You don't even skip little things to explain. I have learnt many things from your tutorials that I haven't learnt from the professional courses I bought. I had become the fan of your method of teaching after completing your Shopping Cart tutorial. Now I am watching this and then after I will see the Async/await tutorial of your. Thanks a million bro for providing such quality content.
amazing grace, I found the JOY !!!, after 2 yrs of learning I got JOY, and JOY is a great teacher. I am not good at English, but JOY's English feels like JOY speaks in my native (Hindi). Amazing !!!!, by the way, I typed this by Grammarly like JOY teaching.
Hello Joy, am Shahrokh, the reason for this comment is to thank you. I learned CSS grid from FCC website. Where you demonstrated and explained it very well, I understood it properly. I don't have a Twitter account so, that's why I thought to thank you through the youtube comment box. So, thank you and FCC very much.
Joy, you got me over a major coding hump with this video. Just want to express my sincerest thanks to you 🙏 I’m now prototyping a product that’s been brewing in my head for years and it feels great!
honestly you are far more exciting to watch and learn the way you explain is in very detailed manner, i must said i learn from you rather than my instructor here.... thank you so much i understand more!
you are the best teacher in the world hands down even homeless people and college dropout are learning from you, you are changing peoples life just wondering we just did Shopping Cart Tutorial if we master your Shopping Cart Tutorial and this one can we call us self web developer
Hi Joy Shaheb, I wanted to express my sincere appreciation for your excellent teaching skills. Your tutorial is not only comprehensive but also presented in a way that is easy to understand, especially for a beginner like myself. Thank you for your dedication and commitment to helping others succeed.
Love your videos bro, You're such a good teacher, I'm pretty sure that your channel is gonna grow because the effort that you put making your videos is incredible. Hopefully more people are gonna see that and watch them all.
Super amazing content. I learned so much from this tutorial. I was able to reproduce the app as well as implement my own modifications. Thank you so much.
you explained the project flow-chart like so butter smooth , so detailed i had never experienced, all things are clear. Btw some times situation comes when i use submit btn outside the form tag so want more detail about it what are issue or what to do if such situations come.(like in bootstrap modal)
Hi Joy I saw your videos on freecodecamp chanel and liked it. It is very instructive when you do visual narration. It will be very good if you explain other difficult js topics as in your async video.
What an excellent video, very well planned, explained and delivered. Perfect timing for me in my Javascript training. It brought a lot of individual concepts into one central point. If you have time in the future, could you do a video on javascript API CRUD? all-in-all, Well Done, keep them coming.
I really appreciate you ❤️ bcz your videos are perfect and your explanations are perfect too understand so good especially when use figma I can js very well tnx alot boyy❤❤❤❤❤❤
Bro aapke lectures bhut mst hote hai pls ek request hai backend keliye scratch se ek course ya ek single video bnado pls mujhe backende sikhna hai aapse
I really hope to see project based playlist on fundamental to intermediate level React JS very soon. God bless you, Joy. Much appreciation and blessings from Nepal.
Joy, Thank you so much for all that you've taught me! You are a wonderful teacher, I truly appreciate all the effort you put into this! I look forward to continuing to learn from you in the future :) Be well, - Frank
Hi Joy, why do you use IIFE at 1:46:49: (() => { add.setAttribute("data-bs-dismiss", ""); })(); I think you just need to write the inside code directly without using the IIFE, like this: add.setAttribute("data-bs-dismiss", ""); Am I right?
You are simply the best honestly😭😭😭🥰🥰 I have been struggling doing this and you patiently and happily explained every bits of this project. Thank you so much.
hey Joy - awesome name btw. Struggling to learn JS for a quite now. After the learning 'basic' of JS, what do you suggest to learn i.e. how to implement those 'basic' stuff. CRUD is also very important concept of programming. If you're willing you can make a series of basic to advanced series in JS and React. have a good one
Sure, more videos are incoming, stay tuned. I would suggest you to learn how to do the CRUD operations using the fetch API. Next up, make something practical out of this project so that you can show it off to your recruiters. The one you did in this video is done using the local storage and everything For more suggestions you can always email me
I have to do this with an API for class; however, it did not work when it did, I could never connect the api right. If you have any ideas of how to do this, let me know.
video was helpful but there's one error that once you click edit option and don't make any changes and close that form it will get removed and it gets shown in add new task so can you help me to solve that error
Hello Joy, Thank you for this tutorial. Kindly tell me, are you using any database as backend to store the to do list data.Where are you storing this data?
I had to use: let data = ""; to get the social media app to work on inputing data. Furthermore, isn't using JS inside the HTML bad practice? Like when you put the onClick method in the "i" element? Still an awesome tutorial, so far. Tim
For mentorship visit : www.academy.poshpixel.studio/
Sir class gulo banglay hole khub valo hoy
I noticed one thing. Whenever I edit a task, it always puts it on the bottom automatically. It'd be nice if it could either go back in the right order, or else arrange the order of tasks by the date. I don't think I'm savvy enough to figure it out on my own though lol
@@jonathonkiner7415 there’s a array method called sort, you can use that to sort the order
@joyShaheb, that was a very good tutorial. in fact, you are the best teacher I ever met. One thing I noticed about the app though, is that, assuming you click to edit a task and the popup form comes up. if you close the popup form without editing the information, the information gets removed from the local storage.
@@jonathonkiner7415 for that you can use array data structure and then You'll have two methods indexOf and another one Splice just google and learn
As a beginner, this is the top-level content on UA-cam I've ever come across. For months and months I was looking for tutorials that would help me learn javascript i swear I couldn't find any tutorial that would guide and explain as you did, I couldn't even complete a single project without getting stuck in the middle of the tutorial, and even sometimes Google was not able to answer the bugs. thank you so much joy for creating such quality content
You are the best tech teacher I found on UA-cam. You don't even skip little things to explain. I have learnt many things from your tutorials that I haven't learnt from the professional courses I bought. I had become the fan of your method of teaching after completing your Shopping Cart tutorial. Now I am watching this and then after I will see the Async/await tutorial of your. Thanks a million bro for providing such quality content.
True.
I agree with you Mustafa.
i think thats true
thankksssss,auto subscribe! indirectly you create something very, very useful that is not in other tutorials
You are the best tutor I have seen so far. Please, which other platform can I find you?
You're one of the best teachers out there, if not the best. You deserve millions of subscribers. I'm with you man!
this is the best lesson about crud in JavaScript , on youtube.
Congratulation Joy!
wached from brasil
amazing grace, I found the JOY !!!,
after 2 yrs of learning I got JOY, and JOY is a great teacher. I am not good at English, but JOY's English feels like JOY speaks in my native (Hindi). Amazing !!!!, by the way, I typed this by Grammarly like JOY teaching.
Thank you for the well wishes my friend 🤲🤲
Hello Joy, am Shahrokh, the reason for this comment is to thank you. I learned CSS grid from FCC website. Where you demonstrated and explained it very well, I understood it properly. I don't have a Twitter account so, that's why I thought to thank you through the youtube comment box. So, thank you and FCC very much.
Most welcome 🌹
Joy, you got me over a major coding hump with this video. Just want to express my sincerest thanks to you 🙏 I’m now prototyping a product that’s been brewing in my head for years and it feels great!
One thing I added that others might want to is injecting a unique ID into each task so that you can target and truly edit vs delete and replace
@@personnumber42 best of luck with the prototype 🌹
@@JoyShaheb Thank you!
Thank you, Joy! I just started learning programming, and CRUD is made more understandable with your video!
Thanks once again!
honestly you are far more exciting to watch and learn the way you explain is in very detailed manner, i must said i learn from you rather than my instructor here.... thank you so much i understand more!
this is great video man thanks for the upload
you are the best teacher in the world hands down even homeless people and college dropout are learning from you, you are changing peoples life just wondering we just did Shopping Cart Tutorial if we master your Shopping Cart Tutorial and this one can we call us self web developer
Hi Joy Shaheb, I wanted to express my sincere appreciation for your excellent teaching skills. Your tutorial is not only comprehensive but also presented in a way that is easy to understand, especially for a beginner like myself. Thank you for your dedication and commitment to helping others succeed.
WOW !!! just in time I just started learning CRUD before moving onto react crud and this came up THANKS
You're not bad teacher... You're great! :)
Thanks a lot. I feel surprised why you have few subscriber. You deserve millions subcribers bro
your teaching strategy is amazing for me. keep it up thank you Joy 👏👏👏
Ive been stuck on this for so long!!! You literally walked over the same issue I was encountering the prevent default issue
you are the best teacher I have ever seen. thank you so much sir
this is the best tutorial I have seen. Thank you so much for explaining so well.
Love your videos bro, You're such a good teacher, I'm pretty sure that your channel is gonna grow because the effort that you put making your videos is incredible. Hopefully more people are gonna see that and watch them all.
Joy is a great teacher.
love from India for your teaching style.
Thank you and please more projects like this!
The way he explains JS is insane!
What a perfect timing for this! Am always excited for your detailed videos Joy ..I love your teaching style > thanks Joy
his gifted
Joy my bhai you need to make more of these kind of practical and logics videos
Super amazing content. I learned so much from this tutorial. I was able to reproduce the app as well as implement my own modifications. Thank you so much.
My favorite teacher on UA-cam✌️ thanks a lot bro
you explained the project flow-chart like so butter smooth , so detailed i had never experienced, all things are clear. Btw some times situation comes when i use submit btn outside the form tag so want more detail about it what are issue or what to do if such situations come.(like in bootstrap modal)
Sir thanks your teaching ability is great, please make more tutorial like this
Needed this , got it at the perfect time. Thanks
perfectly explained, this video helped me to escape from TutorialHell. Keep making more videos :) .
want more projects like these plz upload your videos helped me a lot not only me but many so plz continue...
Superb ❤️❤️❤️ I learn lot ❤❤.like localstorage , map , function , dom ... Thankyou sir
He is back.
Really usefull for beginers, thank you so much. Please make more videos 👏👏👏
bro keep making videos you'll blow soon . You are amazing
Hi Joy I saw your videos on freecodecamp chanel and liked it. It is very instructive when you do visual narration. It will be very good if you explain other difficult js topics as in your async video.
Excellent Video..I watched your async/await video too it was too excellent..please make more such videos on project based learning.
What an excellent video, very well planned, explained and delivered. Perfect timing for me in my Javascript training. It brought a lot of individual concepts into one central point. If you have time in the future, could you do a video on javascript API CRUD? all-in-all, Well Done, keep them coming.
Joy is a good teacher :)
I really appreciate you ❤️ bcz your videos are perfect and your explanations are perfect too understand so good especially when use figma I can js very well tnx alot boyy❤❤❤❤❤❤
Wow, this is a very great tutorial. To be honest, I learned a lot, continue empowering and inspiring more people to code and design more
Bro aapke lectures bhut mst hote hai pls ek request hai backend keliye scratch se ek course ya ek single video bnado pls mujhe backende sikhna hai aapse
Please make full course for JavaScript. The way of teaching is amazing 👏👏 .
love your videos joy . your explaination is very good .keep making these usefull contents .😊
I really hope to see project based playlist on fundamental to intermediate level React JS very soon.
God bless you, Joy.
Much appreciation and blessings from Nepal.
You are awesome. Can you please come up with more applications? Your teaching method helps a lot...
You make everything so simple
You're a wonderful teacher
you are not a bad teacher ✅
JOY IS A GOOD TEACHER🥰
Thank you very much Brother you helped me a lot for my project🙏
i love the way you teach man
Your 3 project enough to learn full HTML CSS JavaScript ...
Joy,
Thank you so much for all that you've taught me!
You are a wonderful teacher, I truly appreciate all the effort you put into this!
I look forward to continuing to learn from you in the future :)
Be well,
- Frank
Joy is a baaaad teacher! LOL nah you are a great teacher and a great coder and human being, thanks for sharing!
Thank you so much . I used to struggle to understand crud but you made it so easy❤
You deserve Nobel prize 🎉
Amazing explanation
Very good teaching style. Thanks!
Hi Joy, why do you use IIFE at 1:46:49:
(() => {
add.setAttribute("data-bs-dismiss", "");
})();
I think you just need to write the inside code directly without using the IIFE, like this:
add.setAttribute("data-bs-dismiss", "");
Am I right?
Brother,you're the besttt!
what are you doing! keep going as you always said so far so good best teacher ever
Awesome,,,May be this video is going to be uploaded at freeCodeCamp as well.
Excellent vidéo, thanks for your amazing work.
Besides that, which add on do you have on visual studio ? Your writing is so smooth
favourite teacher
hi joy sent you a message about the tutorial ..😥 don't know if you've already chosen the 3 student, really interested .. will mean everything
Love your videos
Updates are not modifying items its adding new item and deleting old one.
Great tutorial my friend!
i found problem when i add 3rd task content get overflow outside the box can you help me that it will be very helpful
Great teacher!
You are simply the best honestly😭😭😭🥰🥰 I have been struggling doing this and you patiently and happily explained every bits of this project. Thank you so much.
Seems like there is a bug when you edit an existing todo... but click "Close" instead of "Add". Nice and clean, regardless.
Very nice 👍
Thank you for this wonderful tutorial.
Joyyyyyyy Thanks a lotttttt
very much understandable lecture
Can you please make more javascript video💙
Excelent tutorial!!!One little thing,how can we do when edit data to juat replace it,that data stayed in input,not to delete at all?
did you found answer for that, i am also trying to figure this out
so clear. nice, thx
Thank you very much.
Joy my bro i am new to html css and javascript my question is are there more methods like CRUD or is CRUD the only one methode or are there more
Great video, thank you!
hey Joy - awesome name btw.
Struggling to learn JS for a quite now.
After the learning 'basic' of JS, what do you suggest to learn i.e. how to implement those 'basic' stuff.
CRUD is also very important concept of programming.
If you're willing you can make a series of basic to advanced series in JS and React.
have a good one
Sure, more videos are incoming, stay tuned.
I would suggest you to learn how to do the CRUD operations using the fetch API. Next up, make something practical out of this project so that you can show it off to your recruiters.
The one you did in this video is done using the local storage and everything
For more suggestions you can always email me
I have to do this with an API for class; however, it did not work when it did, I could never connect the api right. If you have any ideas of how to do this, let me know.
i saw lttile bug. when i click update button but i do not update any data and click cancel.The data was removed. please give any solution @joy shaheb
video was helpful but there's one error that once you click edit option and don't make any changes and close that form it will get removed and it gets shown in add new task
so can you help me to solve that error
Hello Joy, Thank you for this tutorial. Kindly tell me, are you using any database as backend to store the to do list data.Where are you storing this data?
Local storage
Hello thanks for the guide , i got a question if i do multiple todoapp next each other how can i assign the createTasks to them as well?
thanks a lot Prof! You rule!
Please do it with tailwind also :)
me encantaria que hiciera un tutorial en
React con redux thunk en axios consumiendo una api
There is no backend in this project ???
Why can't we add the preventDefault() on the add button ?
I had to use: let data = ""; to get the social media app to work on inputing data. Furthermore, isn't using JS inside the HTML bad practice? Like when you put the onClick method in the "i" element? Still an awesome tutorial, so far. Tim
How to connect data to Google Sheet.
U r amazing 🤩