To Do List | Javascript Beginner Project Tutorial

Поделиться
HTML-код
  • Опубликовано: 21 май 2020
  • #javascript #todo #todolist
    📌 In this episode we will learn how to create a To Do List with html, css and javascript.
    📢 Subscribe if you want more Javascript Beginner Project Tutorials
    👍 Leave a like if you enjoyed it
    📢 If you have feedback or suggestions for projects that I could build, please tell me in the comments below.
    ⚜ For the Source Code and other Javascript Beginner Projects visit my GitHub Page: ⚜
    ▶️ github.com/learn-webdevYT/Jav...
    🔽 📋 My latest Three Javascript Beginner Projects Tutorials: 📋 🔽
    ➡️ Pomodoro Timer
    🔗 • Pomodoro Timer | Javas...
    ➡️ Scroll Indicator
    🔗 • Scroll Indicator | Jav...
    ➡️ Change CSS with JavaScript
    🔗 • Change CSS Styles with...
    📼 Full Playlist with all Javascript Tutorials:
    🔗 bit.ly/2RbwdWz
    #javascript #beginner #projects #tutorial #html #css #coding #sourcecode #cssgrid #cssflexbox #code #webdevelopment #frontend #dev #todolist
  • НаукаНаука

Комментарии • 382

  • @CodePhilipYT
    @CodePhilipYT  3 месяца назад +1

    Hey guys, I made a new tutorial for a to do list which can also save your tasks on page refresh. You can do that by using the localStorage in the browser. If youre interested check it out:
    To Do List with LocalStorage (Save To Do's in Browser!) | JavaScript Beginner Project
    ruclips.net/video/p6F5TBxs88A/видео.html

  • @oloncrab4185
    @oloncrab4185 3 года назад +137

    This is the proof, why a youtuber has no need the spectacular intro. I just subscribed in 4th seconds of the video. i don't want to see stupid intros anymore. Congrats dude.

  • @atirah14
    @atirah14 2 года назад +37

    Among the many TO DO tutorials available, this is simply the best. Simple and intuitive.

  • @Dexquest3d
    @Dexquest3d Год назад +5

    I appreciate the fact that you built this and taught it in the most basic form. Most of the tutorials out there are overwhelming and get complex so quickly forgetting that there's true value when one goes back to the basics, ensuring a strong foundation to build upon. Thank you for this. This was truly helpful.

  • @yellomello6952
    @yellomello6952 Год назад +18

    As a new coder, a lot of the tutorials could be so overwhelming. I can't believe I watched a 2 hour video on how to make a freaking ToDo list!
    This one was so concise and easy to understand. Subscribed immediately.

  • @AchrafTheGeek
    @AchrafTheGeek 2 года назад +15

    This is how you teach. you have a clear title, you go straight to the point , and you use the most simple methods of execution, I LOVE IT MAN keep it up

  • @ananyamishra3786
    @ananyamishra3786 2 года назад +13

    Literally the bestttttttttt. Just google what all he is using and you can finish this project too soon. I had lost my confidence to do js days ago but after seeing this I am so more confident.

  • @kenosabi
    @kenosabi 2 года назад +6

    Amazing. I love how you had a plan before you started the video and didn't seem like having to do more then one take would physically end your life. There's some rather popular "coding" channels that are straight trash. One in particular comes to mind where dude quite literally will tell you he's "making it up as he goes" so your over here riding the delete key and he's acting concerned if he has to edit anything that it'll kill him. The kicker is he also sells massively overpriced courses that are more or less just w3 schools courses. It's refreshing to find someone who clearly had a plan before he pressed record and is also willing to show you why your doing the things your doing and not simply trying to hit enough of a time mark for monetization. Subscribed. Straight forward and to the point. Logical progression. No stupid intro or "background music" that you can't hear over. A fuckin unicorn.

  • @Inspiredfingers
    @Inspiredfingers 2 года назад +13

    simple and straigth to the point without any complications . Html first , Basic Styling and lastly functionality. What most youtubers will do with 40mins styling unnecessary UIs you did with just 10mins

  • @bigshot_07
    @bigshot_07 Год назад +3

    fresh.clean.simple

  • @BrandonCamerer
    @BrandonCamerer 3 года назад +69

    Wow, so simple and straight to the point. EXACTLY what I was looking for, thank you!

  • @AJ-yn4tj
    @AJ-yn4tj 2 года назад +4

    Hab dich gerade erst entdeckt aber kann jetzt schon sagen dass deine Videos sehr gut und hilfreich sind, thanks a lot! Und ich hoffe dass noch einige dazu kommen, gerade so beginner tutorials. 👏🏻

  • @alagbeolalekan4613
    @alagbeolalekan4613 Год назад +8

    You're the type of teacher every beginner developer needs
    Thank you

  • @JohnDoe-rj2kf
    @JohnDoe-rj2kf 3 года назад +4

    this is beyond the word. straight and to the point.

  • @steel3745
    @steel3745 3 года назад +21

    You would not believe how long I tried to do this before I came across your 10 minute video. Thank you! Keep up the content.

  • @burhaanhassan5498
    @burhaanhassan5498 2 года назад +1

    hands down bro, I tried many tutorials and I almost gave up making the To-Do list, until I came across yours. thank you a lot. you got my subscription.

  • @shakirkamal4958
    @shakirkamal4958 3 года назад +12

    All I can say is wow, this really helped me know the basics, now I can start add stuff of my own. Thank you

  • @jayzee4097
    @jayzee4097 2 года назад +3

    Thanks for making this as simple and understandable as possible! So many other tutorials over-complicate everything.

  • @aburayhan1897
    @aburayhan1897 Год назад

    other youtuber's taking over hours just for this. you're so good man

  • @user-fp1vg1ob4n
    @user-fp1vg1ob4n 3 года назад +2

    Thank you so much! This is the best tutorial for beginners it's sad seeing you don't upload anymore but still I'm gonna go through all your videos

  • @moisemulungu258
    @moisemulungu258 2 года назад +5

    I am learning JavaScript ES6, but your video gives me the confidence to understand things that I was scared of. Thank you so much!

  • @ildikoedit9110
    @ildikoedit9110 2 года назад +1

    Thank you! I really appreciate that you added explanations, too.

  • @farhanarahman9375
    @farhanarahman9375 3 года назад +2

    your channel is a blessing !!!
    Please keep making more beginner js projects !!

  • @ceciliaw1065
    @ceciliaw1065 Год назад +1

    Thank you so much for the short video! Perfect introduction to a simple JavaScript html project

  • @rylidavis5679
    @rylidavis5679 3 года назад +3

    amazing, thank you for explaining so concise and well!

  • @demimackin9963
    @demimackin9963 3 года назад +1

    Thank you so much! Very easy to understand, Love it!

  • @tomaszkozowski9965
    @tomaszkozowski9965 2 года назад +2

    You explain things very clearly. A great video!!!

  • @catalin2915
    @catalin2915 Год назад +3

    I am a beginner and i watch ~10 video of "how to make a todo list in html,css and javascript for beginner" and i was unable to make it being very disappointed and angry because i don t understand what are they doing until i see you re video.THANK YOU!!!!

  • @PeteGoode
    @PeteGoode Год назад +1

    I want to tell you how much I appreciate your quick tutorial. Thank you

  • @dries59dep
    @dries59dep Год назад

    yeah, finally i found a great todo turorial. Thanks!

  • @gt_n1722
    @gt_n1722 2 года назад +1

    SImple and concise explanations, thank you!

  • @ismailananouche9980
    @ismailananouche9980 Год назад +1

    So helpful thanks man and i swear the best video i saw in this youtube bcs others youtubers complicate things

  • @mgrmijan
    @mgrmijan Год назад

    Straightforward, clear and concice. Lovely tutorial.

  • @jenso413
    @jenso413 2 года назад +1

    awesome, just what I was looking for. thank you!

  • @swarooprajwal8034
    @swarooprajwal8034 2 года назад +4

    This is so straight to the point, I really appreciate your efforts.
    Thanks =)

  • @simeonpitukolo1412
    @simeonpitukolo1412 Год назад

    Short and precise....Thanks Alot

  • @lifewithoutbigbrother355
    @lifewithoutbigbrother355 3 года назад +10

    Good stuff man. Just got out of a four month bootcamp and I just learned more JS in 10 min lol Thanks man

  • @sowmocoding5740
    @sowmocoding5740 Год назад +1

    This is so soothing!

  • @rugvedwagh9434
    @rugvedwagh9434 2 года назад

    Thanks man really helped me understand javascript more

  • @cristoferk8314
    @cristoferk8314 3 года назад +2

    WOW! So simple and easy! Thanks! I know just HTML and CSS (I am making tutorials about them) and now I start learning JavaScript! I recommend this to beginners!

  • @itsjustgurjit
    @itsjustgurjit Год назад +1

    This is the Best and Most practical channel ! I love the way you teach!

  • @lifesamitch247
    @lifesamitch247 3 года назад

    Clear and concise. Thanks!

  • @MuffinLorde
    @MuffinLorde 2 года назад

    you just earned a subscriber man, thanks for the tutorial

  • @PHASES_STUDIO
    @PHASES_STUDIO 2 года назад

    Thanks so much for the tutorial!

  • @jgmercedes
    @jgmercedes 4 года назад +2

    easy and fast thank you man!

  • @MrChhetri
    @MrChhetri 2 года назад +2

    A very nice example for a beginner. No BS and simple Event handlers.

  • @gulaidameer
    @gulaidameer Год назад +1

    The best to-do list tutorial ever!

  • @avagsargsyan404
    @avagsargsyan404 2 года назад

    Thanks a lot! This was really cool !

  • @amjadahmad1963
    @amjadahmad1963 Год назад

    was for 3 hours trying to understand this today in class, thanks in 10 mins i get it

  • @tupaez7133
    @tupaez7133 4 месяца назад +1

    than for this lesson! It helped me!

  • @ahmadalkordee5879
    @ahmadalkordee5879 3 года назад +1

    Man you are explaining in very good way so smooth and productive ... i wish you make more objects , and thank you very much

  • @SoSo11
    @SoSo11 Год назад +1

    After watching a couple of your videos .... I just realized i was missing out a lot, Greate content 👍❤

  • @timrex9640
    @timrex9640 2 года назад +1

    awesome video man. love you loads

  • @Aykorblx
    @Aykorblx 3 года назад +1

    Damn, amazing video. Everything from 1 hour tutorials in 10 minutes. Sub for sure

  • @chrisd-qv4vp
    @chrisd-qv4vp 2 года назад +4

    Hey! I want to thank you! I used this & I improved on it using QuerySelectors & Arrow functions! Also instead of “var”, use “const” as const scopes better than var does! I also made the app responsive for mobile users!

  • @nbvdib2098
    @nbvdib2098 Год назад +1

    woow man i love you !!! you just saved me

  • @gyorgymatrai5768
    @gyorgymatrai5768 2 года назад +1

    Cool vid. Thank you 👍

  • @guistudies9190
    @guistudies9190 2 года назад

    Thank you very muchhhh
    I was looking for a to-do list for beginners and your tutorial is the best, I'm pretty sure

  • @VinciJeremy789
    @VinciJeremy789 3 месяца назад +1

    extreme underrated.......⭐⭐⭐⭐⭐

  • @crappycoders
    @crappycoders Год назад +1

    That is what you call a useful vid and tutorial! thanks

  • @altc5137
    @altc5137 Год назад +1

    Simple and clear. Thanks.

  • @goodnessbassey-nu1ef
    @goodnessbassey-nu1ef 9 месяцев назад +1

    thank you so much sir! really learnt alot today

  • @djguy100
    @djguy100 3 года назад +1

    Great tutorial man, thanks for uploading 👍🏻

  • @PabloHernandez-tf4do
    @PabloHernandez-tf4do 2 года назад +2

    Hey thank you for uploading this. I 've been stressed out with this project I'm coding on my own through frontend mentor and really needed to just follow along with somebody's simple code to get my bearings better. Again, thank you

  • @blackcoder2510
    @blackcoder2510 Год назад

    I've understand everything u have do thnks for simple method of todo

  • @VishalGupta-xw2rp
    @VishalGupta-xw2rp Год назад +1

    I finally understood everything. 🤩🔥

  • @FiveFourThor
    @FiveFourThor 2 года назад

    amazing!!! thank you so much!

  • @hafsabatool8895
    @hafsabatool8895 Год назад +1

    I can not tell you how helpful was this thanks for your efforts.

  • @danishrajvala9684
    @danishrajvala9684 3 года назад

    thanks alot, very simple and efficient, higly appreciated

  • @elieli2570
    @elieli2570 2 года назад +1

    This is very helpful for me starting process, thank you very much!!

  • @nathanle8957
    @nathanle8957 11 месяцев назад +1

    Give it up for this short and amazing video

  • @mohammedelhoussni
    @mohammedelhoussni 2 года назад

    thank you soo much for this amazing toturial

  • @kawhileonard1185
    @kawhileonard1185 2 года назад +1

    I have subscribed to your channel. Your tutorial is easy to understand, and you explain the function, var/let, etc... that is easy to understand. WhatitDoBaby!

  • @ismoil3075
    @ismoil3075 3 года назад +2

    thanks, simple but very helped !

  • @fzkod
    @fzkod 2 года назад +2

    Thanks for valuate the viewer's time.excelent !

  • @mauromatos3124
    @mauromatos3124 2 года назад +1

    Dude, you are amazing. Thanks a ton.

  • @alirezamohammadi8578
    @alirezamohammadi8578 2 года назад +1

    very simple and helpful
    tnx for it

  • @megayear8615
    @megayear8615 2 года назад +2

    Finally a video thats not 1 hour long lool 👋👋 here you go king 👑

  • @abduredwan8308
    @abduredwan8308 2 года назад

    you just made my day!

  • @stjepanoviccc
    @stjepanoviccc Год назад +1

    Simple. Good job

  • @RetroGamerAJ
    @RetroGamerAJ Год назад +1

    Great Tutorial!

  • @theMadProgrammers
    @theMadProgrammers Год назад +1

    very well explained sir. thank you.

  • @janajanacikova7919
    @janajanacikova7919 3 года назад

    this is amazing tutorial. so much appreciated.

  • @Victor-ye6cz
    @Victor-ye6cz 3 года назад +1

    This is great!No bs tutorial!

  • @amritaacharjee3526
    @amritaacharjee3526 2 года назад +1

    Superb Video & so simple !!!

  • @anangyoga1381
    @anangyoga1381 2 года назад +1

    hi, thanks for the tutorial!

  • @ulugbekuktamov2685
    @ulugbekuktamov2685 2 года назад +1

    Thanks that was useful practise for javascript learner

  • @arpandashore4600
    @arpandashore4600 Год назад +1

    It's really simple and as I get what I want in a short time..

  • @randomcoder4984
    @randomcoder4984 2 года назад +1

    Thanks, motivates me to keep going, my first simple project.

  • @user-cx1di5zg9m
    @user-cx1di5zg9m 2 года назад +1

    Thank you for this video

  • @resulavsar1074
    @resulavsar1074 2 года назад +1

    It was so useful to me! Thank you :)

  • @ankandas
    @ankandas 3 года назад +2

    Very useful tutorial for starting Java script developments. You nailed it every line of the code

  • @limbubibas152
    @limbubibas152 9 месяцев назад +1

    thank you sir for teaching.

  • @antonyyg
    @antonyyg Год назад +1

    Very good explanation and easy to learn. Thanks!

  • @abdihakimjama5810
    @abdihakimjama5810 3 года назад +1

    awsome 5 start. thanks

  • @peiman.k8108
    @peiman.k8108 2 года назад +1

    Amazing, thanks

  • @myveritasforever
    @myveritasforever Год назад +1

    Never seen so short but So straight tutorial . ❤ Less talk more job ❤

  • @wisdomDickson-dd3ht
    @wisdomDickson-dd3ht Год назад

    the best so far

  • @ShimmerBodyCream
    @ShimmerBodyCream Год назад +1

    Thank you!

  • @minhajulabedin9241
    @minhajulabedin9241 3 года назад +1

    You made my javascript journey constant🥺🥺🥺 thanks a lot