How To Create To-Do List App Using HTML CSS And JavaScript | Task App In JavaScript

Поделиться
HTML-код
  • Опубликовано: 19 мар 2023
  • Learn How To Create TO DO List App Using HTML CSS And JavaScript | Task App In JavaScript Step By Step Tutorial For Beginners
    #JavaScript #JavaScriptProjects
    👉 Download 30 JavaScript projects Source Code (Including To-Do List App):
    greatstack.dev/go/30-js-projects
    ❤️ SUBSCRIBE: goo.gl/tTFmPb
    In this video you will learn to make a To-Do List App or Website with HTML, CSS and JavaScript.
    In this To Do list we can add our task list and mark that task as completed or incomplete. We can write the new task in the input box and click on the "Add" button then the new task will be added to the list.
    We can click on the task name to mark it as completed or incomplete task. We will add a close icon to delete the particular task from the ToDo list.
    In this JavaScript Project we are using Local Storage that will store the task list or To Do list in your web browser, So that if you close and restart the browser then also it will display your saved To-Do List
    Download Images: drive.google.com/file/d/1Zqif...
    JavaScript to-do list, JavaScript To-Do List, JavaScript Task App, ToDo List using JavaScript, Task manger using JavaScript, JavaScript projects for beginners, JavaScript projects for students, JavaScript tutorial, JavaScript project for college students, college project in javascript, To-Do List App
    -----------------------------------------
    Suggested Course:
    ❤️ Complete website Using HTML and CSS
    ✔️ 8 Complete website step by step
    ✔️ Source Code Download
    ✔️ 76 Lectures, 12 Hours Video
    ✔️ Course Completion certificate
    👉 easytutorialspro.com/go/course/
    -------------------------------------
    Recommended Videos:
    Learn Complete HTML and CSS from basics:
    ► • HTML And CSS Tutorial ...
    Make A Complete Website for college using HTML & CSS:
    ► • How To Make A College ...
    How to make a Business website step by step:
    ► • How To Make Website Us...
    How to make personal resume website step by step:
    ► • How To Make A Website ...
    How to make fitness website design using HTML CSS:
    ► • How To Make A Website ...
    How to make an Ecommerce Website Design:
    ► • How To Make eCommerce ...
    How to make a Job Portal website design with HTML & CSS:
    ► • How To Make Website Us...
    How to make travel website design with HTML CSS Bootstrap:
    ► • How To Make A Website ...
    -------------------------------------
    Affordable web hosting (coupon- EASYTUTORIALS)
    👉 easytutorialspro.com/hosting/
    My recommended tools and tutorials
    👉 easytutorialspro.com/
    -------------------------------------
    ◼️ Source code link is shared in community post for all my coding videos exclusively for channel members (only channel members can see)
    Join Channel Membership:
    ► / @greatstackdev
    -------------------------------------
    Connect with me:
    👉 linktr.ee/iamavinashkr

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

  • @user-rb4tl5mq1o
    @user-rb4tl5mq1o 8 дней назад +11

    Sir you are the only reason i am not quitting coding . You make every project very easy . Please make some unique projects in the same way ❤

    • @GreatStackDev
      @GreatStackDev  8 дней назад +3

      Sure. I will try my best. Thank You. 😊

  • @nehalpradhan2229
    @nehalpradhan2229 11 месяцев назад +47

    WOW. This video achieved the same thing with way more simplicity than other tutorials. which is helpful for beginners.

  • @anstorm_dev
    @anstorm_dev 3 месяца назад +79

    the worst part in javascript is when you make a small mistake and the whole code doesn't work lol

    • @coding688
      @coding688 2 месяца назад +8

      bro I missed a comma🤣

    • @anstorm_dev
      @anstorm_dev 2 месяца назад

      xD@@coding688

    • @anupdhakal69
      @anupdhakal69 2 месяца назад

      @@coding688 you don't need a comma

    • @dipendrasingh4874
      @dipendrasingh4874 Месяц назад +3

      bro css is even worst here atleast we can console log and in console error will show ,what part is running in css code me bug dhundo beth ke

    • @Siraj_tahiri
      @Siraj_tahiri Месяц назад +1

      But now you can use chat gpt to find errors

  • @sogenohata1948
    @sogenohata1948 Год назад +7

    WOW. Thank you for such an easy-to-understand tutorial. I didn't know with such simple (not saying that it's easy) Javascript, you can create a to-do list!!

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

    bro i go through so many videos relevant to project but they won't explain the code simply the code was going but among them you'r the one only man explain the code with proper manner

  • @ChinaMary279
    @ChinaMary279 11 месяцев назад +3

    Thank you easy tutorials. You're doing a great job by explaining it step by step

  • @Daemusa
    @Daemusa 4 месяца назад +27

    I usually don’t comment, but videos like yours impress me. Very good job! Thank you for sharing your wisdom with us!!

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

    thank you so much for providing such a simple and valuable video. These tutorials are absolutely amazing not just for building projects but for actually understanding what you are doing. thank you a lot, bro

  • @vikramnena4648
    @vikramnena4648 9 месяцев назад +6

    Before watching this video i thought its hard to learn css html ans js together but after watching this i realise its very easy

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

    Thank you so much for this tutorial! It was so clear and well explained.

  • @kevindong4303
    @kevindong4303 25 дней назад

    THANK YOU! I will be adding my own features and functions to this basic to do list!

  • @sreedinesh7270
    @sreedinesh7270 2 месяца назад +2

    Tqsm sir, u have given all the detailed explanation of the complete process of ToDo list.I have created an awsome list tqsm

  • @daniellyra9199
    @daniellyra9199 16 дней назад

    Your videos are very instructive. I have been learning a lot, thank you so much! 2 projects down, 28 to go!

  • @Ms01101986
    @Ms01101986 Месяц назад

    The easiest one to follow that worked 100% from the start to the end....Amazing tutorial :)

  • @josyafritudemedia551
    @josyafritudemedia551 Месяц назад

    Thank you very much I am currently learning function in js after I complete the course, I will use this as my project thank you 🎉🎉🎉❤

  • @anilsuyal
    @anilsuyal 3 месяца назад

    Thanks a lot for the wonderful video! Just completed the app. For beginners, little more explanation to each and every step would be more helpful.

  • @educationalpoint2017
    @educationalpoint2017 2 месяца назад +5

    This is my 1st project of JavaScript..And this an awesome Experience....Thank You....

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

    Thank you for sharing this informative content. I am new to javascript and this helped me to understand the concepts on DOM and event handling.

  • @shadowslayer2248
    @shadowslayer2248 8 месяцев назад +30

    Sir, very awesome project. Also the explanations helped me a lot because I could revise and learn a lot of JS methods through this single project. Thanks for providing quality content for free!!!

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

      hey bro can u send the code for this, if u did it and uploaded to github

  • @franciscogiancoli93
    @franciscogiancoli93 3 месяца назад

    Shoe de bola meu amigo.. Muito Obrigado pela contribuição. aprendi muito com vc.

  • @aakashrajbhar25
    @aakashrajbhar25 Год назад +10

    great content and you explain every line so nicely

  • @amer-pt7nw
    @amer-pt7nw Год назад +2

    Thanks and we needs more html css JavaScript projects like this greats

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

    U helped me alot with javascript today . Hope u come up with this type of Projects more and help me

  • @krishnapandit_vlogs
    @krishnapandit_vlogs 11 месяцев назад +7

    Very nice and clear explanation with simple and clean code.. very helpful for beginners Thank you so much for such a wonderful tutorial..

  • @babarshabbir2554
    @babarshabbir2554 11 дней назад

    "Excellent tutorial! Clear instructions for creating a functional to-do list app with HTML, CSS, and JavaScript."

  • @FXDOVE
    @FXDOVE 3 месяца назад

    Thanks so much you video just helped me on my project. GOD BLESS

  • @ronaldbrammer1823
    @ronaldbrammer1823 2 месяца назад +1

    I really enjoyed learning this project. It was easy to follow along with.

  • @NahiBah
    @NahiBah Месяц назад

    Thanks for sharing this! I've been looking for a new way to manage my tasks.

  • @learnwithnagma
    @learnwithnagma 2 месяца назад +1

    Really commendable sir 😊.
    I found many errors in my way of doing this project ,then also I really wanted to created it . Then solved those errors and finally completed the project ✅🥳.

  • @iamuzzalhossen
    @iamuzzalhossen 25 дней назад

    You made it very easy! Thanks man!

  • @shaheerhere
    @shaheerhere 10 месяцев назад +2

    honestly this is the best explaination one could give. dude emm literally proud of you. keep it up!!

  • @srinivaspagidi5764
    @srinivaspagidi5764 22 дня назад

    Thank you so much for your effort
    You are doing a great job by explaining it step by step

  • @innocentakwolu9051
    @innocentakwolu9051 3 месяца назад +2

    All I can say is thank you..
    Seeing real life applications of basic concepts with ease is amazing.. ❤

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

    Wow, loved it, so simply explained!

  • @dilbaghsingh6069
    @dilbaghsingh6069 11 месяцев назад

    thank you so much for explaining every single line of code

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

    thank you, very easy to understand. more projects please.

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

    even though the project seems to be and actually is very easy there are many extremly useful solution included, Thank You

  • @kasamalimukhi8473
    @kasamalimukhi8473 Месяц назад

    step by step very simple to understand for to do list project.

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

    Thank you so much! This tutorial is fantasic!

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

    Thank You 🕺🕺for explaining and sharing this wonderful project

  • @md.nissanali
    @md.nissanali 4 дня назад +1

    Your code explanation is very easy to understand. thank you for giving us this tutorial

    • @GreatStackDev
      @GreatStackDev  4 дня назад

      Thank you! 😊 Keep doing more projects like this.

  • @kamilmohideen3647
    @kamilmohideen3647 8 месяцев назад +8

    dude this is awesome, you make it seem like childs play. This was my first ever experience and it was super fun an informative. Cant wait to go through your other projects / videos !

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

    great help for the absolute beginners.
    very simply explained.

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

    Thank you for this video, very easy to understand and follow

  • @JayReaver22
    @JayReaver22 9 месяцев назад +2

    Nice tutorial simple and straightforward 😊

  • @nukhaimongmarma5789
    @nukhaimongmarma5789 8 месяцев назад +1

    It's an amazing tutorial. I just built my very first project To-Do-List App. Thank you so much for the tutorial.😁

  • @johndigirolamo5858
    @johndigirolamo5858 8 дней назад

    Amazing video, my friend! I'm definitely liking and sharing! Thank you so much for sharing with us.

  • @user-xp7my2rm1i
    @user-xp7my2rm1i 2 месяца назад

    sir you have found a new loyal subscriber today. loved it sir........make more content like this

  • @tonytodd7011
    @tonytodd7011 Год назад +2

    Easy to follow as always, thank you Easy Tutorials!

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

    Thank you very much , i can learn Java script to create Todo list online easily

  • @sehrishmalik4655
    @sehrishmalik4655 2 месяца назад

    i am a biggner and i did followed this whole tutorial and completed till the end. its easy to follow but there are so many things which i didn't properly understood as someone new. tutorial could be more descriptive for biggners point of view like what are functions, variables etc.

  • @LawalHussein
    @LawalHussein 2 месяца назад

    Wow,I really gained more knowledge from thus video. You are the best tutor in java scripts..you explained it as simple as Abc💀

  • @yahmidarlington6522
    @yahmidarlington6522 Месяц назад

    Such a wonderful tutorial 👏🏾👏🏾 Thank you

  • @atifbashir1214
    @atifbashir1214 24 дня назад +1

    so easy your teaching method is very nyc

  • @qassimo688
    @qassimo688 16 дней назад

    this video is pretty amazing ! Thank you my friend !

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

    Thankyou for this amazing project 🤩

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

    Thanks ❤ , and you should also write the js code, after enter some text in input field and press enter key on keyboard then the text add automatically

  • @jamesbautista829
    @jamesbautista829 Месяц назад

    Thank you so much sir. Very informative.

  • @shajaycockrane6133
    @shajaycockrane6133 3 месяца назад

    Helped me a lot. Thank you!

  • @RitikRaj-fg7sh
    @RitikRaj-fg7sh 3 месяца назад

    Thanku so much sir , i learn a lot from u and i also added some extra feature to it

  • @skolotoi4588
    @skolotoi4588 20 дней назад

    Thank you!

  • @ravishbisht502
    @ravishbisht502 7 месяцев назад +1

    Wow amazing. Thank u so much. No words for u ❤❤❤

  • @leulsegedtekle309
    @leulsegedtekle309 Год назад +91

    I like it that you are doing more JavaScript projects. But,It would be super great if you do JavaScript basic to advanced tutorial first and then these projects.

    • @vishalplayzz2580
      @vishalplayzz2580 11 месяцев назад +3

      @@CrazyAshu34 suggest some 🙂

    • @CrazyAshu34
      @CrazyAshu34 11 месяцев назад +3

      @@vishalplayzz2580only Dom manipulation is 🥷 Worthy 🦆

    • @DelancyRoxella
      @DelancyRoxella 5 месяцев назад +2

      There are like thousands of videos like that on RUclips.

  • @Alena-ld4sp
    @Alena-ld4sp Месяц назад

    It's amazing! Thank u so much!

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

    Excellent tutorial. Thanks very much, greetings from Brasil

  • @freeju2001
    @freeju2001 2 месяца назад

    This is amazing, developing along with you is incredible ! thanks a lot brother ;-)

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

    Thank you very much sir , it was a very easy to follow vedio . Please keep making more such vedios.

  • @tejusrmandal5208
    @tejusrmandal5208 28 дней назад

    Absolutely amazing video to learn

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

    I like that you are doing more JavaScript project now thanks a love, please can you do a project on crud or laravel 🙏🙏🙏🙏🙏

  • @williamkakooza4603
    @williamkakooza4603 17 дней назад

    Thank you Professor GreatStack

  • @studynewthings1727
    @studynewthings1727 8 месяцев назад +1

    Thankyou, you are explaining very well

  • @archiestudy288
    @archiestudy288 Год назад +50

    As a beginner in JavaScript DOM, it's really hard for me to understand that function, but you make it look easy.
    This video saves my life🤩

    • @AAKARSHVERMA-bw4ic
      @AAKARSHVERMA-bw4ic 4 месяца назад

      I am learning js but the more I learn the more I lose confidense that I am not learning anything did you felt the same that time when you were learning

    • @ChefnCoder
      @ChefnCoder 4 месяца назад

      hey did you code it? i need source code , plz send ur github link if u did

    • @Imran-tr8sh
      @Imran-tr8sh 3 месяца назад

      @@AAKARSHVERMA-bw4ic bhai sab yahi feel karte hai tension naa lo or chorna mat mujhe bhi zyada nii atta but ye project calculator,bg-changer, quote-app ye sab bana leta hun mai filhal mujhe bhi aysa he feel aata tha jab naya naya start kiya tha tho

    • @panagopulos9690
      @panagopulos9690 2 месяца назад

      @@AAKARSHVERMA-bw4ic same here the further I go the less I think I can code anything on my own....

  • @user-xs3ku4ss5b
    @user-xs3ku4ss5b 7 месяцев назад

    thank you for your service, for the novice

  • @al-cadaalachannel3194
    @al-cadaalachannel3194 7 месяцев назад

    Awesome Sir, you helped me a lot. Thanks ❤

  • @MT_yt
    @MT_yt 2 месяца назад

    Thanks man!, really appreciate it.

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

    Amazing!! Thank You Sir!

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

    It helped a lot.Thank you soo much.

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

    Thank you so much for this tutorial!

  • @user-hc5ym6kc4y
    @user-hc5ym6kc4y 7 месяцев назад

    thanks it help me alot in writing js

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

    Hey Thank you so much, I learned a lot from this exercise

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

    Thank you for this video. This was really helpful.

  • @spvivekpandi
    @spvivekpandi 2 месяца назад

    Very easy tutorial. Thanks

  • @AnupumPant
    @AnupumPant 10 месяцев назад +8

    Such elegant way. My home cooked javascript was so long and ugly and still had so many bugs when trying on my own. This is such a great way to do it. Thanks

    • @GreatStackDev
      @GreatStackDev  10 месяцев назад +2

      Thanks anupam, glad you liked it

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

    Thank you so much! Your explanation is simple to understand!

  • @ABHISHEKKUMAR-wt1pw
    @ABHISHEKKUMAR-wt1pw 10 месяцев назад

    Your teaching style is great sir .
    Please also create videos on React or Mern project

  • @StephenBeale
    @StephenBeale 24 дня назад

    Brilliant, thanks

  • @dylanseligmann9476
    @dylanseligmann9476 11 месяцев назад

    Thank you so much, just starting with JS. Learned a lot from the video!

  • @lucas3690
    @lucas3690 11 месяцев назад

    Very helpful. Thanks!

  • @neerajmeka25
    @neerajmeka25 3 месяца назад

    Thank you so much for the project it was really great project to do

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

    Beautifully Explained brother.

  • @ThunderGaming-sy7fh
    @ThunderGaming-sy7fh Год назад +1

    After watching your make a e commercial website
    THANK You 💓💓

  • @oldsport24
    @oldsport24 2 месяца назад

    It has been awesome guide! Appreciate you

  • @CodingForKidsTj
    @CodingForKidsTj 4 месяца назад

    Thank you so much👍👍👍👍

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

    Thank you for the video!

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

    So nice and soo simple, Thank you soo much 🎉🎉🎉

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

    Thank You !

  • @ishamanisha9553
    @ishamanisha9553 28 дней назад

    very nice explanation sir thank you so much

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

    Successfully I created my first project using this tutorial..🤗♥️thank you so much

  • @raffi164
    @raffi164 2 месяца назад

    THANKSS BROTHERR!! YOUU SAVEE MY LIFEEE😁

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

    Thank you so much sir. its help me a lot.