To Do List | Javascript Beginner Project Tutorial

Поділитися
Вставка
  • Опубліковано 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
  • Наука та технологія

КОМЕНТАРІ • 383

  • @CodePhilipYT
    @CodePhilipYT  4 місяці тому +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
    ua-cam.com/video/p6F5TBxs88A/v-deo.html

  • @oloncrab4185
    @oloncrab4185 3 роки тому +138

    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.

  • @ananyamishra3786
    @ananyamishra3786 3 роки тому +14

    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.

  • @Inspiredfingers
    @Inspiredfingers 2 роки тому +14

    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

  • @yellomello6952
    @yellomello6952 Рік тому +19

    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.

  • @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.

  • @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.

  • @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!!!!

  • @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

  • @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. 👏🏻

  • @BrandonCamerer
    @BrandonCamerer 3 роки тому +69

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

  • @bigshot_07
    @bigshot_07 Рік тому +3

    fresh.clean.simple

  • @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.

  • @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

  • @JohnDoe-rj2kf
    @JohnDoe-rj2kf 3 роки тому +4

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

  • @alagbeolalekan4613
    @alagbeolalekan4613 2 роки тому +8

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

  • @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

  • @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.

  • @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!

  • @jayzee4097
    @jayzee4097 2 роки тому +3

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

  • @farhanarahman9375
    @farhanarahman9375 3 роки тому +2

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

  • @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!

  • @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

  • @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!

  • @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

  • @PeteGoode
    @PeteGoode Рік тому +1

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

  • @rylidavis5679
    @rylidavis5679 3 роки тому +3

    amazing, thank you for explaining so concise and well!

  • @MrChhetri
    @MrChhetri 2 роки тому +2

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

  • @ceciliaw1065
    @ceciliaw1065 Рік тому +1

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

  • @ildikoedit9110
    @ildikoedit9110 2 роки тому +1

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

  • @swarooprajwal8034
    @swarooprajwal8034 2 роки тому +4

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

  • @tomaszkozowski9965
    @tomaszkozowski9965 2 роки тому +2

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

  • @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

  • @itsjustgurjit
    @itsjustgurjit Рік тому +1

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

  • @aburayhan1897
    @aburayhan1897 Рік тому

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

  • @ismailananouche9980
    @ismailananouche9980 Рік тому +1

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

  • @demimackin9963
    @demimackin9963 3 роки тому +1

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

  • @dries59dep
    @dries59dep Рік тому

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

  • @SoSo11
    @SoSo11 Рік тому +1

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

  • @gt_n1722
    @gt_n1722 2 роки тому +1

    SImple and concise explanations, thank you!

  • @loop491
    @loop491 2 роки тому +1

    Thanks very much I gave up on this project but now u made it simple to understand now I can make a to-do list simply the best

  • @19Hayden95
    @19Hayden95 Рік тому +1

    For anybody having troubles making their list start on a new line like me, try changing your paragraph.innerText within the function to :
    paragraph.innerText = inp.value + "
    ";

  • @Aykorblx
    @Aykorblx 3 роки тому +1

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

  • @gulaidameer
    @gulaidameer Рік тому +1

    The best to-do list tutorial ever!

  • @LoveWithAdrish
    @LoveWithAdrish 2 роки тому +3

    I'm following this with some basic HTML, CSS & a bit of js knowledge. I didn't learn the DOM yet but still, I'm easily able to understand it. Thank you :)

  • @amjadahmad1963
    @amjadahmad1963 Рік тому

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

  • @jgmercedes
    @jgmercedes 4 роки тому +2

    easy and fast thank you man!

  • @sowmocoding5740
    @sowmocoding5740 2 роки тому +1

    This is so soothing!

  • @hafsabatool8895
    @hafsabatool8895 Рік тому +1

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

  • @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

  • @jenso413
    @jenso413 2 роки тому +1

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

  • @a2_update742
    @a2_update742 Рік тому +2

    Your tutorial is so easy it really helps me to code at a beginner level just easy and simple
    Thank for the video❤️❤️

  • @maazmuhammad1013
    @maazmuhammad1013 3 роки тому +15

    It was a good tutorial and I have learned from it but please make the visual studio font size larger its easier for us to follow along :)
    thank you for this awesome tutorial :)

  • @MuffinLorde
    @MuffinLorde 2 роки тому

    you just earned a subscriber man, thanks for the tutorial

  • @ankandas
    @ankandas 3 роки тому +2

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

  • @rugvedwagh9434
    @rugvedwagh9434 2 роки тому

    Thanks man really helped me understand javascript more

  • @lifesamitch247
    @lifesamitch247 3 роки тому

    Clear and concise. Thanks!

  • @arpandashore4600
    @arpandashore4600 Рік тому +1

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

  • @mgrmijan
    @mgrmijan Рік тому

    Straightforward, clear and concice. Lovely tutorial.

  • @minhajulabedin9241
    @minhajulabedin9241 3 роки тому +1

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

  • @tupaez7133
    @tupaez7133 5 місяців тому +1

    than for this lesson! It helped me!

  • @timrex9640
    @timrex9640 2 роки тому +1

    awesome video man. love you loads

  • @randomcoder4984
    @randomcoder4984 2 роки тому +1

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

  • @Victor-ye6cz
    @Victor-ye6cz 3 роки тому +1

    This is great!No bs tutorial!

  • @fzkod
    @fzkod 2 роки тому +2

    Thanks for valuate the viewer's time.excelent !

  • @crappycoders
    @crappycoders Рік тому +1

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

  • @myveritasforever
    @myveritasforever Рік тому +1

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

  • @djguy100
    @djguy100 3 роки тому +1

    Great tutorial man, thanks for uploading 👍🏻

  • @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!

  • @jls534
    @jls534 3 роки тому +1

    Thank you.. my first project and I think I understood most of it

  • @blackcoder2510
    @blackcoder2510 Рік тому

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

  • @PHASES_OFFICIAL
    @PHASES_OFFICIAL 2 роки тому

    Thanks so much for the tutorial!

  • @simeonpitukolo1412
    @simeonpitukolo1412 Рік тому

    Short and precise....Thanks Alot

  • @nbvdib2098
    @nbvdib2098 Рік тому +1

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

  • @avagsargsyan404
    @avagsargsyan404 2 роки тому

    Thanks a lot! This was really cool !

  • @VishalGupta-xw2rp
    @VishalGupta-xw2rp Рік тому +1

    I finally understood everything. 🤩🔥

  • @elieli2570
    @elieli2570 2 роки тому +1

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

  • @mauromatos3124
    @mauromatos3124 2 роки тому +1

    Dude, you are amazing. Thanks a ton.

  • @nathanle8957
    @nathanle8957 Рік тому +1

    Give it up for this short and amazing video

  • @gyorgymatrai5768
    @gyorgymatrai5768 2 роки тому +1

    Cool vid. Thank you 👍

  • @altc5137
    @altc5137 Рік тому +1

    Simple and clear. Thanks.

  • @ismoil3075
    @ismoil3075 3 роки тому +2

    thanks, simple but very helped !

  • @janajanacikova7919
    @janajanacikova7919 3 роки тому

    this is amazing tutorial. so much appreciated.

  • @amritaacharjee3526
    @amritaacharjee3526 2 роки тому +1

    Superb Video & so simple !!!

  • @goodnessbassey-nu1ef
    @goodnessbassey-nu1ef 10 місяців тому +1

    thank you so much sir! really learnt alot today

  • @RetroGamerAJ
    @RetroGamerAJ Рік тому +1

    Great Tutorial!

  • @FiveFourThor
    @FiveFourThor 2 роки тому

    amazing!!! thank you so much!

  • @premaljoshi6337
    @premaljoshi6337 3 роки тому +2

    This was the best and short video ........keep going bro...

  • @ulugbekuktamov2685
    @ulugbekuktamov2685 2 роки тому +1

    Thanks that was useful practise for javascript learner

  • @kedar_bairagi
    @kedar_bairagi 3 роки тому +1

    the way you explain is easier than many others ... thank you bro !!! if you can then please start uploading more videos ...:)

    • @CodePhilipYT
      @CodePhilipYT  3 роки тому +2

      Thanks for your comment :) sadly im not really interested anymore in programming.

  • @danishrajvala9684
    @danishrajvala9684 3 роки тому

    thanks alot, very simple and efficient, higly appreciated

  • @resulavsar1074
    @resulavsar1074 2 роки тому +1

    It was so useful to me! Thank you :)

  • @megayear8615
    @megayear8615 2 роки тому +2

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

  • @SruthiSNair
    @SruthiSNair 2 роки тому +1

    Great.. tried it step by step.. it worked.. thank you☺

  • @stjepanoviccc
    @stjepanoviccc Рік тому +1

    Simple. Good job

  • @adnan8465
    @adnan8465 2 роки тому +1

    AMAZING MANN
    YOU made it so simple

  • @anangyoga1381
    @anangyoga1381 2 роки тому +1

    hi, thanks for the tutorial!

  • @ShimmerBodyCream
    @ShimmerBodyCream Рік тому +1

    Thank you!

  • @Tahirlyricsvideos786
    @Tahirlyricsvideos786 2 роки тому +2

    Sir you are Awesome !