How to Build a Todo List App with Local Storage for Beginners - HTML, CSS & JavaScript

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

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

50% 1

Learn how to build a todo list web app in HTML, CSS and JavaScript with the ability to display, create, edit and delete your tasks. Task list, to-do list, shopping list.
CSS code:
codepen.io/miguelznunez/pen/y...
GitHub repository:
github.com/miguelznunez/To-do...
Try it live:
miguelznunez.github.io/To-do-...
Follow my blog:
/ miguelznunez
Email : mignunez@csumb.edu
Medium : / miguelznunez
Codepen : codepen.io/miguelznunez
GitHub : github.com/miguelznunez

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

8 дек 2022

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

@codefoxx Год назад

Hello, friends, please help me get this video in rotation by commenting (a simple thanks will do) and liking👍

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

ive already subscribed and liked thank you for making this video may God bless you😇😀😃😄😁😆😅🤣😂😉😊🤗😜🤪😝

@tonytodd7011 2 месяца назад

Great lesson, I like it! The video is really solid and compact, not like multi-hours todo-list ones I've ever seen!

@fuadagayev-mg7fk 6 месяцев назад

This is very helpfull me understand "todo" logic. Thank you!!!!

@13reath43 Год назад

Simple code ( who wants can restucturize to follow don't repeat urself rule) Solid explanations ( everyone has google few things can be googled ) Good and easy design Also BIG + for teaching how to use localstorage Thanks a lot

@padmajverma6784 Год назад

thank you so so much i was struggling to with a decent todo list tutorial with local storage .... thanks to u i was able to do it.. appreciate it man .

@ArslanBekbolotov-wq8hd Год назад

this video from local storage really helped me to make the program

@JesseJames7 Год назад

Finally one with an edit button. Thank you

@raglarnights Год назад

i been watching to your channel for awhile now. great stuff and easy to understand

@SoxPatsCelts1995 Год назад

I've watched a couple todo list tutorials and the logic and explanations on this one really clicked with me. thank you

@codefoxx Год назад

I got you

@atinukeadeshola-manuels9364 Год назад

Really really really good video especially the localStorage part. Thanks a lot

@agataa.8411 Год назад

Thank you so much. It was useful for me.

@vietmobile159 Год назад

Very nice tutorial, thank you

@flyflor599 10 месяцев назад

Excellent thank you !

@nibosvaska6645 Месяц назад

Great work, great code

@YasminMuryadi Год назад

I learned a lot from this. Thanks!

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

so as me i really learned alot

@tonytony-fc6gq Год назад

Thank You , most CRUD on youtube dont have UPDATE which bogs my mind why they calling it CRUD, so Thank you again !! you made it soo simple

@Facts_Agenda 4 месяца назад

Incredible Video for beginners

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

Thanks a lot!!!

@Edward_Huraira Год назад

Want more and more projects. Take love bro ❣️

@Lorry127 2 месяца назад

Thanks!

@timokimo8206 Год назад

Thank you 🌹

@alfredosancheznava8712 Год назад

Really cool tutorial!!

@codefoxx Год назад

Thank you

@thecoder1694 Год назад

you taught this lesson fucking cool man thank you for your fucking helpful help!

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

Yup, this is the video

@globxoperations2271 Год назад

Thanks

@commonman8540 10 месяцев назад

hi, any idea to add reminder in this todo app

@flyflor599 9 месяцев назад

thanks

@user-tu6zp2tj9q 9 месяцев назад

hello sir this code is helpful for me but i need in weekly to do list can say process

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

Hey man, great video.. I am actually working on something similar, but I have a problem... How can I add to existing list items? When I reload my page, The local storage is displayed but when I try to add another list item, It wipes the previous list items.

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

Hello sir, i have a question, if i want to do let's say 2 to-do list in a web, how do I use the same CSS and js for that 2 elements?

@MrFrankmore Год назад

Hello, thanks for this, it really helped me solve the editing part. One question, please, if I wanted the input to appear above that is the most recent to-do additions showing up first before the rest, how do I go about it?

@codefoxx Год назад

Youll need to create a small algorithm. Perhaps you can delete the item you are editing (you can use the splice function ) from the array and push it back into the array (with the push function) so that it goes to the front

@MrFrankmore Год назад

@@codefoxx It's not so clear but I think I get the idea. Thanks a lot.

@Mason-cg2wx 10 месяцев назад

Not sure if this will get to you but at 4:50 and everything to do with the date before that i am not able to get the console log to show the date nor the text to show the date, the date part of it is not a deal breaker but its gonna keep bugging me till i figure out why it will not work

@Mason-cg2wx 10 месяцев назад

scratch that, i cant get my console to display anything

@MBmysterio Год назад

Why do you use Div? I'm a beginner so, please excuse my question if it comes across as extremely basic.

@jimmyjayant8072 2 месяца назад

Excellent Video. Keep it up. I tried your to do list live. And I found a problem. If the original task is "abc". And after editing it to "abcd" we click on cancel then the original task is not shown. Instead the edited task "abcd" is shown. Please correct this one.