🦶🏼Multi Step Form With Progress | HTML CSS & JavaScript

Поділитися
Вставка
  • Опубліковано 7 лис 2024

КОМЕНТАРІ • 35

  • @ASED254
    @ASED254 10 місяців тому +2

    This is what I needed someone vividly explaining not listening to beats only.🎉🎉

    • @DevMadeEasy
      @DevMadeEasy  10 місяців тому +1

      Thanks Web Warrior, I am glad you liked it!
      You're right just listening to some beats is not enough, you have to know what each line of coding is doing.
      Happy Coding my friend.

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

    If you find this video helpful, give it a like👍🏻as this would help it reach even more people!
    Also, subscribe if you haven't !
    👉 Source Code Available Here:
    🌱devmadeeasy.gumroad.com/l/stepformwithprogress

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

      we would if you didn't ask a million times and post it everywhere in the video, The video is great.

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

      people would like it without constant reminders. I think they want less advertisement.

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

      I am not trying to be rude. Great explanation but too much youtube subscribe bs. also try to use the word ok less. It get so annoying. Great CSS!

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

      what is your accent?

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

      i just got a similar code suggested to me, with almost the same js but yours had much better css.

  • @andresbasso7264
    @andresbasso7264 2 місяці тому

    Very interesting way of dealing with the steps through JavaScript, and the data-attributes. However, having pseudo elements content for meaningful information like step numbers isn't good in terms of accessibility. If you are concerned about accessibility for your form, you should make the numbers be stand-alone elements (and change the JavaScript code, of course)

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

    amazing work!!!

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

      Hello Web Warrior, I am glad you liked it...
      Happy Coding my friend!

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

    Thanks for the great video. Is there a git to download the referenced code ?

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

    It´s very good but is missing the validation to be perfect. as it is you can go step by step withoud rithing nothing on the inputs.

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

      I'm glad you liked it!
      I have another one on this channel on validation.
      Welcome to our Dev Tribe & Happy Coding!

    • @jstneti
      @jstneti 5 місяців тому

      ​@@DevMadeEasycan ypu share a link to the video qith validation?

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

    thanks

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

      You're welcome!
      And I glad you liked it
      Happy Coding my friend!

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

    hello sir ji isme number ki jagah right wala icon kese add kare

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

    Nice 👍🏻👍🏻

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

    👏👏🔔👈

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

      Hey Henry Nunez, I'm glad you liked it!
      Welcome to our Dev Tribe and Happy Coding!

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

    New subscriber here 🖐️

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

    *_good ... see later ..._*

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

      Hey Syed, I'm glad you liked it!
      Happy Coding!

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

    0:24 vc é BR ?

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

      Yes I'm from Brazil.
      How about you my friend?
      Welcome to our Comunity!

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

      @@DevMadeEasy ohh, that's incredible my friend, thanks to represeting us in world wide web, the knowldge out the the border!
      what is your github profile?

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

    submit button not working i mean not fetching data

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

      I apologize for the misunderstanding. If you have followed a video tutorial that only covers the front-end part of the login form and not the back-end, it means that the video focused on the visual and interactive aspects of the form but did not include the necessary code or instructions for handling the form data submission.
      In order to make the submit button fetch and process the data, you will need to implement the back-end functionality yourself or seek additional resources that cover the back-end implementation. The back-end typically involves server-side programming languages (such as Python, Ruby, PHP, or JavaScript) and frameworks (such as Flask, Ruby on Rails, Laravel, or Express.js) to handle the form data, validate it, and interact with a database or external services if necessary.