Build a Todo List App in HTML CSS JavaScript | EASY BEGINNER TUTORIAL

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ต.ค. 2024

ความคิดเห็น • 51

  • @josephryan8899
    @josephryan8899 6 หลายเดือนก่อน +4

    I just checked the source code line by line in .html and..css and they match line by line perfect. Thanks for your work

  • @howtobecomeadeveloper
    @howtobecomeadeveloper  ปีที่แล้ว +1

    Build your next awesome project:
    www.tubebuddy.com/quicknav/latest/UCkXqOdpo5ul8BosGBFlDgmw

    • @thilaksalivahanan2342
      @thilaksalivahanan2342 ปีที่แล้ว +2

      Beginner javascript website creation please.
      Thanks for your efforts

    • @howtobecomeadeveloper
      @howtobecomeadeveloper  ปีที่แล้ว +1

      Awesome, thank you for your feedback!

    • @Rshubham1819
      @Rshubham1819 ปีที่แล้ว +1

      I think you should start concept wise project of javascript.

    • @howtobecomeadeveloper
      @howtobecomeadeveloper  ปีที่แล้ว

      @@Rshubham1819 Interesting, could you explain a bit more? 😊

    • @Rshubham1819
      @Rshubham1819 ปีที่แล้ว

      @@howtobecomeadeveloper yes, sure it's a great pleasure for me. You should make a proper playlist for javascript concept wise projects and explain it in depth, like- for method string you can make mini projects, or how strings and its method is used in real world. And many more topics

  • @NomanAli-zd1bn
    @NomanAli-zd1bn ปีที่แล้ว +3

    Thanks alot thats what we want simple basics and easy to understand ❤

  • @themilesroarkexperiment1662
    @themilesroarkexperiment1662 18 วันที่ผ่านมา

    Great vid. Appreciate you.

  • @rupeshthakur3754
    @rupeshthakur3754 2 หลายเดือนก่อน +1

    nice explanation. Love from Nepal

  • @alexgoldendragon3435
    @alexgoldendragon3435 8 หลายเดือนก่อน

    tysm!!!!! This is so detailed, you deserve more subscribers!

  • @freguenshoodjean5841
    @freguenshoodjean5841 4 หลายเดือนก่อน +2

    Thank you a lot , although the displayTask function is really challenging. .

    • @howtobecomeadeveloper
      @howtobecomeadeveloper  4 หลายเดือนก่อน

      I'll do my best to explain deeper in the next one!

  • @tooma-g6891
    @tooma-g6891 2 หลายเดือนก่อน +1

    Thanks you have taught everything in detail , I have understood everything😄

  • @anjaneyulub2529
    @anjaneyulub2529 ปีที่แล้ว

    I love your teaching I am excited to learn more from u Thank you : )

  • @hemanthchowdary7150
    @hemanthchowdary7150 ปีที่แล้ว +1

    Awesome 🤩 thanks ❤

  • @Sattivlogs-fp2ch
    @Sattivlogs-fp2ch 2 หลายเดือนก่อน

    Thanks you sooo much

  • @DarshTiwadi-tl2ih
    @DarshTiwadi-tl2ih หลายเดือนก่อน

    Very Good🥰

  • @function30
    @function30 ปีที่แล้ว

    I love your teaching make video on make anything responsive, responsiveness tricks

  • @nr7343
    @nr7343 หลายเดือนก่อน

    look nice,
    why you are set todoList.innerHTML = "" every operation list add and update you delete all and print agian...

  • @ChristianChinakueze-do2bd
    @ChristianChinakueze-do2bd 3 หลายเดือนก่อน

    I love your video

  • @josephryan8899
    @josephryan8899 6 หลายเดือนก่อน

    It's strange but the project opens better in Firefox but still no pointer cursor over input areas. Thanks

  • @hyojinkim6870
    @hyojinkim6870 8 หลายเดือนก่อน

    HIII! thank you so much for the video. I have a quick question .. when i tried to make a Edit function, i declared "const firstText = todo[index].text;" and my console says "Cannot read properties of undefined (reading 'text') " like this. what should i do???!!! help me plzzz

  • @Ms.Delareact
    @Ms.Delareact 9 หลายเดือนก่อน

    Hey I am following every step but my output is not changing, I am typing every thing the same but my website doesn’t not even show the color or the font change. I need help please .

  • @zinakemoum7930
    @zinakemoum7930 5 หลายเดือนก่อน +1

    hello, it is interesting what you teach, i follow you very well

  • @angiek1925
    @angiek1925 11 หลายเดือนก่อน

    Question how would u go about making categories for your list n move items between those to do categories

    • @howtobecomeadeveloper
      @howtobecomeadeveloper  11 หลายเดือนก่อน +1

      Good question! I would nest the existing data storing of the tasks into seperate structures which you could name. So for example if the tasks are stored like this:
      Todos = {
      Task 1: value 1,
      Task 2: value 2,
      }
      Turn it into:
      Todos = {
      Category 1: {
      Task 1: value 1,
      Task 2: value 2,
      },
      Category 2: {
      Task 1: value 1,
      Task 2: value 2,
      },
      }
      I wrote this quick on my phone so sorry for syntax mistakes but I think you get the point 😜

  • @josephryan8899
    @josephryan8899 6 หลายเดือนก่อน

    Hello awesome tutorials but I'm having an issue with the scrollbar and webkit stylings their not making any changes the scrollbar still is visible. Thanks

    • @DrixBors
      @DrixBors 6 หลายเดือนก่อน

      try this
      .scroll::-webkit-scrollbar {
      width: 0.06rem;
      scrollbar-width: thin;
      }

  • @seputarrahasia7655
    @seputarrahasia7655 9 หลายเดือนก่อน

    awesome

  • @ryomensukuna9513
    @ryomensukuna9513 ปีที่แล้ว +1

    😍

  • @raaajj_aryan
    @raaajj_aryan 5 หลายเดือนก่อน

    very helpful. not like most of the others

  • @EliiiXD
    @EliiiXD 7 หลายเดือนก่อน +1

    why do i feel like writing css is way harder than building basic backend side

    • @howtobecomeadeveloper
      @howtobecomeadeveloper  7 หลายเดือนก่อน

      I see your point! They can be hard in different ways for sure.

    • @EliiiXD
      @EliiiXD 7 หลายเดือนก่อน

      @@howtobecomeadeveloper is it means that i am specialized for backend side maybe haha

  • @aissame112
    @aissame112 ปีที่แล้ว

    ❤❤

  • @function30
    @function30 ปีที่แล้ว

    Anything but plz make responsive