Build a To-Do List in 20 MINUTES with JavaScript

Подписаться 133 тыс.

Просмотров 27 тыс.

50% 1

In today's video, I'll show you how easy it is to build a To-Do List App using HTML, CSS & JavaScript. No frameworks are involved in this project and it's great for beginners who want to learn Local Storage and how to build user interfaces for the web.
🏫 My Udemy Courses - www.udemy.com/user/domenic-co...
🎨 Download my VS Code theme - marketplace.visualstudio.com/...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #javascript

Опубликовано:

8 янв 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 36

@BMikel Год назад

Nice tutorial. To do list is an absolute must for every beginner. It allows to work and understand literally all basic JS concepts: DOM, manupultaing DOM, functions, arrays, scope, loops, state and many other basic stuff.

@karlstenator Год назад

This is such a great tutorial!!! Thanks so much - great way to spend my Sunday morning coffee ☕

@legendaizy482 Год назад

Am from pakistan a web developer and still a student but following you in time of needs … Good keep it up

@ghostrAider98 3 месяца назад

Great Tut, pretty quick solution. Just an FYI: This solution will create individual event listeners for each todo item, which can be a bottleneck. Of course for a small todo app, it not going to matter. But if you use this technique in a different more heavy app. I surely will cause issues

@user-sb8lj2ly3h 4 месяца назад

thank you 🎉

@storytimewithamy Год назад

Thank you so much. You just gave me ideas and better way to finish my project

@abubalo Год назад

Greate tutorial as usual. Todo list project is always interesting with so much nuances. Looking forward to more intermediate and advance Javascript projects this year.

@fabiennedallau968 Год назад

Really good and clear explanation. Just what I needed. Keep going with these super videos

@intc21 Год назад

Great videos, thank you. Really like your teaching style.

@venusstrange8754 Год назад

Waouh ! You, sir, are a great teacher! Thank you!

@mrneedful8886 5 месяцев назад

follow all steps, but at the end i get my list, but they never swap the done to the end with the others they just stay there, and when reload i get a tons of to do boxes.. is that normal or they supposed to restart so i can have an empty list??

@benjamincoros7355 Год назад

Great tutorial!

@christinerobinson3626 Год назад

It's too good brooo🔥❣️

@hassaneoutouaya Год назад

Thank you so much !

@hectorsevilla7335 7 месяцев назад

Almost perfect. Even though you can cross out an item, it would be great if you can also remove an item on the list via a 'remove button'.

@l-fitness3590 6 месяцев назад

Did you figure out how to do this

@ramzanrazashaikhahmad2143 Год назад

It' awesome. Thank you for making this video. It really helps a lot. What is the logic to removed the item which is marked as completed/checked.

@Watermelongurl_123 8 месяцев назад

Thanks! Great tutorial and very easy to follow! However, the last part with the sorting didn't work for me.

@steveh8204 Год назад

Great tutorial, a very good intro to local storage for me personally. Only problem I have is when I click add button I have to refresh the browser for it to appear in Chrome and Edge. Is this just me?

@user-fj7tr3ub3f Год назад

thanks a lot! but what about the remove function?

@sirp9721 Год назад

I have a question though Why do you have to get the items first in the local storage when they're not even there yet?

@dcode-software Год назад

In order to know there are no items, you must fetch the items 🙂

@sirp9721 Год назад

@@dcode-software thank you 😀

@penguinxed Год назад

you're very underrated sir, I've been watching your tutorials since I started learning Javascript and I can say that you're style of teaching is much easier to understand and follow. Thank you :)

@javlonovic9070 6 месяцев назад

where are you from

@sebastiansobik7845 Год назад

Hello, can you explain to me why we do not update local storage when user exits/refresh page? Isn’t it waste of resources to update it and refresh each time? I am noobie, so if it’s obvious don’t be mad on me