Build & Deploy a TODO APP with JavaScript

[@Tix_Blox]

one really hard question, why are you so underrated, you literally helped me do something i was trying to do for almost 4 months!

[@АртурВолков-в2ъ]

Thanks a lot. Your tutorials are very clear and useful. I am a beginner frontend developer and found your tutorials to be one of the best so far!

[@lazareabuladze3865]

i just discovered your channel bro you are amazing! huge respect for teaching us

[@beeleaveme]

I marathoned your videos, excellent content, you have "few" subscribers now but I guarantee you that with the quality you put in your videos, more people will get to know you

[@SanjayMistry.]

Thank you, Fabian, for an excellent tutorial! As an absolute beginner in JavaScript, coding an app like this feels like a distant dream. For many newcomers (including myself), the journey often starts with staring at a blank JS file, wondering where all the fundamentals they’ve learned seem to have disappeared. Bridging the gap between understanding the basics and creating something like this can feel overwhelming. I truly hope you consider creating a series tailored for beginners, guiding us step-by-step through this process and helping us connect the dots. Also, even if you were to create a premium series that’s paid for, I believe your teaching methods are so effective that many of your subscribers, myself included, would be more than willing to pay for it. I look forward to your future content and would love to hear your thoughts on this!

[@coding2go]

Thank you so much for your kind words and thoughtful comment! I totally get that it can be difficult for beginners to use the knowledge and then put it into practice. I think the most important thing here is simply doing PROJECTS. Search for js projects and set yourself the goal of coding them completely alone. The code will probably not be 100 percent perfect for production, but it is a great learning experience. Afterward, you can always look for a KZbin tutorial that shows the "perfect solution" to the problem. That way, you will understand a lot more about WHY certain things are coded that way. We’re definitely planning to expand our JavaScript content here on the channel. While we currently focus more on CSS, JavaScript has so much potential to teach, especially for beginners who want to build real projects. In fact, I’m working on a complete JavaScript course that will cover all the fundamentals and include hands-on projects. It’s a big project, and I want to ensure the quality is good, so it’s taking some time. Once the course is ready, parts of it will be available for free on KZbin, and of course we will produce additional JavaScript tutorials on this channel. Feel free to share any specific topics you'd like to see covered! 😊

[@SanjayMistry.]

Thank you so much for your thoughtful reply-it’s really appreciated! I think what many JavaScript beginners, myself included, struggle with most is learning how to take the fundamentals and actually implement them in a real-world project like the Todo App. The hardest part isn’t necessarily understanding the basics-it’s figuring out how to apply them. What we truly need is someone to guide us step-by-step from “you’ve learned the fundamentals” to “here’s how to use them to build a working app.” Even if it involves a bit of back and forth, it will lay the foundation for beginners to understand how to start building projects confidently. A tutorial like this would fill a big gap that many courses miss. Most assume that once we’ve grasped the fundamentals, we’ll know what to do next, but that leap is where a lot of us get stuck. If you could create a video like this, I’m certain it would help many beginners like me bridge that gap and feel empowered to take on other projects. Thank you again for your time, and I’m really looking forward to your future content, especially the JavaScript course you’re working on! And apologies for the long response! 😊

[@awos127]

If anyone struggling with the js dont forget to add # in const todoListUl = document.querySelector("#todo-list"); and other ids

[@kumaishhaider]

Bro you're teaching style is so good and I'm really glad i subscribed you. Keep up the good work man. You'll get millions of subscribers one day if you keep working hard and making videos useful for us. Thanks for the video Man 🖤.

[@jidnyasabhavsar5460]

you delivered a very unique content, it helps me a lot !! keep going!!

[@coding2go]

Thanks, will do!

[@KunalVats-v3f]

damnnn broo this channel is really really underrated , best explanations and tutoring . Thanks mannn!!!!

[@Cahacava1funk1]

sorry, but its doesnt helps me. i copied the code and paste it to the my progect and when i clicked, its refresh the page. erorrs in console. WHY? pls explain.

[@SahilMeo-CodingExpert]

thanks man! it's a Good and ,much helpfull tutorial on youtube.

[@Agent_Ebbs]

Your videos are as informative as always 😊 thank you. For a self taught learner, this means a lot to me.

[@CodingWithAlbert-O]

just wonderful!

[@Tix_Blox]

Could you make a video about the sibiling selector, i dont understand it yet.

[@sLntBtDdLy]

What theme of vscode is this bro?

[@minisingh8380]

text decoration line through is not applied?? Means when we checked it then

[@skye0613]

This helps me a lot, thank you very much!

[@coding2go]

Glad we could help you😇

[@mustasinbillah-u7d]

thanks for this video.

[@tonytodd7011]

Everything needs to be changeable/editable!

[@y-lt6vxz]

grid tutorial next

[@coding2go]

We are currently working on it ;)

[@reayzzo]

thank you

[@LuckyLootTube]

Does anyone know how I can run this type of TO DO APP into a public notes for my community? I guess I need to create some database or something, right? I was thinking to kind of store all the notes that are written to a public google sheet.

[@shibgatmahmud]

What fonts and theme do you use in VSCode?

[@champx5]

the font is "cascadia code", and the theme is material theme by equinosocio

[@EvrybodySurf]

Thank yu!!!

[@coding2go]

You're welcome 😎

[@officialdjbobroblox]

bruh hostinger is paid i want something free :(

[@mohammed-issa0]

Github

[@raihanshek7040]

Cheek oddu

[@Noambeiruty]

@@raihanshek7040 there are free options... Reply to this if you still looking for a free option

[@donjuan243]

using github pages

[@Mellowinshort]

Netifly

[@nr7343]

You shoud not clear your todo list evrey time you and new todo

[@gerardonavarro3400]

When inserting a new one, no, however when editing or deleting one, we should

[@nr7343]

@@gerardonavarro3400 also no..why?

[@gabrielv2340]

What you could do is to render the last element added with array.lenght - 1. And in case you delete or edit an already created one, render everything in the array.

[@nr7343]

@@gerardonavarro3400 in any case, you not have to recrete the list agian

[@jamar9205]

*Promo SM*

[@reyanreyaz1306]

A single big word breaks out of the text container and pushes the trash can way over to the right. To fix that, just add a line of CSS to .todo .todo-text:- word-break: break-word;